@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{ line-height:50px; font-size:18px; color:#333;}
p{ color:#6E6E6E}
.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/0C46673992324F00AA88C7F6004CE8A0) 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 0px; 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:13%; margin:0 33px;font-size: 20px;line-height: 60px; text-align:center;}
.nav-container li a{ color:#333}
.nav-container li a:hover{ color:#006fef;}


.product-overviews{ width:1200px; margin:80px auto 0;}
.product-overviews p{ margin-top:50px; line-height:25px;}
.product-overviews img{ width:100%;}



.correlation-container{ width:100%; height:100%; margin:0 auto ; padding-top:80px; background:#F6F8FB;}
.correlation-list{ width:1180px; margin:50px auto; height:420px;}
.correlation-list li{ float:left; width:280px; height:300px; margin:10px 20px 50px 0; background:#fff;}
.correlation-list li img{ display:block; margin:30px auto 10px;}
.correlation-list li p{ color:#6E6E6E; padding:0 25px;}
.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;}


.advantage-container{ background:none;}
.advantage-list{height:300px;}
.advantage-list li{ float:left; width:320px; height:250px; margin:10px 100px 50px 0;}

.specification-cintainer{ width:100%;height:100%; margin:0 auto;background:#F6F8FB; padding:80px 0;}
.specification-list{ width:1180px; margin:50px auto 30px;height:220px;}
.specification-list li{ width:580px; height:220px; background:#fff; float:left;}
.specification-list li:first-child{ margin-right:20px;}
.specification-list li img{ width:50%; margin:20px;}
.specification-list li .specification{ float:right; width:38%; margin: 20px 20px 0 0; color:#666; line-height:30px;}
.specification-list li h3{ line-height:60px;}

.flow{ padding:80px 0;}
.flow-list{ width:1180px; height:150px; margin:50px auto 20px;}
.flow-list li{ width:212px; height:110px; border:1px solid #F6F8FB; float:left; margin-right:8px; text-align:center; color:#666; padding:8px;}
.flow-list li:last-child{ margin-right:0;}
.flow-list .arrow{ width:50px; border:none; margin-top:45px;}
.flow-list .arrow img{ width:100%;}

.main9{ width:100%; min-width:1200px; background:#030a26; height:70px; padding:40px 0; clear:both;}
.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:16px;}
.cotent-banner{ width:100%; height:360px; background:url(https://ai.bdstatic.com/file/0C46673992324F00AA88C7F6004CE8A0) 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;}

.product-overviews{ width:92%; margin:40px auto 0;}
.product-overviews p{ margin-top:20px;}


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

.advantage-list{ height:550px;}
.advantage-list li{ height:150px;}

.specification-cintainer{padding:30px 0;}
.specification-list{width:92%; margin:20px auto 30px; height:770px;}
.specification-list li{ width:100%; height:auto; margin-bottom:10px;}
.specification-list li img{ width:90%; margin:5% 5% 0;}
.specification-list li .specification{width:90%;margin:0 10px 10px;}

.flow{ padding:30px 0;}
.flow-list{ width:92%;height:220px;}
.flow-list li{width:16%; margin-right:0; padding:4px; font-size:12px; height:auto}
.flow-list .arrow{ width:18px;}

.product-cintainer{ width:100%; min-width:360px; margin:0 auto 50px;}
.product-cintainer img{ margin:20px auto;}



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