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

body{ font:14px BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Regular,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;}
*{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none;}

h2{ text-align:center; font-size:32px;}
h3{ text-align:center; line-height:50px; font-size:24px;}
.product-cintainer p{ font-size:14px; color:#666; padding:0 5%; line-height:25px;}
.cotent-banner{ width:100%; height:450px; background:url(https://ai.bdstatic.com/file/3983E035D260466EA26FD2C83D158337) center no-repeat; background-size: cover;}
.banner-container{ width:1180px; height:100%; margin:0 auto; color:#fff; padding-top:60px;}

.banner-title{ font-size:48px;}
.banner-info{ width:630px; margin-top:30px; line-height:27px; font-size:16px;}
.cotent-banner .button{ margin:80px 0 0;width:130px; line-height:38px;}

.button{ display:block; width:180px; line-height:50px; background:#006fef; text-align: center; margin:50px auto 120px; color:#fff;font-size:16px;}



.nav-container-bg{ width:100%; height:60px;    background: #fff; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}

.nav-container{ width:960px; margin:0 auto;}
.nav-container li{ float:left; width:21.2%; margin:0 58px;font-size: 20px;line-height: 60px; text-align:center;}
.nav-container li a{ color:#333}
.nav-container li a:hover{ color:#006fef;}


.correlation-container{ width:1180px; height:100%; margin:0 auto 80px; padding-top:50px;}
.correlation-list{ margin-top:50px; height:500px;}
.correlation-list li{ float:left; width:320px; margin:10px 100px 50px 0;}
.correlation-list li img{ display:block; margin:0 auto;}
.correlation-list li p{ color:#6E6E6E}
.correlation-list li:nth-child(3),.correlation-list li:last-child{ margin-right:0;}
.correlation-title{ font-size:18px; line-height:30px; margin:15px auto; color:#333; text-align:center;}
.correlation-container a:hover .correlation-title{ color:#006fef;}


.product-cintainer{ width:1180px; margin:0 auto 80px;}
.product-cintainer img{ width:100%; display:block; margin:50px auto;}
table{ width:980PX; margin:20px auto;}
table td,table th{ border:1px solid #F2F2F2; padding:10px; color:#666; text-align:center;}
table th{ background:#f5f5f5;}
.product-cintainer table td img{margin:0}



.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:1em;}
.main9 button{ display:inline-block; margin:0; height:30px; border-radius:15px;width: 120px; background: #006fef;border: none;outline: none; color:#fff}


@media (max-width:780px){
h2{ font-size:24px;}
h3{ font-size:18px;}
.cotent-banner{ width:100%; height:360px; background:url(https://ai.bdstatic.com/file/3983E035D260466EA26FD2C83D158337) center no-repeat; background-size: cover;}
.banner-container{width:100%; padding-top:80px; text-align:center;}
.banner-title{ font-size:24px;}	
.banner-info{ width:90%; margin:20px auto; line-height:24px; font-size:14px;}
.button{ margin:40px auto}
.cotent-banner .button{ margin:40px auto 0;width:130px; line-height:38px;}


.nav-container-bg,.module-section{ display:none;}


.correlation-container{ width:92%; height:100%; margin:30px auto; padding-top:0px;}
.correlation-list{ margin-top:20px; height:1100px;}
.correlation-list li{ float: none; width:100%; padding:10px 0; margin:10px 0; background:#F6F6F6}
.correlation-title{ font-size:16px; line-height:28px; margin-bottom:5px; padding:0 10px;}
.correlation-list li p{font-size:12px; line-height:22px; padding:0 10px;}
.correlation-container .button{ width:150px; height:40px; line-height:40px; }


.product-cintainer{ width:100%; min-width:360px; margin:0 auto 50px;}
.product-cintainer img{ margin:20px auto;}
table{ width:92%; margin:0 auto;}
table td,table th{padding:10px; }

.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;}

	}