html {height:100%;}
*{margin: 0px;padding: 0px;}
body{position:absolute;min-height:100%;width:100%;font: 12px/24px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
a{color: #808080;text-decoration: none;}
a:hover{color: #ad986d;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px 50px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.wp50{margin: 0px auto; padding: 0px 50px;}
.hhs{ background: #1a1a1a;}
img{ max-width: 100%;}
.hidden{display:none !important;}
/*===============================字体==========================*/
@font-face {
    font-family: 'HelveticaNeueLTPro-ThEx';
    src: url('../font/HelveticaNeueLTPro-ThEx.ttf') format('ttf'),
		 url('../font/HelveticaNeueLTPro-ThEx.woff') format('woff'),
         url('../font/HelveticaNeueLTPro-ThEx.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.zt{ font-family: 'HelveticaNeueLTPro-ThEx'; font-size: 14px; color: #999999; letter-spacing: 1px;}

/*欢迎页面*/
.weclome{ text-align: center;}
.we-1{ padding-top:3%; padding-bottom:3%;}
.we-1 img{ width: 3%; margin: 0px auto;}

/*#region ==========滚动条美化==========*/
::-webkit-scrollbar{ width:5px; height:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-track{ border-radius:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-thumb{ border-radius:5px; background-color:#999;}
/*#endregion */

/*顶部*/
.ix-logo { padding-top: 20px;}
.ix-logo img { max-height:40px;vertical-align: top;}
.ix-head{ height: 80px; line-height: 80px; background: transparent; position: fixed; width: 100%; z-index: 10;}
.ix-nav ul li{ float: left;}
.ix-nav ul li a{ color: #ad986d; font-size: 14px; padding-left: 50px;}
.ix-nav ul li a.active{ color:#ad986d;}
.ix-nav ul li a:hover{ color:#ad986d;}
.ix-nav ul li a.hs{ color:rgba(191, 0, 0, 0.8);}

/*导航点*/
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ background: transparent; border:solid 1px #fff; width: 10px; height: 10px;}

.ix-nav{ height: 80px;}
/*============================轮播图片=============================*/
.ix-ban-1{ position: absolute; left: 50px; top: 50%; margin-top: -176px; }
.ix-ban-tit{ text-align: center; }
.ix-ban-3{ width: 480px; font-size: 16px; margin: 0px auto; color:rgba(255, 255, 255, 0.5); padding-top: 35px; line-height: 180%;}


/*关于我们*/
.ix-ab-1{ position: absolute; left: 60px; top: 50%; margin-top: -146px;}
.ix-main-wp{ padding-left: 200px; padding-right: 100px;  }
.ix-ab-img{ width: 40%;}
.ix-ab-img img{ max-width: 100%;;  border:solid 3px transparent; transition: all 1s ease;}
.ix-ab-tit{ width: calc(60% - 100px);}
.ix-ab-tit-t1{ color:#ad986d; font-size: 24px; line-height: 150%;}
.ix-ab-tit-t2{ padding-top: 40px;}
.ix-ab-tit-t2 p{ font-size: 14px; color:rgba(255, 255, 255, 0.6); line-height: 180%; padding-bottom: 15px;}
.ix-ab-tit-t3{padding-top: 30px;}
.ix-ab-tit-t3 a{ transition:  all 0.36s ease; display: block; width: 178px; height: 38px; border:solid 1px rgba(255, 255, 255, 0.5);  text-align: center; line-height: 38px; font-size: 14px; color:rgba(255, 255, 255, 0.5);}
.ix-ab-tit-t3 a span{ display: inline-block; padding: 0px 10px;}
.ix-ab-tit{ display: table; table-layout: fixed; }
.ix-ab-jz{ display: table-cell; vertical-align: middle; height: 100%;}
.ix-ab-tit-t3 a:hover{ background: #ad986d; color:#fff; border:solid 1px #ad986d;}
.ix-ab-img:hover img{  opacity: 0.85; border:solid 3px #ad986d;}
/*产品中心*/
.ix-pro-1{position: absolute; left: 60px; top: 50%; margin-top: -135px;}
.ix-pro-nav{font-size: 0px; }
.ix-pro-nav a{ transition:  all 0.36s ease; font-size: 18px; color:#ad986d; display: inline-block; width: 218px; height: 48px; text-align: center; line-height: 48px; border:solid 1px #ad986d;} 
.ix-pro-nav a:nth-child(1){ border-left:solid 1px #ad986d; }
.ix-pro-nav a:hover{ background: #ad986d; color:#fff;}
.ix-pro-list{ position: relative; padding: 0px 100px; }
.ix-pro-list .swiper-button-prev{ background: url(../images/l.png) no-repeat center center; width: 50px; height: 50px;}
.ix-pro-list .swiper-button-next{ background: url(../images/r.png) no-repeat center center; width: 50px; height: 50px;}
.ix-pro-tit-t1{ font-size: 16px; font-weight: bold; color:#fff; padding-top: 20px; transition: all 0.36s ease;}
.ix-pro-tit-t2{ color:rgba(255, 255, 255, 0.4); font-size: 14px;}

.ix-pro-img{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.ix-pro-img .sy1{ position: absolute; top:15px; left: 15px; z-index: 1;}
.ix-pro-img .sy2{ position: absolute; bottom:15px; right: 15px; z-index: 1;}
.ix-pro-list .swiper-slide a .ix-pro-img .ipi-img{ transition: all 0.36s ease;}
.ix-pro-list .swiper-slide a:hover .ix-pro-img .ipi-img{  transform: scale(1.08)}
.ix-pro-list .swiper-slide a:hover .ix-pro-tit-t1{ color:#ad986d;}

/*新闻中心*/
.ix-news-1{position: absolute; left: 60px; top: 50%; margin-top: -158px;}
.ix-news-img{ width: calc(50% - 60px); }
.ini-img{ width: 100%; height:100%; overflow: hidden;}
.ini-img img{ transition: all 0.36s ease;}
.ix-news-list{ width: calc(50% - 60px);}
.ini-wp-tit{ position: relative; padding-top: 30px;}
.ini-time{ position: absolute; left:0; top:30px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ad986d}
.ini-tit{ padding-left:90px; }
.ini-tit-t1{ color: #ad986d; font-size: 16px;}
.ini-tit-t2{ color:rgba(255, 255, 255, 0.4); font-size: 14px; padding-top: 10px; padding-bottom: 20px; }
.ini-tit-t3{transition:  all 0.36s ease;  width: 178px; height: 38px; border:solid 1px rgba(255, 255, 255, 0.5);  text-align: center; line-height: 38px; font-size: 14px; color:rgba(255, 255, 255, 0.5);}
.ini-tit-t3 span{ display: inline-block; padding: 0px 10px;}

.ix-news-list-t1{ padding-left: 25px; position: relative; color:#ad986d; font-size: 16px; padding-bottom: 10px; transition: all 0.36s ease;}
.ix-news-list-t1::after{content: ''; position: absolute; top:10px; left:0; width: 6px; height: 6px; background: #ad986d; border-radius: 6px;}
.ix-news-list-t1 span{ position: absolute; right:0; font-size: 14px; color: #ad986d;}
.ix-news-list-t2{  padding-left: 25px; width:  calc( 100% - 100px); font-size: 14px; color:rgba(255, 255, 255, 0.4); transition: all 0.36s ease;
    height: 50px;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.ix-news-list ul li{ padding: 25px 0px; border-top:solid 1px rgba(255, 255, 255, 0.5);}
.ix-news-img a:hover .ini-img img{ transform: scale(1.08);}
.ix-news-img a:hover  .ini-tit-t3{background: #ad986d; color:#fff; border:solid 1px #ad986d;}
.ix-news-list ul li:hover{ background: rgba(0, 0, 0, 0.2)}
.ix-news-list ul li a:hover .ix-news-list-t1 { padding-left: 50px;}
.ix-news-list ul li a:hover .ix-news-list-t2 { padding-left: 50px;}

/*联系我们*/
.ix-con-1{position: absolute; left: 60px; top: 50%; margin-top: -158px}
.ix-con-xx h1{ padding-bottom: 40px; color:#ad986d; font-size: 24px; font-weight: normal;}
.ix-con-xx p img{ vertical-align: middle; padding-right: 15px;}
.ix-con-xx p{color:rgba(255, 255, 255, 0.8); font-size: 14px; padding-bottom: 20px;}
.ix-con-links{ font-size: 0px; padding-top: 20px;}
.ix-con-links a{ transition: all 0.36s ease; margin-right: 20px; display: inline-block; width: 48px; height: 48px; border:solid 1px rgba(255, 255, 255, 0.5); text-align: center;  vertical-align: middle;}
.ix-con-links a.ix-wx{background: url(../images/wx.png)no-repeat center center;}
.ix-con-links a.ix-tb{background: url(../images/tb.png)no-repeat center center;}
.ix-con-links a.ix-lt{background: url(../images/lt.png)no-repeat center center;}

.ix-con-links a.ix-wx:hover{background: url(../images/c66.png)no-repeat center center #ad986d; border: solid 1px #ad986d;}
.ix-con-links a.ix-tb:hover{background: url(../images/c77.png)no-repeat center center #ad986d; border: solid 1px #ad986d;}
.ix-con-links a.ix-lt:hover{background: url(../images/c88.png)no-repeat center center #ad986d; border: solid 1px #ad986d;}

.ix-con-xx{ width: 36%;}
.ix-con-dt{ width: calc(64% - 60px); display: none;}
.active .ix-con-dt{ display: block;}


/*底部*/
.ix-contact .ix-footer{ position: absolute; bottom: 0;     width: 100%; background: transparent; }
 .ix-footer{ height: 60px; background: #0d0d0d; line-height: 60px; color: rgba(255, 255, 255, 0.8);}

/*二维码与搜索*/
.weixin2{ cursor: pointer; }
.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.85;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover1 dl a { width:100px; height:36px; line-height:36px; background:#ad986d; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover1 dl a:hover { background:#670101;}
.popover1 dd img{ width: 200px;}

.popover2{ width:500px; height:186px; z-index:100001; position:fixed; top:50%;left:50%; background:#333333; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.tc-sea-k{ padding: 0px 10px; width: 300px; height: 38px; background: #f5f5f5; border-right:none;}
.tc-sea-an{ width: 60px; height: 40px; background: #f5f5f5; color: #666;}
.popover2 dl{ padding: 40px;}
.popover2 dl a {  width:100px; height:36px; line-height:36px; background:#ad986d; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:30px; 
    transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover2 dl a:hover { background:#670101;}
/*效果*/
.active .ix-ban-1{ animation-delay: 0.4s; animation-name: fadeInLeft;}
.active .ix-ban-2{ animation-delay: 0.2s; animation-name: fadeInUp;}
.active .ix-ban-3{ animation-delay: 0.3s; animation-name: fadeInUp;}

.active .ix-ab-1{ animation-delay: 0.2s; animation-name: fadeInLeft;}
.active .ix-ab-img{animation-delay: 0.3s; animation-name: fadeInUp;}
.active .ix-ab-tit-t1{animation-delay: 0.4s; animation-name: fadeInRight;}
.active .ix-ab-tit-t2{animation-delay: 0.5s; animation-name: fadeInRight;}
.active .ix-ab-tit .ix-ab-tit-t3{animation-delay: 0.6s; animation-name: fadeInRight;}

.active .ix-pro-1{ animation-delay: 0.2s; animation-name: fadeInLeft;}
.active .ix-pro-nav.ip1{animation-delay: 0.3s; animation-name: fadeInUp;}
.active .ix-pro-list{animation-delay: 0.4s; animation-name: fadeInUp;}
.active .ix-pro-nav.ip2{animation-delay: 0.5s; animation-name: fadeInUp;}

.active .ix-news-1{ animation-delay: 0.2s; animation-name: fadeInLeft;}
.active .ini-img{animation-delay: 0.3s; animation-name: fadeInUp;}
.active  .ini-time{animation-delay: 0.4s; animation-name: fadeInUp;}
.active .ini-tit-t1{animation-delay: 0.4s; animation-name: fadeInUp;}
.active .ini-tit-t2{animation-delay: 0.5s; animation-name: fadeInUp;}
.active .ini-tit-t3{animation-delay: 0.6s; animation-name: fadeInUp;}
.active .ix-news-list{animation-delay: 0.7s; animation-name: fadeInUp;}

.active .ix-con-1{ animation-delay: 0.2s; animation-name: fadeInLeft;}
.active .ix-con-xx h1{animation-delay: 0.3s; animation-name: fadeInUp;}
.active .ix-con-xx .ico1{animation-delay: 0.4s; animation-name: fadeInUp;}
.active .ix-con-xx .ico2{animation-delay: 0.5s; animation-name: fadeInUp;}
.active .ix-con-xx .ico3{animation-delay: 0.6s; animation-name: fadeInUp;}
.active .ix-con-xx .ico4{animation-delay: 0.7s; animation-name: fadeInUp;}
.active .ix-con-xx .ico5{animation-delay: 0.8s; animation-name: fadeInUp;}
.active .ix-con-links{animation-delay: 0.9s; animation-name: fadeInUp;}
.active .ix-con-dt{animation-delay: 0.6s; animation-name: fadeInUp;}


@media (max-width: 1450px) {
    .ix-pro-nav a{ width: 180px;}
}