@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/08ED5FF1F8C64F29B6F41345414CB920) 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:550px;}
.correlation-list li{ float:left; width:360px; height:230px; margin:10px 50px 20px 0; background:#fff;}
.correlation-list li img{ display:block; margin:30px auto 10px;}
.correlation-list li p{ color:#6E6E6E; padding:0 25px; line-height:22px;}
.correlation-list li:last-child,.correlation-list li:nth-child(3){ 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-cintainer{ width:100%;height:100%; margin:0 auto; padding:80px 0;}
.advantage-list{ width:1180px; margin:50px auto 30px;height:220px;}
.advantage-list li{ width:580px; height:200px; background:#fff; float:left;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);}
.advantage-list li:hover{box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);}
.advantage-list li:first-child{ margin-right:20px;}
.advantage-list li img{ margin:60px 30px;}
.advantage-list li .advantage{ float:right; width:75%; margin: 20px 15px 0 0; color:#666; line-height:30px;}
.advantage-list li h3{ line-height:60px;}

.specification{ width:100%; background:#F6F8FB; padding:80px 0;}
.specification-list{ width:1180px; margin:32px auto 0; height:350px;}
.specification-list li:nth-child(2){ width:36%;}
.specification-list li{ float:left; width:30%; line-height:25px;}
.specification-list li p{ margin:10px 0;}
.specification-list li e{ display:inline-block; width:100px;}
.specification-list li b{ width:70%; display:inline-block;}
.specification-list li img{ width:100%;}

.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/08ED5FF1F8C64F29B6F41345414CB920) 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:1180px;}
.correlation-list li{ float: none; width:100%; height:170px; 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-cintainer{padding: 20px 0;}
.advantage-list{ width:92%; height:380px;margin: 30px auto;}
.advantage-list li{ height:180px; width:100%; margin-bottom:15px;}
.advantage-list li img{margin: 60px 20px;}
.advantage-list li .advantage{width: 65%; line-height:22px;margin: 0px 15px 0 0;}
.advantage-list li h3{ line-height:50px;}



.specification{padding:30px 0;}
.specification-list{width:92%; margin:20px auto 0px; height:950px;}
.specification-list li{ width:100%; height:auto; margin-bottom:10px;}
.specification-list li:nth-child(2){ width:100%;}
.specification-list li b{ width:68%;}
.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;margin:20px auto;}
.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;}

	}