*{ margin: 0; padding: 0;}
ul,li{ list-style: none; padding: 0;margin:0;}
body {  font-family:'Microsoft YaHei'; font-size: 1.3rem; background: url(../images/bg8.jpg); color: #777;}
a{color: inherit; cursor: pointer; }
a:hover{color: inherit;}
p{margin:0; padding:0;}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background-color:#333;}
::-webkit-scrollbar-thumb:hover{background-color:#333}
::-webkit-scrollbar-corner{background-color:#535353}
::-webkit-scrollbar-resizer{background-color:#333}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-thumb{background-color:#333}
.ellipsis{text-overflow:hidden; overflow:hidden; white-space:nowrap; display: block;}
.am-slider-d2 .am-slider-desc{bottom: 40%; background: none}
.am-slider-d2 .am-slider-content{background: rgba(0,0,0,0);}
.am-slider-default .am-control-nav{bottom: 10px}
.nav{width: 100%; height: 70px;  position: fixed; top: 0; z-index: 999; border-bottom:1px solid rgba(132, 132, 132, 0.270588); transition: all .5s cubic-bezier(.215,.61,.355,1) 0s; padding:5px 10px;}
.nav-1{width: 94%; margin:0 auto; transition: 0.3s; }
.logo{float: left; margin-top: 5px;  overflow: hidden;}
.logo img{float: left;}
.logo p{float: left; line-height: 48px; margin-left: 15px; font-size: 1.6rem; color: #000}
.nav-phone-icon{width: 48px; height: 48px; float: right;display: none; margin-top: 5px; font-size: 3rem; color: #000; text-align: right}
.nav-bar{float: right}
.nav-bar-phone{width: 100%;height:100%; overflow: hidden; position: fixed; z-index: 9999; top: 0;left: -100%; transition: 0.3s}
.uiw{left: 0; overflow: hidden}
.p-left{width: 60%;float: left;height:100%;background:#333;}
.p-right{width: 40%; float: left;height:100%;}
.p-left li{ width:100%;font-size: 1.6rem; transition: 0.3s; color: #f8f8f8; position: relative; border-bottom: 1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05); transition: 0.3s}
.p-left li>a{line-height: 2rem; height: 40px; line-height: 40px; padding-left: 15px;}
.p-left li:hover{color: #fff; background: #555}
.phone-menu{width: 100%;  display: none;  font-size: 1.4rem;background: #1a1a1a; overflow:hidden;padding:5px 20px;}
.phone-menu p{float: left; padding:10px 10px;}

.nav-bar>ul>li{float: left; /*padding: 0 15px;*/ margin-top: 20px; color: #000; font-size: 1.5rem; position: relative; margin-left: 40px;}
.nav-bar>ul>li:hover{color: #610f0d}
.menu{position: absolute; top: 35px; width: 180px; text-align: center; left: -60px; background:#f6f4e8; display: none}
.menu p{border-bottom: 1px solid rgba(132, 132, 132, 0.270588); line-height: 40px; margin:0; font-size: 1.5rem; transition: 0.3s; color:#707070;}
.menu p:hover{padding-left: 20px;}
.menu p a{display: block;}
.swiper-pagination-bullet{}
.swiper-pagination-bullet-active{background: #610f0d}
.swiper-button-prev{/*background: url(../images/banner_arrow.png) top center;*/ width: 50px; height: 50px;  background: #2a2a2a; transition: 0.5s; font-size: 30px; color: rgba(255,255,255,0.5); text-align: center; opacity: 0.2; border-radius: 50% ;  font-family: "Times New Roman",Times,serif ;line-height: 50px;}
.swiper-button-next{/*background: url(../images/banner_arrow.png) bottom center;*/ width: 50px; height: 50px; background: #2a2a2a; transition: 0.5s;font-size: 30px; color:rgba(255,255,255,0.5); text-align: center;opacity: 0.2; border-radius: 50%  ;font-family: "Times New Roman",Times,serif;line-height: 50px;}
.swiper-button-next:hover{background: #610f0d ; opacity: 0.8}
.swiper-button-prev:hover{background: #610f0d ; opacity: 0.8}
.service{width: 100%; display: block;  clear: both; overflow: hidden }
.ser-left{width: 35%;background: #610f0d ; height: 100%; float: left; overflow: hidden; position: relative;}
.ser-right{width: 100%;  height: 100%;float: left; }
.lanren { width: 100%; height: 100%;}
.lanren .box{ width: 25%; height: 50%; position: relative; float: left; overflow: hidden; }
.lanren .content { position: absolute; z-index: 2; background-color: #610f0d; width: 100%; height: 100%; left: -100%; top: -100%; text-align: center; color: #fff;  }
.lanren .content.trans { -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; backface-visibility: hidden; }
.content-1{height: 90%; width: 90%; position: relative; border:1px solid #fff;margin-left:5%; margin-top: 4.5%; }
.header{width: 100%;overflow: hidden; }
.banner{position: fixed; width: 100%;}
.content-2{width: 100%; position: absolute; height: auto;top: 50%; margin-top: -5%}
.content-2 p{margin: 0;position: relative;}
.content-2 p:before{content:'';width: 30px; height: 1px; background: #fff; position: absolute; top: -20px; left: 50%; margin-left: -15px;}
.content-2 p:after{content:'';width: 30px; height: 1px; background: #fff; position: absolute; bottom: -20px; left: 50%; margin-left: -15px;}
.ser-left-con{ color:#fff;  position: absolute;  display: block; width: 70%; height: 30%;  left:  ;top: 50%;  margin-left: 10%; margin-top: -20% }
.ser-left-con h2{font-weight: 100;}
.ser-link{width: 30%; height: 40px; text-align: center; border:1px solid #fff; font-size: 1.5rem; line-height: 40px; transition: 0.3s; position: relative; overflow: hidden; margin-top: 20%}
.ser-link-1{position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background: #fff; transition: 0.3s; }
.ser-link:hover .ser-link-1{left: 0}
.ser-link:hover{color: #610f0d;}
.ser-link p{ position: relative; z-index: 11 }
.ser-link span{opacity: 0; transition: 0.3s; font-family: "Times New Roman",Times,serif}
.ser-link:hover span{margin-left: 10px; opacity: 1}
.phone-title{width:100%; line-height: 3.0rem; font-size: 1.6rem; text-align: center; background: #610f0d; color: #fff; display: none; padding: 30px;}
.banner-title{ position: absolute; z-index: 99; color: #fff; top:55%; left: 7% }
.banner-title p:nth-child(2){font-size: 2.4rem}
.am-header{display: none}
.am-header-default{background: #333333;}
.fixed{position: fixed; top: 0; z-index: 99999;width: 100%}
.box-g{width: 100%;  overflow: hidden; position: relative; background: url(../images/bg8.jpg); }
.news{width: 100%; height: 420px; background: url(../images/4.jpg);background-attachment:fixed;background-position:top  center;}
.news-1{width: 100%; height: 100%; background: rgba(255,255,255,0.8); padding-top: 50px}
.news-title{width: 94%; margin:0 auto; margin-bottom: 30px; overflow: hidden}
.news-title h1{ font-weight: 100; margin:0; font-size: 2rem}
.title-e{font-size: 1.3rem}

.n-t-l{float: left; color: #838383}
.n-t-r{float: right}
.n-t-r li{float: left;margin-top: 10px;  color:#838383; font-size: 1.2rem }
.n-t-r li a{display: block; line-height:15px;padding:5px 15px;transition: 0.3s; position: relative;}
.n-t-r li a:hover{background:#610f0d; color:#fff;  }
.n-t-r li a:after{content:'';width: 1px; height:12px; background:rgba(0,0,0,0.2); position: absolute; right: 0; top: 50%; margin-top: -6px;}
.n-t-r li:last-child a:after{ background:rgba(0,0,0,0);}

.news-center{width: 100%}
.news .swiper-container{width: 100%; margin:0 auto;border-top: 1px solid rgba(0,0,0,0.1); }
.news .swiper-slide{height: 250px; }
.news-con{width: 90%; margin:0 auto; height: 100%;  position: relative;padding-top: 5%; border:1px solid rgba(0,0,0,0);  transition: 0.3s; border-top: none;border-bottom:none; z-index: 99}
.news-con:before{content: ''; position: absolute;width: 5px; height: 5px; background: #6d6d6d;  border-radius: 50%; left: 50%; margin-left: -2px; top: 3px; transition: 0.3s; }
.news-con:after{content: '';position: absolute; width: 1px; height: 10px; border-right: 1px dotted #ccc;  left: 50%; top: 20px;margin-left: 0px; transition: 0.3s}
.news .swiper-slide:hover .news-con{border-color:rgba(0,0,0,0.2);}
.new-line{width: 0; height: 1px; position: absolute; margin: 0 auto;bottom: 0;left: 0;right:0;background: #610f0d; display: table; transition: all .36s cubic-bezier(.215,.61,.355,1) 0s;}
.news .swiper-slide:hover .new-line{width: 100%;  }
.news .swiper-slide:hover .news-con:before{ background:#610f0d; transform: scale(1.4,1.4);  }
.news .swiper-slide:hover .news-con:after{height: 25px;}
.ny-1{width:100%; height: 100px; }
.ny-1 p{width: 80%; margin:0 auto;}
p.nums{ font-size: 24px; text-align: center; position: absolute; top: 20%; width: 100%; transition: 0.3s; opacity: 1}
.ny-1 .title{ text-align: center; margin-top: 21%; transition: 0.3s  }
.ny-1 .date-rq{font-size: 1rem; text-align: center; color: #b8b8b8; opacity: 0; transition: 0.3s}
.ny-1 .description{ font-size: 1rem; text-align: center }
.ny-1 .more{width: 40%; height: 30px; display: block; background:#610f0d ; text-align: center; font-size: 1.4rem; margin:20px auto;color: #fff; opacity: 0; transition: 0.3s; line-height: 30px}
.news .swiper-slide:hover p.nums{top: 25%; opacity: 0; }
.news .swiper-slide:hover .ny-1 .title{margin-top: 16%}
.news .swiper-slide:hover .ny-1 .more{ opacity: 1}
.news .swiper-slide:hover .ny-1 .date-rq{ opacity: 1; }
.project{padding-top: 50px;}
.project .swiper-slide{}
.pro-btn-right{top: 50%; margin-top: -25px; left: auto; bottom: auto;right: 0; background: rgba(0,0,0,0.3); color: rgba(255,255,255,0.6);}
.por-btn-left{top: 50%;left: 0; margin-top: -25px; right: auto; bottom: auto;  background: rgba(0,0,0,0.3);color: rgba(255,255,255,0.6);}
.pro-btn-right:hover{color: #fff}
.por-btn-left:hover{color: #fff}
.project-1{ position: relative;width: 100%; height: 100%; overflow: hidden; }
.project-2{ position: absolute;width: 100%; height: 100%; background: #610f0d; opacity: 0 ;transition:.3s;}
.project-1:hover .project-2{opacity: 1;}
.project-line{width: 100%; height: 100%; border:1px solid #fff; transition: 0.3s; position: absolute; top: 0 left:0;}
.project-1:hover .project-line{ transform: scale(0.95,0.95);}
.project-con{width: 100%; height: 100%; position: absolute; top: 0; text-align:center; color: #fff}

.item-w{text-align:center;width: 100%; padding:0 14%;position:absolute; top:50%; left: 0;margin-top: -120px;}
p.nums2{ font-size: 5rem; text-align: center;  transition:all .4s cubic-bezier(.4,0,.2,1); opacity: 0; font-family: "Comic Sans MS", cursive }
.project-1:hover p.nums2{opacity: 1;  font-size: 3rem}
.project-title{  transition: 0.5s ; opacity: 0; font-size:1.8rem; position: relative; transition:all .4s cubic-bezier(.4,0,.2,1) }
.project-1:hover .project-title{  opacity: 1;  }
.project-title:after{content:'';width: 1px; height:40px; background: rgba(255,255,255,0.2); position: absolute; left: 50%; top:200%; }
.project-des{margin-top: 25%;font-size:1.2rem; }
.project-con .more{width: 50%; height: 40px; display: block; background: #fff; margin:3% auto; color: #610f0d; line-height: 40px; margin-top: 10%;font-family: "Times New Roman",Times,serif }
.more{width: 100%; text-align: center; line-height: 50px; background: rgba(0,0,0,0.1);font-family: "Times New Roman",Times,serif}
.more span{opacity: 0; transition: 0.3s; font-size: 20px;}
.more:hover span{ opacity: 1; margin-left:20px; }
.project-con .more:hover{ display: none }
.about{width: 100%; height: 684px; background: url(../images/bg.jpg) no-repeat; background-attachment:fixed; background-position:initial; background-size: cover;}
.about-1{width: 100%;max-width: 700px; text-align: center; padding-top: 10%; margin:0 auto;}
.about-1 .title{font-size: 5rem; color: #ccc; font-weight: 100; font-family:  "Times New Roman",Times,serif; line-height: 40px}
.short-title{font-size: 2.3rem; margin-bottom: 50px;}
.about-1 .description{font-size: 1.3rem; color: rgba(0,0,0,0.6);}
.more1{width:158px; height: 40px; display: block; border:1px solid rgba(0,0,0,0.2); line-height: 40px;  text-align: center; margin:50px auto; color: rgba(0,0,0,0.5); transition: all .3s ease-out 0s}
.more1:hover{transform: scale(0.9); background:#610f0d; border:1px solid #610f0d; color: #fff }
.method{width: 100%; height: 900px; background: url(../images/bg2.jpg) no-repeat; background-attachment: fixed; background-position: initial;padding-top: 6%;}
.method-1{width: 100%; max-width: 1120px; margin:0 auto;}
.me-left{width: 25%; float: left; height: 240px; background: #fff; text-align: center}
.me-right{width:75%; float: left; }
.me-left p:nth-child(1){font-size: 2rem; color: #222; margin-top: 32%}
.me-left p:nth-child(2){font-size: 1.2rem; color: #bebebe}
.meth-img{float: left; position: relative; overflow: hidden}
.meth-img img{transition: all .3s ease-out 0s}
.meth-x{width: 102%; height: 102%; border:1px solid #610f0d; position: absolute; top: -1px; left: -1px; transition: all .3s ease-out 0s }
.meth-con{width: 280px; height: 240px; background: #fff; float: left; position: relative; padding: 40px}
.meth-box{width: 100%; overflow: hidden}
.meth-box:hover .meth-x{ transform: scale(0.93,0.93); }
.meth-con:before{content: ''; display: block;width: 0; height: 0; position: absolute; top: 50%;margin-top: -10px; transition: all .3s ease-out 0s ; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right:10px solid #fff;  left: -5px; z-index: 99}
.meth-box:hover .meth-con:before{left: -8px;}
.meth-box:hover .meth-img img{transform: scale(1.1,1.1);}
.meth-con p:nth-child(1){ position: absolute; top: 30px; font-family: "Comic Sans MS", cursive; font-size: 2rem; color: #555; transition: all .3s ease-out 0s}
.meth-con p:nth-child(2){  margin-top: 30px; transition: all .3s ease-out 0s}
.meth-con p:nth-child(3){  margin-top: 20px; font-size: 1.3rem; color: #7d7d7d}
.meth-box:hover .meth-con p:nth-child(1){ opacity: 0; }
.meth-box:hover .meth-con p:nth-child(2){ margin-top: 10px; }
.meth-box:nth-child(2) .meth-con:before{ transition: all .3s ease-out 0s ; 
 border-bottom: 10px solid transparent;
 border-top: 10px solid transparent; 
 border-left:10px solid #fff; 
 border-right: none;
  right:-5px; left: auto;}
.meth-box:nth-child(2):hover .meth-con:before{right: -8px;}
.meth-box:nth-child(2):hover .meth-x{ transform: scale(0.95,0.93); }
.meth-box:nth-child(3) .meth-con{width: 66.5%}
.number{width: 100%; height: 230px; background: #610f0d;}
.team{width: 100%; padding: 50px 0; min-height: 690px; }
.team-center{width: 100%; max-width: 1120px; margin:30px auto; }
.team-center .swiper-container{padding:10px ;}
.team .swiper-slide{ box-shadow:0 0px 10px rgba(0,0,0,.1);}
.team-box{position: relative;width: 100%;height: 100%; text-align: center;}
.team-name{ padding-top: 15px; transition: all .3s ease-out 0s ; }
.team-dec{font-size: 1.2rem; color: #8A8A8A; padding-bottom: 15px;}
.team-img{width: 100%; height: auto; position: relative;}
.team-con{width: 100%; height: 100%; background: #610f0d; position: absolute; top: -100%; opacity: 0;transition: all .3s ease-out 0s ; padding:10%; color: #fff;font-size: 1.2rem;  }
.team-img img{transition: all .3s ease-out 0s ;}
.team-box:hover .team-con{top:0; opacity: 1}
.team-box:hover .team-img-1{transform: scale(0.1,0.1); opacity: 0}
.team-img-2{ border-radius: 50%; position: absolute; z-index: 99}
.team-img-3{transition: all .3s ease-out 0s ;width: 100px; height: 100px; position: absolute; left: 50%; border-radius: 50%; display: block; margin-left:-50px; top: 50%; margin-top: -50px; opacity: 0;}
.team-box:hover .team-img-3{top: 100%; z-index: 99; opacity: 1}
.team-box:hover .team-name{padding-top: 50px;}
.video .swiper-container{width: 94%;}
.video-btn-right{top: 50%; margin-top: -25px; left: auto; bottom: auto;right: 0; background: rgba(0,0,0,0.3); color: rgba(255,255,255,0.6);}
.video-btn-left{top: 50%;left: 0; margin-top: -25px; right: auto; bottom: auto;  background: rgba(0,0,0,0.3);color: rgba(255,255,255,0.6);}
.video-btn-right:hover{color: #fff}
.video-btn-left:hover{color: #fff}
.video-icon{width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left:-25px; /*background: url(../images/pg11.png);*/ opacity: 0;transition: all .3s ease-out 0s ;transform: scale(1.5); border:2px solid #fff; border-radius: 50%}
.video-icon:after{content: ''; width: 0; height: 0; display: block; position: absolute; top: 50%; left: 50%; margin-left: -3px; margin-top: -8px; transform:all .3s ease-out 0s ;border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 10px solid #fff }
.project-1:hover .video-icon{opacity: 1; transform: scale(1);}
.video-t1{  text-align: center; margin-top: 15px;  transition: all .3s ease-out 0s ;}
.video-t2{ text-align: center; font-size: 1.3rem; color:#8A8A8A; opacity: 0; transition: all .3s ease-out 0s ;}
.video .swiper-slide:hover .video-t1{ margin-top: 5px }
.video .swiper-slide:hover .video-t2{ opacity: 1;}
.link{padding:50px 0;}
.link .swiper-container{width: 94%; max-width: 1200px;margin:0 auto;}
.footer{width: 100%; height: 500px; background: url(../images/bg9.png); padding-top:100px;}
.footer-1{width: 94%; max-width: 1200px; margin:0 auto;}
.fot-left{width: 60%; float: left;}
.fot-right{ float: right; width: 40% }
.fot-left h3{ color: #fff ; font-weight: 100; font-size: 1.8rem}
.fot-left p{color: /*#7f7f7f*/#fff; line-height: 32px; font-size: 1.3rem}
.ff_social{margin-top: 25px;}
.ff_social a{border:1px solid rgba(119,119,119,.15); background: /*#444*/rgba(255,255,255,0.4); margin-right: 14px; width: 36px; height: 36px; display: block; text-align: center; float: left; line-height: 36px;color: #9e9e9e;transition: all .3s ease-out 0s ; cursor: pointer;}
.ff_social a:hover{background: #610f0d; color: #fff; border-radius: 50%}
.fot-1{width: 90%; margin:0 auto; line-height: 40px; border-bottom:rgba(255,255,255,.3) 1px solid; margin-bottom: 15px; position: relative;}
.fot-1 input{width: 100%; padding-left:10px; outline: none; background: none ;border:none; color: #fff; font-size: 1.3rem;}
.fot-1 textarea{width: 100%; height: 100px;outline: none; background: none ;border:none; padding-left: 10px; color: #fff;font-size: 1.3rem; resize:none;}
.fot-1:last-child{border:0;}
.submit{width: 100%;background:#000; color: #fff; font-size: 1.6rem; padding:5px 20px; height: 48px; border:none; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s}
.submit:hover{background:#610f0d }
.am-header .am-header-title img{height: auto; margin-top: 0}
.ewm{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; z-index: 9999999; text-align: center; display: none}
.ewm img{width: 100%;  max-width: 400px;height: auto; display: block;  margin:auto; margin-top: 100%; }
.bgfff{background: #fff}
.position{width: 100%; line-height: 38px;height:38px;border-bottom:1px solid rgba(0,0,0,0.05); margin-top: 70px; background:url(../images/bg8.jpg);}
.position-1{width: 94%; margin:0 auto; text-align: right;  font-size: 1.2rem; color: #888686;}
.nav-c{width: 94%; margin:0 auto; margin-top: 80px; overflow: hidden; margin-bottom:40px;}
.nav-c a{ position: relative;float: left; padding:5px 25px; transition: all .3s cubic-bezier(.215,.61,.355,1) 0s;  color: #acacac; margin-left: 5px;}
.nav-c a:hover{background: #610f0d; color: #fff;}
.nav-c a:after{content: '';position: absolute; right: -3px ;width: 1px;top:9px; height: 12px; background: #acacac}
.nav-c a:last-child:after{width: 0}
.nav-c .active{background: #610f0d; color: #fff;}

.ite-pro{width: 94%;margin:0 auto; overflow: hidden;}
.ite-pro li{width: 24%; margin:10px 0.5%; float: left; position: relative; overflow: hidden}
.ite-pro-title{width: 100%; height: 20%;padding:5% 10%; position: absolute; bottom: -20%; transition: all .36s ease 0s ; background: #610f0d; color: #fff}
.ite-pro-title p:first-child{font-size: 1.6rem}
.ite-pro li:hover .ite-pro-title{bottom: 0}
.fanye{width: 100%; text-align: center; padding:50px; margin:0 auto;}
.fanye .thisclass{padding:8px 15px; background: #484848; color: #fff;cursor:not-allowed}
.fanye a{padding:8px 15px; background: #610f0d; color: #fff}
.beian{ color: #acacac; position: fixed; bottom: 0; text-align: center; display: block; width: 100%;background:url(../images/bg8.jpg);}
.lanren-4 .box{width: 24%; margin:10px 0.5%; float: left; position: relative; overflow: hidden }
.service2{width: 94%; margin:0 auto; overflow: hidden;}
.nobg{background: none}
.nobg .me-left{display: none}
.nobg .me-right{float: none;margin:0 auto;}

.nav-d{width: 94%; max-width: 1060px;}
.news-ietm{width: 94%; max-width: 1060px; overflow: hidden; margin:0 auto;}
.news-ietm li{width: 100%; padding:20px 0; transition: all .5s cubic-bezier(.215,.61,.355,1) 0s; overflow: hidden }
.news-ietm li:hover{background: #610f0d;padding:20px 20px; color: #fff}
.new-img{margin-right: 3%; float: left}
.new-con{float: left; padding-top:20px; width: 62%}
.new-con h3{ margin:0; font-size: 1.6rem; font-weight: 100; color: #444 ;transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;}
.new-con p:nth-child(2){ margin-bottom: 3% }
.new-con p:nth-child(3){color:#555; margin-bottom: 7%;transition: all .5s cubic-bezier(.215,.61,.355,1) 0s; }
.new-con p:nth-child(4){color:#888686; transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;}
.news-ietm li:hover .new-con p:nth-child(3){color: #fff}
.news-ietm li:hover .new-con p:nth-child(4){color: #fff}
.news-ietm li:hover h3{color: #fff}
.new-con p span{margin-right:30px;}
.n-product{width: 100%; overflow: hidden;margin:0 auto; margin-top: 50px; }
.n-title{text-align: center}
.n-title p:first-child{font-size: 2.5rem; margin:0; line-height: 1}
.n-title p:last-child{color: #888686}
.n-nav{ text-align: center ; padding:30px 0;}
.n-nav li{display: inline-block;}
.n-nav a{ padding:5px 20px; border:1px solid rgba(0,0,0,0.2);  display: inline-block;transition: all .1s ease-out 0s ; margin:2px;}
.n-nav a:hover{background: #610f0d;color:#fff; border:1px solid #610f0d; }
.n-nav .active{background: #610f0d;color:#fff; border:1px solid #610f0d; }
.n-pro-1{margin-left:0.6%; margin-right: auto; overflow: hidden}
.n-pro-1 li{ position: relative; margin-right:0.6%; float: left; width: 24.4%; margin-bottom: 0.6%; overflow: hidden;}
.n-pro-1 li img{transition: all .3s ease-out 0s ;}
.n-img-c{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; opacity: 0;transition: all .3s ease-out 0s ; color: #fff; text-align: center;}
.n-img-c p:nth-child(1){font-size: 1.6rem; position: absolute; top: 30%; width: 100%; text-align: center; margin-top: -1.6rem;opacity: 0;transition: all .3s ease-out 0s ;}
.n-img-c p:nth-child(2){ position: absolute; top: 60%; width: 90%;margin-left:5%; text-align: center; margin-top: -1.6rem; color: #888686; opacity: 0;transition: all .3s ease-out 0s ; line-height: 1.2; font-size: 1.3rem}
.n-pro-1 li:hover img{ transform: scale(1.1); }
.n-pro-1 li:hover .n-img-c{opacity: 1}
.n-pro-1 li:hover .n-img-c p:nth-child(1){top: 40%; opacity: 1}
.n-pro-1 li:hover .n-img-c p:nth-child(2){top: 50%; opacity: 1}
.n-p-more{width: 100%; height: 100px; text-align: center;transition: all .3s ease-out 0s ; line-height: 100px; font-size: 2rem; color: #888686; }
.n-p-more:hover{background: #610f0d; color: #fff}
.n-p-more a{display: block;}
.n-about{width: 100%; overflow: hidden;  background-attachment: fixed; background-size: cover;background-position:50% -43.8203px;}
.n-about-c{width: 100%; height: 100% ;background:rgba(245,243,230,0.3);}
.n-about-d{width: 94%; max-width: 710px; margin:0 auto;padding-top:3%; text-align: center;padding-bottom: 130px;}
.n-a-img{width: 15%;  margin:auto; overflow: hidden;}
.n-about-d h3{font-size: 1.6rem; color: #000;margin:0; margin-top: 30px;}
.jianjie{margin-top: 50px; text-align: left}
.n-news{ background:url(../images/bg8.jpg); overflow: hidden}
.n-news .n-title{padding: 50px 0;}

.n-news-b li{width: 100%; border-bottom:rgba(0,0,0,0.05) 1px solid; transition:all ease-out .3s; overflow: hidden; padding:30px 0;}
.n-news-b li:hover{background: #610f0d}
.n-news-g{ position: relative;width: 94%; max-width: 860px; height: 100%; margin:0 auto; display: block;  overflow: hidden;transition:all ease-out .3s; }
.new-left{width: 20%; margin:0 5%; text-align: right;font-family: "HELVETICANEUELTPRO-THEX",Arial;line-height: 1; float: left;transition:all ease-out .3s;}
.new-left p{font-size: 60px; color: #610f0d;transition:all ease-out .3s;}
.new-left span{font-size: 16px;transition:all ease-out .3s; color: #888686}
.n-news-b li:hover .new-left p{color: #fff}
.n-new-con{ float: left; width: 50%; transition:all ease-out .3s; color: #888686} 
.n-new-con h3{ font-size: 1.7rem; font-weight: 100; margin:0; margin-bottom: 15px; color: #444; transition:all ease-out .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new-rig{font-size: 3rem; line-height: 1; position: absolute; right: 10%; top: 30%; opacity: 0;transition:all ease-out .3s;}
.n-news-b li:hover .new-rig{opacity: 1; right: 8%; color: #fff}
.n-news-b li:hover .n-news-g{padding:0; }
.n-news-b li:hover .new-left{margin:0 5% 0 0;}
.n-news-b li:hover .new-left span{color: #fff}
.n-news-b li:hover .n-new-con{color: #fff}
.n-news-b li:hover .n-new-con h3{color: #fff}
.n-news .n-more{width: 360px; height: 60px;display: block; line-height: 60px; text-align: center; margin:20px auto; border-radius: 30px; border:1px solid rgba(0,0,0,0.1);font-size: 2rem ;font-family: "HELVETICANEUELTPRO-THEX",Arial; color: #888686;transition:all ease-out .3s; }
.n-news .n-more span{opacity: 0;transition:all ease-out .3s;}
.n-news .n-more:hover span{opacity: 1; margin-left:15px;}
.n-news .n-more:hover{ border:1px solid #610f0d; color: #610f0d}
.n-team-box{ padding:20px; display: table-cell}
.n-team-img{ width: 30%; float: left; border-radius: 50%; overflow: hidden;box-shadow:0 2px 10px 0 rgba(0,0,0,0.1) ;  }
.n-team-con{float: right; width: 60%; padding:50px 0;}
.n-team-box img{ transition:all ease .3s; display: block;}
.n-team-con p:nth-child(1){font-size: 2rem}
.n-team-con p:nth-child(2){font-size: 1.6rem; color: #888; margin-bottom: 7%;}
.n-team-con p:nth-child(3){color: #888686}
.n-pro-2{width: 94%; margin:0 auto; overflow: hidden }


.ab-all{width: 100%; min-height: 500px; margin:0 auto; overflow: hidden; margin-bottom: 100px; }
.ab-1{width: 94%;margin:0 auto;max-width: 1060px;  line-height: 70px; margin-top:30px; font-size: 20px; color: #444; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center}
.ab-1-box{width: 98%; margin:0 auto; max-width: 1000px; margin-top: 50px;color: #6a6a6a; padding: 0 1%; font-size: 1em; line-height: 25px;}
.team-box{width: 100%; margin:0 auto; max-width: 1000px; color: #6a6a6a;font-size: 1em; line-height: 25px;}
.team-box li{width: 48%; margin:15px 1%; background: rgba(0,0,0,0.05); float: left; transition: 0.3s}
.team-box li:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); background: #fff}
.imgleft{width: 40%;float: left; }
.imgleft img{max-width: 100%; max-height: 100%;}
.imgright{width: 55%;padding:0 2.5%; float: left; }
.imgright h3{ color: #444; font-size: 1.2em; font-weight: 100; line-height: 30px; margin-top:50px; transition: 0.3s }
.imgright h5{ color: #999; font-size: 1em; font-weight: 100; }
.imgright p{ color: #999; font-size: 1em;  }

.team-box li:hover .imgright h3{ margin-top:40px; }
.conta{width: 82%; margin:0 auto; text-align: center}
.conta-1{width: 100%; padding: 50px 0; overflow: hidden}
.conta-left{width: 50%; float: left; text-align: center}
.conta-right{width: 50%; float: left;text-align: center}
.conta-2{width: 98%; margin: 0 1%; overflow: hidden}

.zhaop{width: 94%; max-width: 1060px; margin:0 auto; overflow: hidden;}
.zhaop li{ padding:20px; border-bottom: 1px solid rgba(0,0,0,0.05); overflow: hidden}
.zhaop-img{float: left; width: 40%;}
.zhaop-con{float: right;width: 55%; padding:20px 0;}
.about-mv{width:100%;padding:50px 0;margin:0 auto; color: #777; font-size: 1.6rem}
.about-mv embed{width: 100%;}
.act-p{width: 100%; height: auto; overflow: hidden; margin:0 auto; padding:5%;}
.act-p-left{width: 75%; height: auto; float: left; color: #777;padding:2% 0;}
.act-p-right{width:20%; float: right; height: auto ;padding-bottom: 2%;}
.act-p-right h3{line-height: 1; font-size: 2rem; margin:0; color: #555}
.act-tuijian{width: 100%; margin-top: 50px;}
.act-tuijian h3{font-size: 1.6rem; color: #777; line-height: 3}
.act-tuijian li{position: relative; margin-bottom: 15px;}
.t-title{position: absolute; bottom: 0; background:rgba(246,244,232,0.8); width: 100%; padding:10px; text-overflow: hidden; overflow: hidden;}
.act-t{width: 94%; margin:0 auto; max-width: 1000px; overflow: hidden; padding:8% 0;}
.act-t-left{width: 30%; float: left;}
.act-t-right{width: 65%; float: right;}
.act-t-right h3{line-height: 2; font-size: 2rem; margin:0; color: #555;}
.a-chengjiu{margin-bottom: 5%}
.f-ts{width: 20px; height: 20px;  position: absolute; right: 0px; top: 50%; margin-top: -10px; color: #fff; display: block; line-height: 20px; text-align: center}
.act-p-left img{max-width: 100%!important; height: auto!important; margin-top:15px; margin-right: 15px;}

.shipinxinxi{width: 100%; height: 100%; background: rgba(0,0,0,0.9);position:fixed; top: 0; left: 0;}
.sp-video{position: fixed; top: 50%;margin-top: -320px; left: 50%; margin-left: -400px;}
.sp-video1{position: relative;width: 800px; height: 450px;}
.guanbibutton{position: absolute;font-size: 12px; top: -40px; right: 0px; width: 50px; height: 30px; border-radius:5px; background:rgba(0,0,0,0.8); color: #fff; line-height: 30px; text-align: center;cursor: pointer; }
.yulan{width: 100%; border-radius: 5px;height: 40px; background: #999; text-align: center; line-height: 40px; color: #fff; font-size: 1.6rem; }
.yulan a{display: block; width: 100%; height: 100%;}
.yulan:hover{background:#888 }
.new-con b{font-weight: 100!important}
.about-mv img{max-width: 100%!important; height: auto!important; margin: 10px;}
.honor li{width: 19%; margin:0.5%; float: left; border:none; }
.honor li img{max-width: 100%; max-height: 100%; }
.n-product .box{ b overflow: hidden; }

.team{width: 100%;padding:5% 1% 0 1%; background:url(../images/bg8.jpg); margin:0 auto; }
.team-1{width: 100%; max-width: 1290px; margin:0 auto;  overflow: hidden}
.team-1 .swiper-slide{  padding:5%;}
.team-img{width: 30%; float: left; overflow: hidden;transition:all .3s ease-out 0s;}
.team-infos{float: right;width: 60%;color:#898989}
.team-infos h2{color: #666; font-weight: 100; line-height: 2; position: relative;margin:0;}
.team-infos h2:before{content: ''; position: absolute;top: 50%; left: -60px ;width: 50px; height: 1px; background: rgba(0,0,0,0.2);}
.team-infos-1{margin-top: 15px;}
.team-1 .swiper-slide:hover .team-img{ border-radius: 20px; transform: scale(0.9); box-shadow: 0 0 7px rgba(0,0,0,0.1) }

.b-t-left{width: 40%; float: left;}
.b-t-right{width: 55%; float: right;}
.b-t-right h2{font-weight: 100; font-size: 1.8rem}
.b-team{padding:50px 0;}

.nav-bg{background: url(../images/bg8.jpg);}

.qq-client-content{position:fixed;right:0px;bottom: 0;border:#ebebeb solid 1px;width:200px;background:#ffffff; z-index: 9999999}
.qq-client-content h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;border-bottom:#ebebeb solid 1px;position:relative;}
.qq-client-content h1 span{font-size:12px;font-weight:normal;position:absolute;left:-30px;top:-20px;cursor:pointer;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;}
.qq-client-list{background:#ffffff;}
.client-list{overflow:hidden;line-height:40px;width:90%;margin:0px auto;border-bottom:dashed 1px #ebebeb;}
.client-list a{display:block;}
.client-list a:hover{color:red;}
.client-list span{float:left;}
.client-list label{float:left;width:60px;text-align:right;padding-right:10px;}

input::-webkit-input-placeholder {  color:    #fff;  }  
input:-moz-placeholder { color:    #fff;  }  
input::-moz-placeholder { color:    #fff;  }  
input:-ms-input-placeholder {  color:  #fff;   }  
textarea::-webkit-input-placeholder {  color:    #fff;  }  
textarea:-moz-placeholder { color:    #fff;  }  
textarea::-moz-placeholder { color:    #fff;  }  
textarea:-ms-input-placeholder {  color:  #fff;   }  

@media (max-width: 1200px) { 
    .ser-left{display: none}
    .ser-right{width: 100%;}
	.phone-title{display: block;}
	.me-left{width: 100%; padding:15px;height:auto; background: none}
	.me-left p:nth-child(1){font-size: 2rem; color: #222; margin-top: 0}
	.method{padding-top: 1%; height: auto}
	.me-right{margin:0 auto; float: none}
	.project{width: 94%; margin:0 auto;}
	.about{width: 100%; margin:0 auto; height: auto;padding-bottom: 50px;margin-top: 30px;}
	.me-right{width:94%; float: none; }
	.meth-con{width: 50%}
	.meth-img{width: 50%}
	.meth-box:nth-child(3) .meth-con{width: 50%}
	.meth-con{padding: 10px;}
	.meth-con p:nth-child(1){ top: 10px; }
	.ite-pro li{width: 32.3%; margin:10px 0.5%; float: left; position: relative; overflow: hidden}
	.lanren-4 .box{width: 32.3%; margin:10px 0.5%; float: left; position: relative; overflow: hidden }
	.n-pro-1 li{width: 32.7%}
	.nav-bar{display: none}
	.nav-phone-icon{display: block;}
	.nav-c{margin: 20px 0;}
	.ab-1{margin-top: 0}

 }
 @media (max-width: 960px) { 
	.am-header{display: block}
	.banner{position: relative;}
	.banner .swiper-pagination{width: 100%; right: auto; top:auto; left: auto; bottom:0;}
    .swiper-button-prev{display: none}
	.swiper-button-next{display: none}
	.header{ margin-top: 70px; }
	.news{height: auto}
	.fot-left{width: 90%;margin:0 auto;margin-bottom: 50px;}
	.fot-right{width: 100%}
	.footer{height: auto; overflow: hidden;padding-top: 15px}
	.fot-1{width: 100%}
	.phone-title{padding: 10px}
	.phone-title p:nth-child(2){font-size: 1.2rem; line-height: 1.8rem}
	.number{display: none}
	.description{width: 94%;margin:0 auto;}
	.ite-pro li{width: 49%; margin:10px 0.5%; float: left; position: relative; overflow: hidden}
	.lanren-4 .box{width:49%; margin:10px 0.5%; float: left; position: relative; overflow: hidden }
	.n-pro-1 li{width: 49.4%}
	.new-left{width:25%}
	.new-left p{font-size: 3rem; }
	.n-new-con{width: 65%}
	.new-rig{display: none}
	.n-about{height: auto;}
	.n-about-c{padding-bottom: 30px;}
	.n-product{margin-top: 20px;}
	.n-news .n-title{padding:20px 0;}
	.team{padding:20px 0;}
	.n-product{width: 94%}
	.act-p-left{width: 100%}
	.act-p-right{width: 100%}
	.act-tuijian{display: none}

 }
@media (max-width: 650px) { 
    .lanren .box{width: 50%}
    .lanren-4 .box{width: 48%;margin:1%;}
	.new-img{margin:0; width: 100%}
	.new-con{width: 100%}
	.news-ietm li{background: rgba(0,0,0,0.1); padding:20px 10px; margin-bottom: 15px;}
	.zhaop-img{width: 100%}
	.zhaop-con{width: 100%}
	.footer{padding-bottom: 50px;}
	.team{min-height: 0}
	.position{margin-top: 0}
	.act-t-left{width: 100%}
	.act-t-right{width: 100%}
	.n-pro-1{margin-left:0;}
	.n-pro-1 li{width: 48%;margin:1%;}
	.logo p{font-size:1.4rem;}
	.team-img{width: 100%}
	.team-infos{width: 100%}
	.b-t-left{width: 100%}
	.b-t-right{width: 100%}
	.honor li{width: 49%}
	.qq-client-content{width: 30%}
 }