/* CSS Document */
.banner{width:100%;height:340px;background:#2763bd; }
.banner-news{width:100%;height:auto;background:#2763bd; }
.banner-news li img{width:100%;height:auto;}
.banner .inner{width:1200px;margin: 65px 0 0 0;position: absolute;text-align:center;}
.banner .box-shadow{width:514px;height:122px;box-shadow: 0 0 5px #fff; text-align:center;margin:0 calc(50% - 257px);}
.banner .inner .tlt{padding:10px 0 0 0;font-size:30px;line-height:60px;letter-spacing:5px;color: #f0c500;}
.banner .inner .s-tlt{font-size:16px;line-height:20px;font-weight:200;color:#fff;}
.banner .inner .txt{width:90%;margin:20px 5%;font-weight:200;color:#fff;}
.banner .inner .txt p{font-size:18px;line-height:28px;}

 .products{text-align:center;padding:1px 0 0px 0; width:100%;height:auto;margin:50px auto;}
 .products h1{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{width:50%;font-size:16px;font-weight:200;line-height:32px;color:#333;margin:40px 25%;}
 .products h2 {margin:30px auto;}
 .products h2 a{line-height:50px;font-size:24px;font-weight:500;margin:30px auto;color:#f60;padding:0 20px;}
 .products h2:before {content:"→";font-size:1.2em;color:#316c2d;}
 .products h2: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 h3:before {content:"★";font-size:12px;color:red;margin-right:10px;}
 .products ul li h3 a{font-weight:200;}
 
.p-list .pro-list{width:90%;margin:20px 5%;}
.p-list .pro-list .tlt{font-size:18px;line-height:28px;font-weight:400;}
.p-list .pro-list .tlt-1{width:80%;margin:5px 20% 5px 0;padding:3px 0;font-size:12px;border-top: 1px solid #dad9d3;border-bottom: 1px solid #dad9d3;font-weight:200;}
.p-list .pro-list .art{font-size:16px;line-height:20px;height:80px;color:#777;text-align:left;width:99%;margin:10px  0;overflow:hidden;}
.p-list .pro-list  .more{width:100px;margin:10px 20px 10px 0;;padding:6px 0px;background:#f5d953;text-align:center;border: 1px solid #f0c500;float:right;}
.more a {color:#000;font-size:14px;font-weight:100;}

.n-list .news-list{width:90%;margin:20px 5%;height:auto;}
.n-list .news-list .tlt{font-size:16px;line-height:24px;font-weight:400;}
.n-list .news-list .art{width:94%;margin:10px 6% 10px 0%;padding:20px 20px;font-size:12px;line-height:20px;background:#f4f3f5;border: 1px solid #ededee;}
.n-list .news-list  .more{width:100px;margin:10px  20px 10px calc(100% - 120px);;padding:6px 0px;background:#f5d953;text-align:center;border: 1px solid #f0c500;}

.banner-1{width:100%;height:345px;background:#f3cf28; }
.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 260px;}
.banner-1 .inner .tlt{font-size:32px;line-height:60px;letter-spacing:5px;}
.banner-1 .inner .tlt-3{margin:30px auto 0;font-size:24px;letter-spacing:2px;}
.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;}

.pro-3 .pro-view{width:50%;float:left;text-align:center;}
.pro-view .tlt{font-size:36px;line-height:50px;}
.pro-view .tlt-1{width:60%;margin:10px 18%;padding:7px 2%;font-size:18px;border-top: 1px solid #dad9d3;border-bottom: 1px solid #dad9d3;}
.pro-view .art{font-size:14px;line-height:20px;height:80px;color:#777;text-align:left;width:80%;margin:10px 10%;}
 

.banner-2{width:100%;height:345px;background:#f3cf28; }
.banner-2 .inner{width:1200px;margin: 65px 0 0 0;position: absolute;text-align:center;}
.banner-2 .box-shadow{width:638px;height:62px;box-shadow: 0 0 5px #fff; text-align:center;margin:0 260px;}
.banner-2 .inner .tlt{font-size:32px;line-height:60px;letter-spacing:5px;}
.banner-2 .inner .tlt-3{margin:30px auto 0;font-size:24px;letter-spacing:2px;}
.banner-2 .inner .txt{width:90%;margin:20px 5%;font-weight:200;color:#666633;}
.banner-2 .inner .txt p{font-size:18px;line-height:28px;}

.pro-4 ul{margin:25px auto;}
.pro-4 li{width:30.333333333%;margin:15px 1.5%;float:left;text-align:center;}
.pro-4 li img{width:100%;height:auto;}
.pro-4 li .tlt{font-size:28px;line-height:50px;}
.pro-4 li .tlt-1{width:80%;margin:10px 8%;padding:7px 2%;font-size:14px;border-top: 1px solid #dad9d3;border-bottom: 1px solid #dad9d3;}
.pro-4 li .buy{width:40%;margin:20px 30%;;padding:6px 0px;background:#f5d953;text-align:center;border: 1px solid #f0c500;}
.pro-4 li .buy a {color:#000;font-size:24px;font-weight:100;}

 
@media screen and (max-width: 768px) {
.banner{display:none;}
 .products ul{margin:40px 10px;}
 .products .art{width:90%;margin:40px 5%;}
 .products ul li{width:calc(100% - 20px);}
 .p-list .pro-list{width:100%;margin:20px 0;}
 }