/* CSS Document */
.banner {background:#000;margin:0 auto;position:relative;}
.banner .bd {position:relative;z-index:0;}
.banner .bd li img {width:100%;vertical-align:top;}
.banner .bd li a{color:#005064;}
.banner .bd h3{font-size:48px;line-height:1.5em;text-align:center;position:absolute;top:30%;width:100%;height:14px;z-index:1;text-transform:uppercase;text-shadow: -1px -1px 0 #fff, 1px 1px 0 #333, 1px 1px 0 #444;}
.banner .hd {position:absolute;bottom:5%;width:100%;height:14px;z-index:1;}
.banner .hd ul {width:90%;margin:0 auto;text-align:center;}
.banner .hd ul li {display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 3px;/*border-radius:50%;*/ background:#fff;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.banner .hd ul .on {background:#CC3333;}


.about{height:480px;background:#fff;}
.about-l{margin:71px 45px 0 0;width:calc(50% - 45px);height:375px;float:left;background:#fff url(../images/sec-bg.jpg) no-repeat right top;}
.about-r{width:calc(50% - 45px);float:left;margin:71px 0 0 45px;}
.about-r .con{width:570px;}
.about-r .con h1{font-size:30px;color:#005064;line-height:50px;}
.about-r .con h6{font-size:14px;color:#e4263b;font-weight:400;}
.about-r .con p{margin:20px auto;text-indent: 2em;color:#333;line-height: 22px;}
.about-r .more{width:115px;height:36px;line-height:36px;background:#e4263b;padding:0 30px;}
.about-r .more a{font-size:12px;color:#fff;padding-left:10px;}
.about-r .more span{margin:9px;width: 16px;height: 16px; line-height:14px;float: left;border-radius: 50%;background-color: #e4263b;border: 1px solid #fff ;color:#fff;font-size:16px;padding-left:1px;text-align:center; }

 @media screen and (max-width: 1024px) {
.about-l{margin:71px 20px 0 0;width:calc(50% - 20px);height:375px;float:left;background:#fff url(../images/sec-bg.jpg) no-repeat right top;}
.about-r{width:calc(50% - 20px);float:left;margin:71px 0 0 20px;}
.about-r .con{width:98%;margin-right:2%;}
 }
@media screen and (max-width: 768px) {
.banner .bd h3{font-size:14px;line-height:1.5em;}
.hot-key{display:none;}	
.banner .hd {bottom:15%;}
.search{height:100px;}
.about{height:auto;}
.about-l{margin:10px 1%;width:98%;background:#fff url(../images/sec-bg.jpg) no-repeat center top;}
.about-r{margin:10px 1%;width:98%;}
.about-r .con{width:100%;}
.about-r .con h1{font-size:30px;text-align:center;}
.about-r .con h6{text-align:center;}
.about-r .more{margin:0 calc(50% - 88px);}
}

.products{background:#eaeaea;}
.ProductsBox{width:100%;height:auto;padding-bottom:36px;}
.ProductsBox .hd{width:calc(100% - 400px); margin:20px 0 20px 400px;}
.ProductsBox .hd li{float:left;width:20%;}
.ProductsBox .hd li a{font-size:16px;color:#333;text-align:center;}
.ProductsBox .hd li.on a,.ProductsBox .hd li a:hover {color:#e4263b;}
.ProductsBox .content .discription{background:#858585;width:400px;height:540px;color:#fff;float:left;}
.ProductsBox .content .discription h4{height:90px;line-height:90px;font-size:32px;text-align:center;}
.ProductsBox .content .discription .inner{padding:20px 40px;text-indent: 2em;font-size:13px;}
.ProductsBox .content .discription .inner p{line-height:24px;}
.ProductsBox .content .pro-list{width:calc(100% - 420px);height:500px;margin:0 10px;float:left;}
.ProductsBox .content .pro-list li{width:calc(33.3333% - 6px);height:auto;border: 1px solid #b0b0b0;float:left;margin:4px 2px 20px;}
.ProductsBox .content .pro-list li img{width:100%;height:auto;}
.ProductsBox .content .pro-list li h3{width:100%;height:60px;line-height:60px;background:#fff;text-align:center;font-size:18px;overflow:hidden;transition: ease-in-out .5s; }
.ProductsBox .content .pro-list li h3 a{color:#333;}
.ProductsBox .content .pro-list li:hover h3{background:#e4263b;}
.ProductsBox .content .pro-list li:hover a{color:#fff;}
 @media screen and (max-width: 1024px) {
 .ProductsBox .hd{width:calc(100% - 300px); margin:20px 0 20px 300px;}
 .ProductsBox .content .discription{width:300px;}
 .ProductsBox .hd li a{font-size:14px;}
 .ProductsBox .content .pro-list{width:calc(100% - 320px);}
 }
  @media screen and (max-width: 768px) {
 .ProductsBox .hd{width:100%; margin:20px 0 20px;}
 .ProductsBox .hd li{float:left;width:50%;}
 .ProductsBox .content .discription{width:100%;height:auto;}
 .ProductsBox .hd li a{font-size:14px;}
 .ProductsBox .content .pro-list{width:calc(100% - 20px);height:auto;}
 .ProductsBox .content .pro-list:after{ display:block; clear:both; visibility:hidden; height:0; overflow:hidden; content:"."; }
.clearfix{ *zoom:1; }
 .ProductsBox .content .pro-list li{width:calc(50% - 20px);height:auto;border: 1px solid #b0b0b0;float:left;margin:4px 9px 20px;}
 }
 
.aboutus{background:#eaeaea;padding:40px 0;}
.aboutus-l{margin:71px 10px 0;width:calc(35% - 20px);height:auto;float:left;}
.aboutus-l img{    width: 100%;height: auto;float: left;box-shadow: 0px 0px 0px 5px #858585; border-radius: 50%;}
.aboutus-r{width:calc(65% - 35px);float:left;margin:71px 20px 0 15px;}
.aboutus-r .con h1,.aboutus-r .con h3,.principle .con h3,.features .con h3{font-size:24px;color:#333;line-height:36px;text-transform:uppercase;}
.aboutus-r .con .desc{font-size:13px;line-height:16px;height:auto;font-weight:300;overflow:hidden;color:#e4263b;background:#dbdbdb;border-radius:5px;padding:10px 20px;margin:10px 0;}
.con .desc p{margin:15px 0;}
.aboutus-r .con p{margin:15px auto;text-indent: 2em;color:#000;font-size:13px;line-height:1.5em;font-weight:300;}
.aboutus-r .con p a,.con .desc p a,.principle p a{ text-decoration:underline;color:#0C40E4;font-weight:500;}
.aboutus-r .con p b{color:#e4263b;font-weight:600;}
.aboutus-r .more,.principle .con .more, .features .con .more{width:115px;height:36px;line-height:36px;background:#e4263b;padding:0 30px;}
.aboutus-r .more a,.principle .con .more a,.features .con .more a{font-size:12px;color:#fff;padding-left:10px;}
.aboutus-r .more span,.principle .con .more span,.features .con .more span{margin:9px;width: 16px;height: 16px; line-height:14px;float: left;border-radius: 50%;background-color: #e4263b;border: 1px solid #fff ;color:#fff;font-size:16px;padding-left:1px;text-align:center; }

 
 
 @media screen and (max-width: 1024px) {
.aboutus-l{margin:71px 20px 0 0;width:calc(50% - 20px);height:375px;float:left;background:#fff url(../images/supercritical_co2_fluid_extraction_equipment.jpg) no-repeat right top;}
.aboutus-r{width:calc(50% - 20px);float:left;margin:71px 0 0 20px;}
.aboutus-r .con{width:98%;margin-right:2%;}

 }
@media screen and (max-width: 768px) {
.aboutus{height:auto;}
.aboutus-l{margin:10px 1%;width:98%;background:#fff url(../images/supercritical_co2_fluid_extraction_equipment.jpg) no-repeat center top;}
.aboutus-r{margin:10px 1%;width:98%;}
.aboutus-r .con{width:100%;}
.aboutus-r .con h1{font-size:30px;text-align:center;}
.aboutus-r .con h6{text-align:center;}
.aboutus-r .more{margin:0 calc(50% - 88px);}
 
}

.News{background:#fff;padding-bottom:36px;}
.News .hd{width:30%; margin:20px 35%;}
.News .hd li{width:calc(50% - 20px);margin:0 10px;float:left;text-align:center;}
.News .hd ul li a{display:block;padding:0 15px;background:#fff;border-radius:15px;border:solid 1px #777;line-height:24px;color:#333;transition: ease-in-out .5s; }
.News .hd ul li a:hover {text-decoration:none;border:solid 1px #e4263b;border-radius:15px;background:#e4263b;color:#fff;}
.News .hd ul li.on a{background:#e4263b;color:#fff;font-weight:bold;border:solid 1px #e4263b;border-radius:10px;}

.News-inner .head-news{width:500px;margin:10px 10px 10px 0;float:Left;}
.News-inner .head-news .pic img{width:100%;height:auto;}
.News-inner .head-news .con{margin:5px auto;padding:5px;border-top:solid 1px #b9b9b9;}
.News-inner .head-news .con h4{text-align:center;line-height:30px;height:30px;overflow:hidden;}
.News-inner .head-news .con h4 a{color:#333;font-size:20px;}
.News-inner .head-news .con .desc{font-size:13px;color:#b7b7b7;line-height:18px;height:36px;overflow:hidden;}
.News-inner .head-news .more{width:90px;height:30px;line-height:30px;background:#e4263b;border: 1px solid #e4263b ;padding:0 15px;margin:10px 15px 10px 0;float:right;transition: ease-in-out .5s; }
.News-inner .head-news .more:hover{background:#fff;}
.News-inner .head-news .more a{font-size:12px;color:#fff;padding-left:2px;transition: ease-in-out .5s; }
.News-inner .head-news .more span{margin:9px 9px 7px;width: 12px;height: 12px; line-height:12px;float: left;border-radius: 50%;background-color: #e4263b;border: 1px solid #fff ;color:#fff;font-size:12px;padding-left:0px;text-align:center; transition: ease-in-out .5s; }
.News-inner .head-news .more:hover span{ border: 1px solid #e4263b ;color:#e4263b;    background-color: #fff;}
.News-inner .head-news .more:hover a{color:#e4263b;}


.News-inner .newslist{width:calc(100% - 520px);margin:10px 0 10px 10px;float:Left;}
.News-inner .newslist li {width:100%;height:auto;float:left;overflow:hidden;margin:5px 0 10px 0;padding:8px 2px;border-bottom:solid 1px #b9b9b9;}
.News-inner .newslist .data{width:80px;border:solid 1px #b9b9b9;text-align:center;float:left;color:#005064;}
.News-inner .newslist .data .mm-day{width:100%;height:55px;}
.News-inner .newslist  .data .day{font-size:36px;font-weight:500;padding:5px 0 0 0;line-height:45px;    float:left;}
.News-inner .newslist  .data .mm{margin-top:16px;float:left;font-size:20px;font-weight:500;}
.News-inner .newslist  .data .yy{font-size:14px;font-weight:300;line-height:26px;width:100%;background:#ebebeb;}
.News-inner .newslist li .figcaption {width:calc(100% - 112px);float:left;margin:0 10px 0 20px;}
.News-inner .newslist li .figcaption .n-tlt{font-size:16px;line-height:20px;height:20px;overflow:hidden;}
.News-inner .newslist li .figcaption .n-tlt a{font-weight:500;color:#333;}
.News-inner .newslist li .figcaption .c-p{font-size:12px;color:#979797;line-height:20px;height:20px;overflow:hidden;font-weight:200;}
.News-inner .newslist li .figcaption .n-p{font-size:12px;color:#979797;line-height:20px;height:40px;overflow:hidden;font-weight:200;}

@media screen and (max-width: 768px) {
.News .hd{width:90%; margin:20px 5%;}
.News-inner .head-news{width:calc(100% - 20px);margin:10px;}
.News-inner .newslist{width:calc(100% - 20px);margin:10px;}
}