/* CSS Document */

.main{background: #fff;}
 
 .banner{width:1200px;height:530px;background: url(../images/index-top-bg.jpg) no-repeat left top;}
 .banner .con{width:590px;height:276px;background: url(../images/inde-top-bg.png) repeat left top;margin:118px calc(50% - 295px) 0 calc(50% - 295px);position: absolute;border: 1px solid #474747;text-align:center;} 
  .banner .con img{margin-top:30px;}
  .banner .con .art{padding:20px 30px;}
  .art p{line-height:28px;}
 
 .video{width:994px;margin:20px 3px 0 3px;}
 
 .about{text-align:center;}
 .about img{width:152px;margin:40px 390px 20px 390px;padding:10px 34px 12px 34px;border-top: 2px solid #f0c600;border-bottom: 2px solid #f0c600;}
 .about h2{line-height:82px;font-size:32px;color:#393938;}
 .about p{;font-size:12px;font-weight:200;line-height:20px;margin:22px 10%;color:#333;width:80%;text-align:left; }
 
 .banner-1{width:100%;height:345px;background:#2763bd; }
.banner-1 .inner{width:1200px;margin: 65px 0 0 0;position: absolute;text-align:center;}
.banner-1 .box-shadow{width:638px;height:62px;box-shadow: 0 0 5px #fff; text-align:center;margin:0 281px;}
.banner-1 .inner .tlt{font-size:32px;line-height:60px;letter-spacing:5px;color: #fff;}
.banner-1 .inner .tlt-3{margin:30px auto 0;font-size:24px;letter-spacing:2px;color: #fff;}
.banner-1 .inner .txt{width:90%;margin:20px 5%;font-weight:200;color:#666633;}
.banner-1 .inner .txt p{font-size:18px;line-height:28px;color:#f0c500;}

 .products{text-align:center;padding:1px 0 0px 0; width:100%;height:auto;margin:50px auto;}
 .products h2{width:40%;padding:10px 0;margin:60px 30% 20px 30%;line-height:55px;font-size:32px;color:#393938;border-top: 1px solid #dad9d3;border-bottom: 1px solid #dad9d3;}
 .products .art{font-size:16px;font-weight:200;line-height:32px;color:#333;margin:40px auto;}
 .products h3 {margin:30px auto;}
 .products h3 a{line-height:50px;font-size:24px;font-weight:500;margin:30px auto;color:#f60;padding:0 20px;}
 .products h3:before {content:"→";font-size:1.2em;color:#316c2d;}
 .products h3:after{content:"←";font-size:1.2em;color:#316c2d;}
 .products ul{margin:40px 40px;}
 .products ul li{width:calc(33.3333% - 20px);margin:10px 0;height:auto;float:left;text-align:left;padding-left:20px;}
  .products ul li h4:before {content:"★";font-size:12px;color:red;margin-right:10px;}
 .products ul li h4 a{font-weight:200;}
 
 
 
 .news{text-align:center;padding:1px 0 0px 0; width:100%;height:auto;margin:50px auto;}
 .news h2{width:40%;padding:10px 0;margin:60px 30% 20px 30%;line-height:55px;font-size:32px;color:#393938;border-top: 1px solid #dad9d3;border-bottom: 1px solid #dad9d3;}
 .news .art{font-size:16px;font-weight:200;line-height:32px;color:#333;margin:40px auto;}
 .news ul{margin:40px 40px;}
  .news ul li{width:calc(50% - 20px);margin:10px 0;height:auto;float:left;text-align:left;padding-left:20px;background: url(../images/icon1.gif) no-repeat left;}
  .news ul li h4 a{font-weight:200;}
 
 
  
 .b-nav{width:100%;}
 .b-nav ul li{width:324px;height:186px;float:left;margin:0 36px;text-align:center;}
 .b-nav ul li:nth-child(1){background:url(../images/b-1.jpg) no-repeat  left bottom;background-size:100% 100%;-moz-background-size:100% 100%;}
 .b-nav ul li:nth-child(2){background:url(../images/b-2.jpg) no-repeat left bottom;background-size:100% 100%;-moz-background-size:100% 100%;}
 .b-nav ul li:nth-child(3){background:url(../images/b-3.jpg) no-repeat left bottom;background-size:100% 100%;-moz-background-size:100% 100%;}
 .b-en{width:100%;padding-top:40px;font-size:20px;}
 .b-tlt{font-size:36px;line-height:50px;}
 .b-en a,.b-tlt a{color:#000;}
 
 .b-en-w{width:100%;padding-top:40px;font-size:20px;}
 .b-tlt-w{font-size:36px;line-height:50px;}
 .b-en-w a,.b-tlt-w a{color:#fff;}
 
 .b-more{width:100px;margin:30px 112px 0 112px;;padding:4px 0px;background:#000;text-align:center;}
 .b-more a,.b-more-2 a{color:#fff;font-size:15px;}
 .b-more-2{width:100px;margin:30px 112px 0 112px;;padding:4px 0px;background:#ba9d13;text-align:center;}
 
 .b-tlt-b a{color:#000;font-size:26px;}
 
 

@media screen and (max-width: 768px) {
 .banner{width:100%;height:530px;background: url(../images/index-top-bg.jpg) 50% 0 no-repeat;}
 .banner .con{width:calc(98% - 2px);margin:118px 1% 0 1%;} 
 .banner-1 .inner{width:96%;margin: 65px 2% 0 2%;}
 .banner-1 .box-shadow{width:80%;height:62px;margin:0 10%;}
.banner-1 .inner .tlt{font-size:18px;}
.banner-1 .inner .tlt-3{font-size:16px;}
.banner-1 .inner .txt{width:98%;margin:20px 1%;}
.banner-1 .inner .txt p{font-size:14px;line-height:28px;}
 .about{padding:0 0 30px 0;}
 .about img{width:40%;margin:40px 30% 20px 30%;padding:10px 0 12px 0;}
 .about h2{line-height:32px;font-size:22px;}
 .about p{font-size:14px; line-height: 20px;}
 .products h2{width:96%;margin:40px 2% 20px 2%;padding:10px 0 12px 0;font-size: 28px;}
  .products h2 img{display:none;}
 .products .art{font-size:16px;line-height:20px;}
 .products ul li{width:calc(100% - 20px);margin:10px;height:auto;}
 .products ul li p{font-size:12px;line-height:18px;}
 .products ul li  .products-p{font-size:10px;}
  .b-nav ul li{width:calc(100% - 8px);float:none;margin:20px 4px;}
 .b-more,.b-more-2{width:calc(100% - 224px);}
  .b-tlt{font-size:26px;}
    .news ul li{width:calc(100% - 20px);margin:10px 0;height:auto;float:left;text-align:left;padding-left:20px;background: url(../images/icon1.gif) no-repeat left;}

 }