@charset "utf-8";
@import "/fonts/webfont.css";

/*body{font-size:15px;font-weight:normal;color:#333;margin:0px;padding:0px; background:#fff;font-family:"Work Sans",Arial,Verdana,"Noto Sans SC",PMingLiU,sans-serif;}*/

body{font-size:13px;font-weight:normal;color:#333;margin:0px;padding:0px; background:#fff;font-family: "Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;}

/*body{font-size:14px;font-weight:normal;color:#333;margin:0px;padding:0px; background:#fff;font-family: PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,Hiragino Sans GB,sans-serif;-webkit-font-smoothing: antialiased;}*/

html, body {margin:0;height: 100%;background-color: #fff;width:100%;background:url(/images/bg.jpg) no-repeat; background-position:bottom center; background-size:cover; background-attachment:fixed;}
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,input,ul,li{margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{ list-style:none}
a{color:#333;text-decoration:none;transition: all .2s ease;-webkit-tap-highlight-color: transparent; outline: none;}
a:hover{color: #000; transition: all .2s ease;}
.clear{clear:both;}
input,button,select,textarea{outline: none;border:none;}
select::-ms-expand { display: none; }
select{appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}
 
@font-face {
  font-family: 'lsfont';  /* project id 752944 */
  src: url('//at.alicdn.com/t/font_752944_nszwt2kbod.eot');
  src: url('//at.alicdn.com/t/font_752944_nszwt2kbod.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_752944_nszwt2kbod.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_752944_nszwt2kbod.woff') format('woff'),
  url('//at.alicdn.com/t/font_752944_nszwt2kbod.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_752944_nszwt2kbod.svg#lsfont') format('svg');
}
.iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.lsfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.content{width:1140px; margin:0 auto;}

.top{background-color:#505052; text-align:center; height:100px;font-size:16px; color:#cccfcd; font-weight:lighter; position:fixed; width:100%;z-index: 10;}
.top a{padding:40px 10px; font-size:16px; color:#cccfcd; display: inline-block; font-weight:bold;}
.top a:hover{color:#fff;}
.logo{text-align:center; padding-top:180px;}
.logo p{font-size:36px; color:#fff; padding-top:5px; text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;}
.logo h2{font-size:40px; font-weight:bold; color:#fff; padding-top:180px; text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;}
.products{background: rgba(80, 80,82, 0.86); text-align:center; padding:60px 0 120px;}
.products h2{color:#ff9e0d; font-size:36px; font-weight:bold;}
.products h3{color:#d0cfcd; font-size:20px; font-weight:bold; padding:20px 0 60px}
.products ul{width:1016px; margin:0 auto;display: inline-block;}
.products li{width: calc((100% - 24px) / 3);margin: 0 3px 6px; float:left;padding-top: 22%;position: relative;transform: translateY(0);transition: all 0.7s;overflow: hidden; border:1px solid #ff9e0d; border-radius:3px;}
.products li .cover{
	background-size: cover;
	background-position: center;
	background-color: #333;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    color: #fff;
	transition: all .5s ease;
}
.products li a:hover .cover{transition: all .5s ease;transform:scale(1.05);}

.products li .info{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    color: #fff;
}
.products li .info p{position:absolute; top:30%; color:#ff9e0d; font-size:36px; font-weight:bold; text-align:center;width: 100%;}
.products li .info span{display:block;color:#d0cfcd; font-size:20px; font-weight:bold;}

.application{text-align:center; padding:60px 0 120px; background:url(/images/app_bg.jpg) no-repeat; background-position:center center; background-size:cover;}
.application h2{color:#ff9e0d; font-size:36px; font-weight:bold;}
.application ul{width:1016px; margin:0 auto;display: inline-block;}

.application li{width: calc((100% - 80px) / 4);margin: 0 10px; float:left;}
.application li h3{color:#d0cfcd; font-size:30px; font-weight:bold; padding:30px 0 50px;}
.application li p{color:#d0cfcd; font-size:22px;}

.about{text-align:center; background:rgba(80, 80,82, 0.86) url(/images/about_bg.png) no-repeat; background-position:center center; background-size:contain; height:440px; padding:90px 0 30px;}
.about .txt{width:520px; padding:60px 70px; margin:0 auto;background:rgba(30, 30,30, 0.85); border-radius:10px;}
.about .txt h2{font-size:36px; font-weight:bold;color:#ed9942;}
.about .txt p{color:#c0c0be; font-size:18px; line-height:26px; padding:30px 0;}
.about_bg{background:url(/images/about.jpg) no-repeat; background-position:center center; background-size:cover; height:300px;}
.contact{text-align:center; background:#256578 url(images/contact_bg.png); background-position:center center; height:600px; padding:60px 0;}
.contact .txt{width:520px; padding:60px 70px; margin:0 auto;background:rgba(30, 30,30, 0.85); border-radius:10px;}
.contact .txt h2{font-size:36px; font-weight:bold;color:#ed9942;}
.contact .txt .info{text-align:left; padding-top:30px;}
.contact .txt .info h3{font-size:26px; font-weight:bold;color:#ed9942;}
.contact .txt .info h4{font-size:22px; font-weight:bold;color:#cbcbc9;padding-top:15px;}
.contact .txt .info p{line-height:28px; font-size:18px;color:#d0cfcd;padding-top:10px;}
.foot{background-color:#2f2e2e; padding:40px 0; text-align:center; color:#d0cfcd;}
.foot a{color:#d0cfcd;}