@charset "utf-8";
/* CSS Document */
.banner{ position: relative; }
.index-series .title{ padding: 30px 0 18px;}
.index-series .title .cn,.index-rcmd .title .cn{ font-size: 15px; color: #000; }
.index-series .title .en,.index-rcmd .title .en{ text-transform: uppercase; font-size: 20px; color: #000; font-weight:lighter; }
.mainpic{ position: relative; }
.mainpic a{ display: block; width: 100%; height: 100%; }
.mainpic .layer{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; background: rgba(255,255,255,0.36); }
.mainpic .layer p{ color: #5b5b5b; font-size: 13px;}
.index-rcmd .title{ position: relative; padding: 52px 0 18px;}
.index-rcmd .title::before{ content: ""; position: absolute; top: 38px; left: 50%; margin-left: -16.5px; width: 33px; height: 1px; background: #020202;}
.rcmdcon{ position: relative; padding-bottom: 51px; border-bottom: 1px solid #e0e0e0;}
.rcmd .p-img{ box-shadow: 0 5px 8px rgba(8,8,8,0.1)}
.rcmd .p-name{ padding-top: 30px; color: #000; font-size: 13px;}
.rcmd .p-desc{ color: #333; font-size: 13px; font-weight: lighter; }
.rcmd .p-check{ display: block; width: 40%; margin: 16px auto; padding: 7px 0; background: #000; font-size: 13px; color:#fff; border-radius: 20px;}
.rcmd .p-check .icon{ display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: text-top; background: url(../images/icon1.png) center -451px no-repeat; background-size: 100%;  }
.index-nav{ width: 88%; margin: 0 auto; border-bottom: 1px solid #e0e0e0;}
.index-nav ul li{ text-align: left; background: url(../images/icon2.png) right 22px no-repeat; background-size: 20px auto;}
.index-nav ul li a{ display: block; padding: 18px 0; color: #000; font-size: 13px;}
.index-nav2{ padding: 20px 0 30px;}
.index-nav2 ul{ width: 92%; margin: 0 auto;}
.index-nav2 ul li{ float: left;  width: 50%; text-align: center;}
.index-nav2 ul li a{ display: block; padding: 18px 0; margin: 0 auto; width: 92%; color: #000; font-size: 13px; border: 1px solid #e0e0e0;}
.index-nav2 ul li .icon{ display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: text-top; background: url(../images/icon2.png) center -102px no-repeat; background-size: 20px auto;}
.index-nav2 ul li.cot .icon{ background-position: center -203px;}


/*内页*/
.nytit{ padding: 27px 0; border-top: 1px solid #d4d4d4; color: #000; font-size: 21px; font-weight: bold; }
.nynav{ border-top: 1px solid #666; border-bottom: 1px solid #666;}
.nynav ul{ display: flex; justify-content: space-around; flex-wrap: nowrap;}
.nynav ul li{ padding: 10px 0; width: 50%; flex-basis:auto}
.nynav ul li a{ display: block; color: #000; font-size: 13px; }
.nynav ul li.active{ background: #000}
.nynav ul li.active a{ color: #fff}
.path{ padding: 13px 5%; color: #999; text-align: left; }
.path a,.path span{ color: #999; font-size: 12px; }
.nycon{ min-height: 400px;}

#news li{ padding: 30px 8%; border-bottom: 1px solid #e9e9e9; }
#news li:first-child{ padding-top: 10px; }
#news li .top{ position: relative;  }
#news li .top .date{ position: absolute; left: 0; top: 0; width: 56px; height: 56px;  background: rgba(255,255,255,0.77); color: #000; line-height: 18px; padding-top: 8px;}
#news li .top .date i{ font-style: normal; font-size: 28px; color: #000; }
#news li .tit,#product li .tit{ display: block; padding-top: 10px; line-height: 26px; color: #000; font-size: 16px;}
#news li .desc,#product li .desc{ max-height: 46px; overflow: hidden; font-size: 13px; line-height: 23px; }
#news li .more,#product li .more{ display: inline-block; margin: 15px auto 0; width: 28px; height: 28px; text-align: center; color: #000; font-size: 20px; border: 1px solid #000;}
.newsinfo{ padding: 20px 5%; }
.newstit{  text-align: center; color: #000; font-size: 18px; }
.newscen{ padding: 10px 0; text-align: center; color: #999; font-weight: lighter;  }
.newsinfo .content,.newsinfo .content p{ text-align: left; color: #666; font-size: 14px;}
.newsinfo .newscen span{ display: inline-block; padding-left: 22px; margin: 0 22px; background: url(../images/news-icon.png) left 3px no-repeat; background-size: 18px auto ;}
.newsinfo .newscen span.num{ background-position: left bottom 3px; }
.newsfoot{ width: 90%; margin: 0 auto; padding: 22px 0; border-top: 1px solid #dedede; text-align: left; color: #777;}
.newsfoot a{ display: block; }

#product li{ padding: 15px 8%;}
#product li .fixed{ text-align: left;}
#product li .tit,#product li .desc{ width: 80%;}
#product li .more{ margin-top: 22px;}
.proimg{ position: relative; padding-top: 10px;}
.pronr{ padding: 20px 8%; text-align: left;}
.pronr .name{ display: block; color: #000; font-size: 20px; }
.pronr .desc{ padding: 10px 0; margin-bottom: 10px; font-size: 13px; border-bottom: 1px solid #dadada;}
.pronr .norm li{ position: relative; padding-left: 16px; font-size: 13px; color: #000;}
.pronr .norm li::after{ position: absolute; content: ""; left: 3px; top: 50%; margin-top: -2.5px; width: 5px; height: 5px; border-radius: 50%; background:  #000;}
.pronr .order{ display: inline-block; padding: 4px 55px; margin: 15px 0; width: auto; background: url(../images/icon1.png) left bottom 6px no-repeat; background-size: 18px auto; border: 1px solid #000; text-align: center; color: #000; font-size: 13px; border-radius: 20px;}
.xqnav{ height: 51px; line-height: 51px; background: #fafafa; }
.xqnav a{ display: block; float: left; width: 50%; color: #000; font-size: 13px; border-bottom: 1px solid #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.xqnav a.active{ border-bottom: 1px solid #000}
.xqlist{ padding: 25px 0 80px;}
.match p{ padding: 8px 5px; color: #000; font-size: 13px; line-height: 18px;}

.abcon{ padding: 15px 8%; text-align: left; font-size: 13px; }
.abcon p{ margin-bottom: 8px; font-size: 13px; }
.alcon{ padding: 0 3%;}
.alcon li{ width:100%; padding: 10px 2%;}

.message{ padding: 5px 8% 50px; text-align: left; }
.message .title{ color: #000; font-size: 20px;}
.message .from{ padding: 20px 0 80px;}
.message .from p{ padding: 2px 0; color: #000; font-size: 13px;}
.message .inputtxt{ width: 100%; padding: 10px 15px; margin-bottom: 10px; background:#fff; color: #999; font-size: 13px; border: 1px solid #000; }
.message #lytext{ width: 100%; height: 120px; padding: 10px 15px; margin-bottom: 2px; resize: none; overflow: hidden; background: #fff; color: #999; font-size: 13px; border: 1px solid #000; }
.message .inputsub{ float: right; display: inline-block; margin-top: 1rem; width: 30%; height: 36px; line-height: 36px; background: #000; color: #fff; font-size: 13px; border: none; }
.contact{ padding-top: 5px;}
.contact .ewm{ padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #e9e9e9;}
.contact .txt{ padding: 0 8% 25px;}
.contact .txt .company{ margin-bottom: 8px; font-size: 16px; color: #000;}
.contact .txt p{ font-size: 13px;}
.contact .map{ width: 100%; height: 260px;}