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

*{ margin:0;
   padding:0;
   list-style:none;}
html{ margin:0; padding:0; overflow-x:hidden;}
body{ background:#f5f5f5;width:100%;font-size:14px;} 
a{text-decoration:none; color:white;}
.banner-bg{ height:450px; background:url(../images/banner_duneng.jpg) center no-repeat;}
.hot-banner{ width:1200px; margin:0 auto; color:white;}
.hot-banner p{ font-size:14px; padding-top:100px;}
.hot-banner p span{font-size:36px; display:block; margin-bottom:20px;}
button{ width:160px; height:40px; background:#108cee; border:none; outline:none; color:white; display:block; margin-top:180px; cursor:pointer;}
nav{ width:100%; height:50px; background:#242424;}
nav .title-dao{ width:1200px; margin:0 auto;}
nav .title-dao li{ width:60px; float:left; color:white; margin-right:130px; line-height:50px;}
nav .title-dao li a{ color:white;}
nav .title-dao li:first-child a{ color:#108cee;}
nav .title-dao li:last-child{ margin-right:0}
nav .title-dao a:hover{ color:#108cee;}

.main1{ width:1180px; margin:40px auto; }

.main2{ width:100%; min-width:1200px; height:730px; padding:80px 0; margin:80px auto; background:white;}
.inset{ width:1200px; margin:0 auto;}
h2{ font-size:30px; font-weight:normal; color:#333; text-align:center;}
h3{ font-size:14px; color:#333; font-weight:normal; margin:0 auto; line-height:30px;}
.main2 img{ width:1200px; margin-top:50px;}

.main2 .mb{ display:none;}


.main3{  width:100%; min-width:1200px;height:580px;}
.main3 h3,.main7 h3,.main8 h3{text-align:center;}
.main3 .main3-ul{ padding-top:80px;}
.main3 .main3-ul li{ width:260px; height:350px; float:left; margin-right:90px;}
.main3 .main3-ul li:last-child{ margin-right:0;}
.main3 .main3-ul li:nth-child(2){ width:500px; text-align:center; }
.main3 img{ width:250px;line-height:350px; margin-top:50px;}
.main3 .main3-ul li .part{ height:200px;}

.main3 .main3-ul li e{ width:50px; height:50px; border-radius:25px; background:#2164ed; display:block; font-size:24px; text-align:center; line-height:50px; color:white; float:left; margin-right:10px;}
.main3 .main3-ul li b{ font-size:18px; display:block; margin-bottom:10px;}
.main3 .main3-ul li .part p{ width:190px; float:right; margin-top:20px;}
.main3 .main3-ul li .part span{ font-size:18px; font-weight:bold; color:#2164ed}


.main4,.main6{ width:100%; min-width:1200px; height:420px; padding:80px 0; background:white;}
.main4 .main4-ul,.main5 .main5-ul,.main6 .main6-ul{ padding-top:60px;}
.main4 .main4-ul li{ width:190px; height:300px; border:1px solid #999; float:left; margin-right:63px; padding:0 30px;}
.main4 .main4-ul li:last-child,.main5 .main5-ul li:last-child,.main6 .main6-ul li:last-child{ margin-right:0}
.main4 img,.main5 img,.main6 img{ display:block; margin:30px auto;}
.main4 p,.main5 p{ line-height:25px; color:#666;}
.main4 span,.main5 span,.main6 span{ display:block; font-size:18px; font-weight:bold; text-align:center; margin:20px 0; color:#333;}


.main5{  width:100%; min-width:1200px; height:500px;padding:80px 0;}

.main5 .main5-ul li{ width:221px; height:380px; background:white;float:left; margin-right:20px; padding:0 32px;}

.main6{ background:white; height:480px;}
.main6 .main6-ul{ height:280px;}
.main6 .main6-ul li{ width:220px; height:220px; box-shadow:0px 0px 15px #CCC; float:left; margin-right:20px; padding:20px 0;}
.main6 .main6-ul li e{font-size:18px; font-weight:bold; color:#2164ed}
.main6 button{ margin:0 auto; margin-top:50px;}

.main7{width:100%; height:520px;padding:80px 0;}
.main7 table{ width:900px; height:400px; background:white; margin:40px auto 0;}
.main7 table td{ border:1px solid #F3F3F3; text-align:center; width:440px; color:#666;}
.main7 table th{ background:#2164ed; color:white; font-size:18px;}


.main8{ width:100%; min-width:1200px; background:white; height:650px;padding-top:80px;}
.main8 .dn-map{background:url(../images/dn-map.png) no-repeat; height:450px; background-size:65%; margin-top:60px;}
.main8 .dn-map p{ float:right; width:460px; height:120px; background:#2164ed; font-size:24px; font-weight:bold; color:white; padding:30px;}
.main8 .dn-map span{ color:#ffc000; font-size:48px;}

.main9{ width:100%; min-width:1200px; background:#030a26; height:70px; padding:40px 0;}
.main9 .inset{ width:880px; margin:0 auto;}
.main9 p{ font-size:18px; color:white; margin-bottom:20px;}
.main9 input{ width:160px; height:30px; display:inline-block; margin-right:10px; border:none; outline:none; text-indent: 0.5em;}
.main9 button{ display:inline-block; margin:0; height:30px; border-radius:15px;}






@media screen and (max-width: 768px){
.banner-bg{ height:300px;}	
.hot-banner{ width:95%; margin:0 auto;}
.hot-banner p{ line-height:25px;padding-top: 90px}
button{margin-top:30px;}

nav .title-dao{ width:100%;}
nav .title-dao li{ width:14.2%; margin:0; text-align:center; font-size:12px;}
.main1{ width:95%; margin:20px auto;}
.main1 img{ width:100%;}
h2{ font-size:24px; line-height:60px;}
h3{ line-height:25px;}

.main2{padding:30px 0; margin:0 auto; min-width:360px; height:auto;}
.inset{ width:95%; margin:0 auto;}
.main2 img{ width:100%; margin-top: 10px;}
.main2 .mb{ display: block;}
.main2 .pc{ display:none;}

.main3{min-width:360px; height:auto;margin: 30px auto;}
.main3 .main3-ul{padding-top: 20px; height:400px;}
.main3 .main3-ul li:nth-child(2){ display:none;}
.main3 .main3-ul li{width:100%; height:auto;}
.main3 .main3-ul li .part p{width:80%; margin-top:0;}
.main3 .main3-ul li .part{ height:100px;}

.main4, .main6{min-width:360px;padding:40px 0;clear:both;}
.main4{ height:650px;}
.main4 .main4-ul, .main5 .main5-ul, .main6 .main6-ul{padding-top: 10px;}
.main4 .main4-ul li{ width:40%; height:250px; margin:5px 2%; padding:2.5%;}
.main4 img, .main5 img, .main6 img{margin: 0px auto;}
.main4 span, .main5 span, .main6 span{ margin: 10px 0;}
.main4 p, .main5 p{ text-align:center; line-height:24px;}
.main5{ clear:both;min-width:360px;padding:40px 0; height:1150px;}
.main5 .main5-ul li{ width:90%; height:auto; margin:5px 0; padding:5%;}
.main6{ height:auto;}
.main6 .main6-ul{ height:210px;}
.main6 .main6-ul li{width: 20%;margin-right:0px;box-shadow: none; border:1px solid #F3F3F3; box-sizing:border-box; padding:0 2%;}
.main6 img{ width:60%;}
.main6 span{ font-size:16px;}
.main7{padding:40px 0;}
.main7 table{ width:100%;}

.main8{min-width:360px;padding:40px 0; height:auto;}
.main8 .dn-map{background:url(../images/dn-map.png) center 120px no-repeat; height:350px; background-size:100%; margin-top:30px;}
.main8 .dn-map p{ width:100%; height:70px; padding:10px 0; font-size:18px; text-align:center;}
.main8 .dn-map span{ font-size:24px;}

.main9{min-width:360px; height:180px; padding:30px 0;}
.main9 .inset{ width:85%; margin:0 auto;}
.main9 p{ text-align:center;}
.main9 input{width: 48%; margin-right:6px;margin-bottom:10px;}
.main9 input:nth-child(2),.main9 input:nth-child(4){ margin-right:0;}
.main9 button{ display:block; margin:20px auto;}

.bdproduct-footers{ display:none;}
}