@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{padding:0;margin:0;}
body{ font-family: "Nunito", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color:#FFF; padding:0; margin:0; list-style:none; overflow-x: hidden; background-color: #221c1c; }
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
a:focus, a:hover { text-decoration:none;}
.bmax{ width:100%; height:80px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bline{ width:100%; height:1px; background:#c6c6c6; float:left; margin:15px 0px;}	
.containermian{ width:100%; height:auto; overflow:hidden; display: flex; flex-direction: column;}
.md{ width:1230px; }
.plr0{ padding: 0px;}
.plr10{ padding: 0px 10px;}
.plrd10{ padding: 10px 0px;}
.plr15{ padding: 0px 15px;}
.plra10{ padding: 10px;}
.plra15{ padding: 15px;}
.plra25{ padding: 25px;}
.plra205{ padding: 20px 5px; }
.mlr0{ margin: 0;}
.mlr100{ margin: 10px 0px;}
.bg{ background-color: #f7f7f7;}
.amap-marker-label { border: 2px solid #52443b; background-color: #FFF; padding: 10px 15px; color: #000;}
.headertop .headerbox{ float: left; position: relative;}
.gtco-loader{ width:100%; height:100%; display: flex; position:fixed; left: 0; top:0; z-index:99; background-image:url(../img/svg-loaders/three-dots.svg); background-position: center center; background-repeat: no-repeat; background-size:80px; background-color: black; opacity: 0.8;}
/*--　浮动 --*/
/*#fixnav{position:fixed;
-webkit-animation:searchTop .5s ease-in-out;
-moz-animation:searchTop .5s ease-in-out;
animation:searchTop .5s ease-in-out
}
-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}*/

/*-- --*/
.sybanner{ width:100%; float: left;}
.bannerbox{ width:100%; height:auto; float: left; position: relative; background-color: #52443b; }
.bannerbox .swiper{ width:100%;}
.bannerbox .swiper-slide{ width:100%;background-size:cover; background-repeat: no-repeat; background-position: center center; display: flex;}
.bannerbox .swiper-slide a{ display: flex; width:100%;}
.inbg{ width:100%; display: flex;}
.inbg i{ width:100%; display: flex; }
.inbg i img{ width:100%; }
.bannerbox .swiper-pagination-bullet{ width:16px; height:16px; background-color: transparent; opacity: 1; border: 2px solid #2f9843;}
.bannerbox .swiper-horizontal>.swiper-pagination-bullets{ bottom:35px;}
.bannerbox .swiper-pagination-bullet-active{ background: #2f9843; }

/*-- --*/
.headerbox{ width:100%; height:auto; float: left; display: flex; flex-direction: column;}
.top-header{ width:100%; display: flex; background-color:#52443b; }
.topm{ width:100%; height: 58px; display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
.topm h1{ font-size: 16px; color: #ffffff;}
.topm ul{ display: flex; justify-content: center; align-items: center; flex-direction:row;}
.topm ul li,.topm ul li a{ display: flex; justify-content: center; align-items: center; flex-direction: row; padding:0px 3px; color: #FFF; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.topm ul li a p{ padding: 2px 6px; margin: 0px 3px; font-size: 15px; display: flex; flex-shrink: 0; }
.topm ul li img{ width: 25px;}
.topm ul li a:hover p{ background-color: #341e11; border-radius:3px; }

.syfirst .header-a{ border-bottom:0;}
.header-a{ width:100%; display: flex; background-color:#221c1c; border-bottom: 2px solid #52443b;}
.header-am{ width: 100%; height: 135px; display: flex; justify-content: space-between; flex-direction: row;}
.left-align { margin-left: auto;}
.logo{ width:300px; height:120px; display: flex; justify-content: flex-start; align-items: center; }
.logo>i{ flex: 1 0 auto}
.logo>i a{ display: flex;}
.logo>i a img{ max-width: 100%; }
.navbox{ width:62%; height:135px; display: flex; text-align:center; position: relative; padding:15px 10px 0px 10%;  }
.navbox ul{ width:100%; display: flex; align-items:center; justify-content:center; }
.navbox ul li{ flex:1 0 auto; flex-shrink: 0; display: flex; justify-content: space-around;}
.navbox ul li a{ font-size:16px; color:#ffffff; position: relative;  }
.navbox ul li a i{ width:10%; height:3px; background:#FFF; position:absolute; bottom:-10px; left:45%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.navbox ul li svg{ width:15px; height: 15px; flex-shrink: 0; display: flex;}
.navbox ul li:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; width:90%; left:5%;}
#active i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}

.elsebox{ display: flex; justify-content: flex-end; flex-direction: row; align-items: center; padding-top: 10px; position: relative;}
.searchv{ cursor:pointer; padding-top:5px; padding-left:5px; position: relative;}
.syfirst .search-show{ top:100px;}
.search-show{ width:230px; height:45px; position:absolute; right:0px; top:130px; background:#FFF; border:2px solid #52443b; overflow: hidden; display:none; z-index:9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
#search_input1{ outline:none; height:43px; border-radius: 5px; overflow: hidden; width:190px; border:0px solid #CCC; line-height:43px; float:left; color:#000; font-size:13px; padding:0px 10px; }
#search_input2{ float:left; width:25px; height:25px; outline:none; margin-top:9px;}
.cen{ display: flex; flex-direction: row; justify-content:center; align-items: center;  padding-top: 5px;}
.cen a { display: flex; border-radius:10px; flex-shrink: 0; flex-direction: row; justify-content: center; align-items: center; line-height:18px; color: #FFF; font-size:15px; padding:5px; position: relative; margin-right:10px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;}
.cen a i{ display: flex;}
.cen a i img{ width:auto;}
.cen a span{ padding-left:5px; display: flex;}
.cen a:hover{ background-color:#6b8d07;}

/*-- syone --*/
.syone{ width:100%; float: left; margin-top: 45px; }
.syo-mian{ width:100%; float: left; position: relative; overflow: hidden; background-color:#372a22;}
.syo-mian h1{ width:100%; height: 60px; position: absolute; left: 0; top:-60px; z-index: 3; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s; opacity: 0}
.syo-mian h1 span{ position: relative; z-index: 1; font-size: 16px; color: #FFF; padding: 0px 20px;}
.syo-mian h1::before{ width:100%; height: 60px; opacity: 0.7; background-color: #000; content: ''; position: absolute; left:0; top:0; }
.oneswiper{ width:100%; overflow: hidden;}
.syo-mian .swiper-slide{width:100%; overflow: hidden;}
.syo-mian .swiper-slide a{ width:100%; display: flex;}
.syo-mian .swiper-slide a img{ width:100%; }
.syo-mian:hover h1{ opacity: 1; top:0; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.syo-mian .swiper-button-prev{ top:45%; left:0; width:100px; height:100px; background:url(../img/svg-loaders/lefth.svg) center center no-repeat; background-size:60%; opacity: 0.5; }
.syo-mian .swiper-button-prev:hover{ opacity:1;}
.syo-mian .swiper-button-next{ top:45%; right:0; width:100px; height:100px; background: url(../img/svg-loaders/righth.svg) center center no-repeat; background-size:60%; opacity: 0.5; }
.syo-mian .swiper-button-next:hover{ opacity:1; }
.syo-mian .swiper-button-next:after,.syo-mian .swiper-button-prev:after{ display: none;}
.twoswiper{ width:100%; overflow: hidden;}
/**/
.sydebox{ width:100%; float: left; margin-top: 45px; }
.syde-t{ width:100%; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction:column;}
.syde-t h1{ font-size: 31px; color: #FFF; padding: 10px 0px;}
.syde-t p{ font-size: 18px; color: #FFF;}
.syde-a{ width:100%; display: flex; margin-top: 35px; background-color:#372a22; position: relative; overflow: hidden; }
.syde-a h1{ opacity: 0; width:100%; height: 60px; position: absolute; left: 0; top:-60px; z-index: 3; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.syde-a h1 span{ position: relative; z-index: 1; font-size: 16px; color: #FFF; padding: 0px 20px;}
.syde-a h1::before{ width:100%; height: 60px; opacity: 0.7; background-color: #000; content: ''; position: absolute; left:0; top:0; }
.oneswiper{ width:100%; overflow: hidden;}
.syde-a .swiper-slide{width:100%; overflow: hidden;}
.syde-a .swiper-slide a{width:100%; display: flex;}
.syde-a .swiper-slide a img{ width:100%; }
.syde-a:hover h1{opacity: 1; top:0; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.syde-a .swiper-button-prev{ top:45%; left:0; width:100px; height:100px; background:url(../img/svg-loaders/lefth.svg) center center no-repeat; background-size:60%; opacity: 0.5; }
.syde-a .swiper-button-prev:hover{ opacity:1;}
.syde-a .swiper-button-next{ top:45%; right:0; width:100px; height:100px; background: url(../img/svg-loaders/righth.svg) center center no-repeat; background-size:60%; opacity: 0.5; }
.syde-a .swiper-button-next:hover{ opacity:1; }
.syde-a .swiper-button-next:after,.syde-a .swiper-button-prev:after{ display: none;}
/**/
.syde-b{ width:100%; height:635px; float: left; position: relative; background-color:#372a22; margin-top: 45px; }
.syde-b .swiper{ width:100%; height: 100%;}
.syde-b .swiper-slide{ width:100%; height: 100%; background-size:cover; background-repeat: no-repeat; background-position: center center; display: flex;}
.syde-b .inbg{ width:100%; height: 100%; position: absolute; left: 0; top:0; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
.goban .banwz{ animation:fadeInRight; animation-duration:2.5s; }
.banwz{ width:600px; padding:68px 0px 0px 8%; position:absolute; left:0; top:0;  display: flex; flex-direction: column; justify-content:flex-start; align-items:flex-start;}
.banwz h1{ font-size: 30px; color: #FFF; }
.banwz p{ width:85%; font-size:18px; line-height: 22px; color: #FFF; padding: 35px 0px; }
.banwz i{ width:135px; height: 45px; font-size: 17px; font-style: normal; background-color: #FFF; color: #000; display:flex; justify-content: center; align-items: center; margin-top:15px;}
.banwz i.button--wayra:hover::before {background-color: #52443b;}
.banwz .right{ padding: 0px 30px 0px 0px; text-align: right;}
.syde-b .swiper-button-prev{ top:45%; left:0; width:100px; height:100px; background:url(../img/svg-loaders/lefth.svg) center center no-repeat; background-size:60%; opacity: 0.5; }
.syde-b .swiper-button-prev:hover{ opacity:1;}
.syde-b .swiper-button-next{ top:45%; right:0; width:100px; height:100px; background: url(../img/svg-loaders/righth.svg) center center no-repeat; background-size:60%; opacity: 0.5; }
.syde-b .swiper-button-next:hover{ opacity:1; }
.syde-b .swiper-button-next:after,.syde-b .swiper-button-prev:after{ display: none;}
/**/
.sybabox{ width:100%; float: left; margin-top: 45px; }
.syba-t{ width:100%; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction:column;}
.syba-t h1{ font-size: 31px; color: #FFF; padding: 10px 0px;}
.syba-t p{ font-size: 18px; color: #FFF;}
.syba-main{ width:100%; height:480px; overflow: hidden; position: relative; background-color:#372a22; margin-top: 45px; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: row;}
.syba-show{ width:100%; height: 100%; position: absolute; left: 0; top:0; background-position: center; background-repeat: no-repeat; background-size: cover;}
#words{ width: 100%; display: flex; justify-content: center; align-items: center; font-size: 90px; color: #FFF;}
#words li{ display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0px 15px;}
#words li p{ display: flex; flex-direction: row; justify-content: center; align-items: center; opacity: 0.5; font-weight: bold;}
.S1 { --animate-duration: 1000ms; }
.S2 { --animate-duration: 1200ms; }
.S3 { --animate-duration: 1400ms; }
.S4 { --animate-duration: 1600ms; }
.S5 { --animate-duration: 1800ms; }
.S6 { --animate-duration: 2000ms; }
.S7 { --animate-duration: 2200ms; }
.S8 { --animate-duration: 2400ms; }
.S9 { --animate-duration: 2600ms; }
.S10 { --animate-duration: 2800ms; }
/**/
.sydevel{ width:100%; float: left; margin-top:55px; }
.sydel-t{ width:100%; float:left; display: flex; justify-content:center; align-items:center; flex-direction:column;}
.sydel-t h1{ font-size: 31px; color: #FFF; padding: 15px 0px;}
.sydel-t p{ font-size: 18px; color: #FFF;}
.sydel-show{ width:100%; float:left; padding:40px 5px 70px; }
.sydel-one{ width:100%; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction: column; }
.sydel-one a{ width:100%; display:flex; flex-direction:column; }
.sydel-one i{ width:100%; overflow: hidden; display: flex; background-color: #52443b; overflow: hidden; border-radius: 30px; }
.sydel-one i img{ width:100%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.sydel-one h1{ font-size: 18px; color: #FFF; padding: 20px 10px;}
.sydel-one:hover i img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}

/*-- 导航loc --*/
.locbox{ width:100%; height:auto; float: left; display: flex; text-transform: uppercase; }
.locbox ul{ width:100%;  padding:12px 0px; display: flex; flex-direction: row;}
.locbox ul li{ display: flex; justify-content: center; align-items: center; color:#877162; font-size:15px; padding-right: 5px; }
.locbox ul li svg{ width:16px;}
.locbox a{ display:inline-block; color:#695a50; font-size:15px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.locbox a:hover{ color:#FFF; }
#lochome{margin-right: 13px; margin-top: 3px;}
#lochome svg{ width:20px; height: 20px;}

/*-- about --*/
.aboutbox{ width:100%; display:flex; float: left;}
.abnav{ width:100%; display: flex; justify-content: center; align-items: center; flex-direction: row;}
.abnav a{ width:190px; height: 50px; text-align: center; border: 1px solid #52443b; border-radius: 30px; margin: 20px 18px; display:flex; justify-content: center; align-items: center; flex-direction: column; font-size: 17px; color: #52443b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#abnav{ background-color:#52443b; color: #FFF; animation-name:top;}
.abnav a:hover{ background-color:#52443b; color: #FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.aba{ width:100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction:row; flex-wrap: wrap;}
.abal{ width:62%; display: flex; flex-direction: column; padding: 25px 50px 25px 25px;}
.abal h1{ font-size: 39px; color: #FFF; padding: 45px 0px;}
.abal p{ font-size: 17px; color: #FFF; line-height: 25px;}
.abar{ width:38%; display: flex; padding-top: 120px;}
.abar i{ width:100%; display:flex; background-color: #52443b;}
.abar i img{ width:100%;}
.abam{ width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px 0px; background-position: center; background-repeat: no-repeat; }
.abam i{ width:100%; display: flex; background-color: #302925;}
.abam i img{ width: 100%; }
.abam p{ width: 55%; font-size: 17px; color: #FFF; line-height: 25px; text-align: center; padding-top: 50px;}
.abb{ width:100%; display: flex; flex-direction: row; padding: 20px 0px 90px;}
.abbl{ width:51%; display: flex; flex-direction: row;}
.abbl-one{ width:55%; display: flex; flex-direction: column; justify-content: flex-end; color: #FFF;}
.abbl-one h2{ font-size: 19px;}
.abbl-one h1{ font-size: 39px; padding:5px 0px 50px;}
.abbl-one i{ width:100%; display: flex; background-color: #52443b; }
.abbl-one i img{ width:100%;}
.abbl-two{ width:45%; display: flex; }
.abbl-two i{ width:100%; display: flex; background-color: #322720; }
.abbl-two i img{ width:100%;}
.abbr{ width:49%; display: flex; flex-direction:column; padding-left:35px; padding-top: 20px;}
.abbr-one{ width:100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; position:relative; padding:0px 0px 20px; cursor: pointer;}
.abbr-one::before{ content: ''; position: absolute; left: -24px; top:10px; width:11px; height: 11px; border-radius: 360px; background-color: #52443b; z-index: 1; }
.abbr-one::after{ content: ''; position: absolute; left: -20px; top:15px; width:3px; height: calc(100% + 20px); background-color: #52443b; }
.abbr-one h1{ display: flex; justify-content: flex-start; flex-direction: row; font-size: 17px; color: #FFF; padding:5px 0px;}
.abbr-one h1 span{ padding-right: 20px;}
.abbr-one p{ font-size: 16px; color: #a2a2a2; line-height: 20px; }
.abbr-one.abbrone{ padding:20px; margin-bottom:20px; background-color: #302c2c;}
.abbr-one:last-child::after{ background-color: #221c1c;}

.videobox{ width:100%; height:500px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; background-color: #000;}
.videobox video{ width:100%; height:100%; position: absolute; left: 0; top:0; }
.abvideo{ width:100%; display: flex; justify-content:center; align-items: center; height:100%; position: relative; z-index: 1; background-color: #242424; background-position: center; background-repeat: no-repeat; background-size: cover; }
.abvideo i{ width:80px; height:80px; cursor: pointer; background-color: transparent;}
.abvideo i img{ width:100%;}

/*-- 实力 --*/
.strimg{ width:100%; height:100%; float: left; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #3f3838;}
.strimg i{ width:100%; height: auto; display: flex; }
.strimg i img{ width:100%; }
.strimg p{ width:100%; height:50px; font-size:16px; color: #FFF; display: flex; justify-content: center; align-items: center; flex-direction: column; text-transform: uppercase; }

/*-- 专利证书 --*/
.certbox{ width:100%; height: auto; float: left; padding:15px 0px;}
.certone{ width:100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
.patimg{ width:100%; height:100%; float: left; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #52443b; padding: 13px 13px 0px;}
.patimg i{ width:100%; height: auto; display: flex; }
.patimg i img{ width:100%; }
.patimg p{ width:100%; height:50px; font-size:16px; color: #FFF; display: flex; justify-content: center; align-items: center; flex-direction: column; text-transform: uppercase; }
.pet{ margin-top: 20px;}

/*-- 产品 --*/
.productsbox{ width:100%; float: left;}
.prot{ width:100%; display: flex; height:90px; justify-content: center; align-items: center; flex-direction: column;}
.prot h1{ font-size: 39px; color: #FFF; }
.probox{ width:100%; display: flex; flex-direction:row; padding:30px 0px 80px;}
.allbox{ width:21%;}
.proL{ width:100%; display: flex; flex-direction:column;}
.cpsearch{ width:100%; height: auto; display: flex; margin-top: 15px;}
.cpsearch form{ width:100%;}
.insearch{ width:100%; height:auto; border:2px solid #242424; background-color: #52443b; overflow:hidden; display: flex; justify-content:space-between; align-items: center; flex-direction: row;}
.insearch .p1{ width:75%; height:40px; float:left;}
.insearch .p2{ width:15%; height:40px; float:right; text-align:center; overflow:hidden; cursor:pointer; }
#search_inputps1{ outline:none; height:100%; width:100%; border:0px solid #CCC; float:left; padding:0px 15px; font-size:14px; color:#FFF; background-color: #52443b;}
#search_inputps2{ display:inline-block; width:100%; height:100%; outline:none; cursor:pointer; background-image:url(../img/svg-loaders/sosearch.svg); background-size:28px; background-color: #52443b; background-position:center; background-repeat:no-repeat; border:0; }
#search_inputps1::-webkit-input-placeholder{ opacity:1; color:#7d685a;}
#search_inputps1:-moz-placeholder{opacity:1; color:#7d685a;}
#search_inputps1::-moz-placeholder{opacity:1; color:#7d685a;}
#search_inputps1:-ms-input-placeholder{opacity:1; color:#7d685a;}
.pronav{ width:100%; display: flex;}
.list{width:100%; height:auto; float:left;}
.list ul li{list-style:none; height:auto; width:100%; float:left; padding:15px 10px; border-bottom:1px solid #403636;}
.list ul li a{ width:100%;  height:auto; float:left; line-height:25px; color:#817268; font-size:18px; transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s; position:relative;}
.list ul li a:hover{ color:#FFF; transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s; }
#nchoose{color:#FFF;}
.proR{ width:79%; height:auto; display: flex; padding:0px 15px; flex-direction: column;}
.pror-box{ width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.cpmian{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.cpimgs{ width:100%; height:auto; float:left; overflow:hidden; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.cpimgs img{ width:100%;}
.cpmian:hover .cpimgs{ transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05); overflow:hidden;}
.cpnames{width:100%; height:50px; float:left; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; position:relative; z-index:1; background:#52443b; color:#FFF; font-size:18px; overflow:hidden; }
.cpmian:hover .cpnames{ background:#242424; color:#FFF; -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}

/*-- 产品详细页 --*/
.proinfobox{ width:80%; height:auto; display: flex; padding:15px 0px 0px 20px; flex-direction: column;}
.ban {width:100%; height:auto; float:left; position:relative; z-index:1; display: flex; flex-direction: row; padding-bottom: 100px;}
.banl{ width:53%; float: left; display: flex; flex-direction: column; position: relative;}
.banl .swiper-slide img{ width:100%;}
.mySwipera{ width:100%; position: relative; background-color:#ffffff;}
.mySwipera .zoom-hand{ position: absolute; right:15px; bottom:15px; z-index: 1;}
.mySwiperb{ width:100%; position:absolute; left: 0; bottom:-90px; overflow: hidden;}
.mySwiperb .swiper-slide{ border:2px solid #242424; display: flex; justify-content: center; align-items: center; }
.mySwiperb .swiper-wrapper .swiper-slide{ width:90px; height:80px; cursor: pointer; overflow:hidden; opacity: 0.5}
.mySwiperb .swiper-wrapper .swiper-slide img{ max-height: 100%;}
.mySwiperb .swiper-slide-thumb-active { border:2px solid #52443b!important; opacity:1!important}
#prev1 { position: absolute; left:0px; top: 50%; transform: translateY(-50%); background: url(../img/svg-loaders/sleft.svg) center center no-repeat; background-size: 70%;width: 50px; height: 50px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#prev1:hover { background: url(../img/svg-loaders/lefth.svg) center center no-repeat; background-size: 70%; background-color: #52443b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#next1 { position: absolute; right:0px; top: 50%; transform: translateY(-50%); background: url(../img/svg-loaders/sright.svg) center center no-repeat; background-size: 70%; width: 50px; height: 50px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#next1:hover { background: url(../img/svg-loaders/righth.svg) center center no-repeat; background-size: 70%; background-color: #52443b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.banr{ width:47%; float: left; display: flex; flex-direction: column; padding:35px 10% 0px 5%; background-color: #424242; }
.br-a{ width:100%; height:auto; display:flex; justify-content:space-between; align-items: center; border-bottom:2px solid #FFF;}
.br-a h1{ width:100%; height:auto; float:left; font-size:19px; line-height:25px; color:#d0b6a6; padding:25px 0px; }
.updown{ display: flex; }
.updown i{ width:22px; height:22px; float:left; margin:2px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.updown a{ width:30px; height:30px; float:left; }
#coll{ fill:#d0b6a6; }
.updown a:hover #coll{ fill:#aa8873;}
#non #coll{ fill:#d0b6a6; }
.br-b{ width:100%; display: flex; flex-direction: column;  padding:20px 0px;}
.br-b p{ font-size:19px; color:#FFF; line-height:25px; width:100%; height:auto; float:left; padding:10px 0px;}
.br-b ul{ width:100%; float:left; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction:column;}
.br-b ul li{ width:100%; display: flex; font-size:19px; color:#FFF; line-height:25px; padding: 10px 0px;}
.br-b ul li:first-child{ color:#d0b6a6;}
.br-d{ width:100%; height: auto; float: left; }
.br-d h1{ font-weight: 600; font-size: 22px; padding-bottom: 20px;}
.br-d ul{ width:100%; float:left; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction: row;}
.br-d ul li{ padding: 0px 30px 0px 0px;}
#ww .on i{ border:2px solid #cbb2a3; }
.br-d ul li i{ display: block; overflow: hidden; border:2px solid #f5f5f5;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */	
}
.br-d ul li i:hover{ border:2px solid #cbb2a3;}
.br-d ul li i img{ width:35px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */		
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s; }
.br-d ul li h1{ display: block; width: 100%; font-size: 12px; color: #bc9e8b; line-height: 15px; padding: 10px 0px; }
.br-d ul li:hover i img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.br-d ul li:hover h1{ text-decoration: underline; }
.tooltip .tooltip-inner { font-size: 14px; padding:3px 8px;}

.samebox{ width:100%; margin-top:75px; display: flex; justify-content:flex-start; align-items: center; flex-direction: column;}
.samet{ width:100%; display: flex; flex-direction: row; align-content: center; justify-content:space-between; position: relative;}
.samet h1{ font-size:18px; color: #FFF; background-color: #52443b; padding:13px 25px; }
.samet a{ font-size: 16px; color: #52443b; padding:0px; text-decoration: underline;}
.samet a:hover{ color: #FFF; }
.same-show{ width:100%; height:auto; float: left; padding:15px 0px 50px; position: relative;}
.same-show .swiper{ padding: 20px 0px;}
.moreone{ width:100%; height: auto; float: left;}
.same-show .swiper-button-prev{ top:42%; left:-55px; width:40px; height:40px; background:url(../img/svg-loaders/lefth.svg) center center no-repeat #52443b; background-size:50%; 
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.same-show .swiper-button-prev:hover{ background:url(../img/svg-loaders/lefth.svg) center center no-repeat #52443b; background-size:50%; }
.same-show .swiper-button-next{ top:42%; right:-55px; width:40px; height:40px; background: url(../img/svg-loaders/righth.svg) center center no-repeat #52443b; background-size:50%; 
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.same-show .swiper-button-next:hover{ background: url(../img/svg-loaders/righth.svg) center center no-repeat #52443b; background-size:50%; }
.same-show .swiper-button-next:after,.same-show .swiper-button-prev:after{ display: none;}


/*-- 产品表格 --*/
.cptable{ width:100%; height:auto; float:left; background-color:#52443b; margin-top: 20px; }
.cpform-tv{ width:100%; height:auto; float:left; padding:50px 0px 10px; display: flex; justify-content: center; align-items: center;}
.cpform-tv h1{ float:left; font-size:30px; line-height:35px; color:#FFF;}
.cpform{ width:100%; padding:20px; float:left; background:#52443b;}
.cpformbx{ width:100%; height:auto; float:left;}
.cpform-t{ width:100%; height:auto; line-height:40px; float:left; color:#999999; font-size:16px;}
.cpform-t i{ color:#F00; float:left; width:11px; font-style:normal;}
.cpform-t span{ float:left;}
.cpform-x{ width:100%; height:40px; float:left;}
#finput1{ width:100%; height:100%; border:1px solid #42362f; background-color:#42362f; line-height:38px; float:left; color:#ffffff; font-size:15px; outline:none; padding:0px 10px;}
.cpform-tx{ width:100%; height:90px; float:left;}
.cpform-tx textarea{float:left; resize:none; width:100%; height:100%; padding:5px 10px; font-size:16px; color:#ffffff; outline:none; border:1px solid #42362f; background-color:#42362f;}
.cheakones{width:100%; height:auto; float:left; padding:10px 0px 5px; color:#999999; font-size:16px;}
.cpformbtn{ width:100%; height:auto; float:left; padding:20px 0px;}
#cpbutton2{ width:170px; height:42px; line-height:42px; background:#42362f; float:left; cursor:pointer; font-size:16px; color:#FFF; border:0;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
#cpbutton2:hover{background:#000000; color:#FFF;
-webkit-transform: translateY(-5px);
-moz-transition: translateY(-5px);
transform: translateY(-5px);
}
.cpformbx input::-webkit-input-placeholder{ opacity:1; color:#999999;}
.cpformbx input:-moz-placeholder{opacity:1; color:#999999;}
.cpformbx input::-moz-placeholder{opacity:1; color:#999999;}
.cpformbx input:-ms-input-placeholder{opacity:1; color:#999999;}
.cpformbx textarea::-webkit-input-placeholder{opacity:1; color:#999999;}
.cpformbx textarea::-moz-placeholder{opacity:1; color:#999999;}
.cpformbx textarea::-moz-placeholder{opacity:1; color:#999999;}
.cpformbx textarea:-ms-input-placeholder{opacity:1; color:#999999;}

/*-- 印象 --*/
.insbox{ width:100%; float: left;}
.inslogo{ width:100%; height:1px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top:50%; z-index: 1;}
.inslogo i{ width: 115px; height: 115px; border-radius: 360px; background-color:#221c1c; display:flex; justify-content: center; align-items: center;}
.inslogo i img{ max-width: 100%;}
.ins-a{ width:100%; display: flex; flex-direction: row; padding: 50px 0px;}
.ins-al{ width:43%; display: flex; flex-direction: column; padding:30px 60px 0px 30px; justify-content: flex-start; align-items:flex-start;}
.ins-al h1{ font-size: 39px; color: #FFF;}
.ins-al p{ font-size: 18px; color: #FFF; padding-top: 45px;}
.ins-a i{width: 57%; display: flex; background-color: #716055;}
.ins-a i img{ width:100%; }
.ins-b{ width:100%; height:450px; display: flex; justify-content: center; flex-direction: column; background-position: center;background-color: #000; background-repeat: no-repeat; padding: 45px;}
.ins-b h1{ width: 560px; line-height: 40px; font-size: 32px; color: #FFF;}
.ins-b p{ width:360px; font-size: 16px; color: #FFF; padding-top:65px; }

.ins-c{ width:100%; display:flex; flex-direction: column; padding-bottom: 80px;}
.ins-ct{ width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 70px 0px 40px;}
.ins-ct h1{ font-size:39px; color: #FFF; }
.ins-cshow{ width:100%; display: flex; position: relative;}
.insone{ width:100%; display: flex; flex-direction: column;}
.insone i{ width:100%; display: flex; background-color: #47372e; }
.insone i img{ width:100%;}
.insone ul{ width:100%; display: flex; flex-direction:column; background-color: #463931; padding:10px; height:150px; }
.insone ul li{ width:100%; text-align: center; display: flex; justify-content: center; align-items: center; }
.insone h1{ font-size: 18px; color: #e3e3e3; padding:15px 0px;}
.insone p{ font-size: 14px; color: #e3e3e3; padding: 0px 10%; line-height: 16px;}
.insone.ots{ flex-direction: column-reverse;}

/*-- 新闻 --*/
.newsbox{ width:100%; height: auto; float: left; display: flex; justify-content:flex-start; align-items: center; flex-direction: column;
padding:15px 0px;}
.newsone{ width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; padding-bottom: 135px; }
.newsone i{ width:100%; display: flex; background-color: #242424; overflow: hidden; }
.newsone i img{ width:100%; transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; }
.newsone div{ width:80%; min-height: 135px; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; background-color: #090707; position: absolute; left:5%; bottom:35px; padding:15px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#090707,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 5px #090707;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 5px #090707;/*兼容safari或chrome*/
box-shadow:0px 0px 5px #090707;/*兼容opera或ie9*/
transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;
}
.newsone div h1{ width:100%; font-size: 20px; color: #969696; line-height: 20px; }
.newsone div p{ width:100%; font-size:14px; color: #777777; line-height:18px; padding:15px 0px; }
.newsone div ul{ width:100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
.newsone div ul li{ font-size: 12px; color: #777777; }
.newsone div ul li span{ font-size: 12px; padding:2px; border-bottom: 2px solid #252323;}

.newsone:hover i img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.newsone:hover div{ background-color: #52443b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#52443b,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 5px #52443b;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 5px #52443b;/*兼容safari或chrome*/
box-shadow:0px 0px 5px #52443b;/*兼容opera或ie9*/
}
.newsone:hover div h1{ color: #FFF; }
.newsone:hover div p{ color: #FFF; }
.newsone:hover div ul li{ color: #FFF; }
.newsone:hover div ul li span{ border-bottom: 2px solid #7d736c;}

/*-- page --*/
.page{ width:100%;height:auto; display: flex; justify-content: center; align-content: center; flex-direction: column; font-size:16px; padding:0px 0px 20px;}
.pagination{width: 100%; display:flex; justify-content: center; align-content: center; }
.pagination ul{width: 100%; height:auto; display: flex; justify-content: center; align-items: center;}
.pagination ul li{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px 2px}
.pagination ul li i{ display: flex; width:100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; font-style: normal;}
.pagination ul li a{ display: flex; justify-content: center; align-items: center; flex-direction: column; width:36px; height:36px; font-size:16px; color:#ffffff;  transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s; 
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius:360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a:hover{ background:#52443b; color:#FFF;}
.pagination ul li a.active{ background:#52443b; color:#FFF;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius:360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#prev i{ background: url(../img/svg-loaders/wleft.svg) center center no-repeat; background-size:18px;}
#next i{ background: url(../img/svg-loaders/wright.svg) center center no-repeat; background-size:18px;}
#prev:hover,#prev.active,#next:hover,#next.active{ background:#52443b;}
#prev:hover i{ background: url(../img/svg-loaders/wleft.svg) center center no-repeat; background-size:18px;}
#next:hover i{ background: url(../img/svg-loaders/wright.svg) center center no-repeat; background-size:18px;}
#prev img,#next img{ width:20px; }
.pagination ul li a img{ width: 80%; }
#cco{ fill:#52443b; }
#prevstart #cco{ fill:#52443b; }
#nextend #cco{ fill:#52443b; }

/*-- 新闻详细内容 --*/
.in-newsbox_title { width: 100%; padding:25px 0px; font-size: 24px; text-align: center; float: left;color: #FFF;font-weight: 600; text-transform: uppercase; }
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left; font-size:16px; color:#FFF;}
.in-newsbox_info span{ font-size:16px; color:#FFF; padding-right:10px;list-style:none; text-align:center; display:inline-block;}
.in-newsbox_content{ float:left; font-size:18px; line-height:30px; width:100%; color:#FFF;}
.in-newsbox_content img{ max-width:100%}
.backbtn{ width:100%; height: auto; float: left; text-align: center; display: flex; justify-content: center; align-items: center;}
.backbtn a{ padding: 5px 30px; font-size: 15px; background-color:#000; color: #ffffff;
 -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.backbtn a:hover{ background:#52443b;}
.pagee{width:100%;float:left; height:auto; }
.pagees{width:100%;float:left; height:auto; padding: 30px 0px;}
.pagesl{ width:30%; float:left;}
.pagesl p{ width:auto; font-size:15px; line-height:20px; padding:5px 0px; color:#FFF;}
.pagesr p{ width:auto; font-size:15px; line-height:20px; padding:5px 0px; color:#FFF;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background:#000;
}
.pagesl a:hover{ color:#FFF; background:#52443b;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background:#000;
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#52443b; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}

/*-- contact --*/
.contactbox{ width:100%; height: auto; float: left; padding-bottom: 130px;}
.cont-a{ width:100%; display: flex; flex-direction: row;}
.cont-aa{ width:42%; display: flex; flex-direction: column; color: #FFF; justify-content:center; padding-bottom: 10%;}
.cont-aa h1{ font-size: 39px; padding: 15px 0px;}
.cont-aa ul{ display: flex; width:100%; flex-direction: column;}
.cont-aa ul li{ font-size: 18px; padding: 2px 0px; } 
.cont-ab{ width:58%; display: flex; flex-direction: column; }

.cont-b{ width:100%; height: auto; display: flex; flex-direction: row; padding-top: 50px;}
.cont-bl{ width:42%; display: flex; flex-direction: column; padding-right:20px;}
.cont-bl h1{ font-size: 32px; color: #d9d9d9;}
.cont-bl p{ font-size: 16px; color: #d9d9d9; padding-top: 22px;}
.cont-br{ width:58%; display: flex;}
.feedbx{ width:100%; height:auto; float:left;}
.feed-x{ width:100%; height:60px; float:left; position: relative;}
#input1{ width:100%; height:100%; border: 0; border-bottom: 1px solid #a6a6a6; float:left; color:#FFF; font-size:17px; outline:none; background-color: #221c1c;}
.feed-tx{ width:100%; height:90px; float:left; position: relative;}
.feed-tx textarea{float:left; resize:none; width:100%; height:100%; padding:12px 0px; font-size:17px; color:#FFF; outline:none; border:0; border-bottom: 1px solid #a6a6a6; background-color: #221c1c;}
.crrbtn{ width:100%; height:auto; float:left; text-align: center; margin-top:30px;}
#button{ width:145px; height:45px; background:#52443b; float: left; cursor:pointer; border:0; font-size:17px; color:#FFF; outline: none;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
#button:hover{ background:#000; color:#FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#input1::-webkit-input-placeholder{ opacity:1; color:#6b6b6b;}
#input1:-moz-placeholder{opacity:1; color:#6b6b6b;}
#input1::-moz-placeholder{opacity:1; color:#6b6b6b;}
#input1:-ms-input-placeholder{opacity:1; color:#6b6b6b;}
.feed-tx textarea::-webkit-input-placeholder{opacity:1; color:#6b6b6b;}
.feed-tx textarea::-moz-placeholder{opacity:1; color:#6b6b6b;}
.feed-tx textarea::-moz-placeholder{opacity:1; color:#6b6b6b;}
.feed-tx textarea:-ms-input-placeholder{opacity:1; color:#6b6b6b;}

/*-- 地图 --*/
.mapbox{ width:100%; height:450px; float:left;}
#container{ width:100%; height:100%; float:left;}

/*-- footB --*/
.footB{ width:100%; min-height:230px; padding: 50px 0px; background-color:#010101; float: left; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.footB .md{ display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
.foot-a{ width:28%; display: flex; flex-direction: column; padding: 15px;}
.foot-a i{ display: flex;}
.foot-a i img{ max-width:260px; }
.foot-a p{ padding: 15px 0px; color:#ffffff; font-size: 12px;}
.foot-b{ width:36%; display: flex; flex-direction: column; padding: 15px 15px 15px 60px;}
.foot-b ul{ width:100%; display: flex; justify-content:flex-start; align-items: center; flex-direction: row; flex-wrap: wrap;}
.foot-b ul li { width: 50%; display: flex; flex-direction: row;}
.foot-b ul li i{ padding-right:20px;}
.foot-b ul li i svg{ width:15px;}
.foot-b ul li a{ color: #FFF; font-size:16px; }
.foot-b ul li a:hover{ text-decoration: underline;  color: #f3f3f3; }
.foot-c{ width:36%; display: flex; flex-direction: column;}
.fshare{ width:100%; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; padding:10px 0px;}
.fshare a{ padding-right:25px;}
.fshare a i{ width:23px; height:23px; display: block;}
.fshare a i svg{ width:100%;}
#cols{ fill:#848180;}
.fshare a:hover #cols{ fill:#FFF;}
.footdown{ width:100%; height:auto; padding:0px 0px; font-size:10px; color:#FFF; position:relative; display: flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.footdown span{ padding:4px 0px; }
.footdown a{ color:#FFF; }

/*-- 左侧 --*/
.footside{position:fixed!important; width:60px; height:auto; right:0; top:45%; z-index:8;}
.footside ul li{ width:60px; height:60px; float:left; position:relative; margin-top:1px; list-style:none; background:#242424; color:#FFF;
-moz-border-radius: 10px 0px 0px 10px; /* Firefox */
-webkit-border-radius: 10px 0px 0px 10px; /* Safari 和 Chrome */
border-radius: 10px 0px 0px 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ 
}
.footside ul li .sidetop{ width:60px; height:60px; display:inline-block; background:#242424; transition:all 0.3s;}
.footside ul li .sidetop:hover{ background:#ecc7aa; opacity:1; filter:Alpha(opacity=100);}
.footside ul li a{ position:absolute; width:60px; height:60px; top:0; right:0; background:#242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; line-height:60px; color:#FFF; font-size:17px;}
.footside ul li a>i{ float:left; width:60px; height:60px; text-align: center; }
.footside ul li a span{ display:none;}
.footside ul li a span img{ width:100%;}
.footside ul li img{ max-width:100%; float:left;}
#cmail:hover a{ width:155px; background:#ecc7aa; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; overflow:hidden;}
#cmail:hover a span{ display:block;}

.footside ul li div>i{ width:120px; position: absolute; right: 0; top:0; z-index: 1;}
.footside ul li div>i img{ width:100%;}
.footside ul li div{ width:60px; height:60px; color: #FFF; display: table; background: #ecc7aa; text-align: center; position:absolute; right: 0; top: 0; visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footside ul li:hover div{ width:120px; text-align: center; height:auto; visibility: visible; right: 100%;  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s;}
#topcontrol{ z-index: 3;}

/*-- --*/
.furight{ position:fixed; right:20px; top:35%; width:80px; height:auto; z-index:101; background:#FFF; padding:10px 0px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddcdc,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 3px 0px #dddcdc;/*兼容firefox*/
-webkit-box-shadow:0px 0px 3px 0px #dddcdc;/*兼容safari或chrome*/
box-shadow:0px 0px 3px 0px #dddcdc;/*兼容opera或ie9*/
}
.furight ul li{ width:100%; height:auto; float:left;}
.furight ul li i{ width:100%; height:auto; float:left; text-align:center; padding:5px 0px;}
.furight ul li i img{ max-width:100%;}
.furight ul li p{ width:100%; height:auto; float:left; text-align:center; font-size:14px; color:#4a4a4a; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; padding:2px 0px 5px;}
.furight ul li a:hover p{ color:#00c1b4; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.furight.fen p{ font-size:12px;}

.furightB, .furightB2, .furightB3{ width:100%; height:100%; position:fixed; z-index:102; display:none;}
.ftB-bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000;  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.ftb-show{ width:100%; height:auto; float:left; top:12%; text-align:center; z-index:1; position:relative;}
.ftb-m{ max-width:500px; height:auto; display:inline-block; background:#FFF; border:1px solid #a6a6a6;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ftb-mt{ width:100%; height:auto; float:left; padding:15px; border-bottom:1px solid #a6a6a6;}
.ftb-mt p{ width:80%; float:left; font-size:16px; text-align:left;}
.ftb-mt i{ width:20px; height:20px; float:right; position:relative; cursor:pointer;}
.ftb-mt i:before{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.ftb-mt i:after{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
.ftb-in{ width:100%; height:auto; text-align:center; padding:15px; float:left;}
.ftb-in i{ width:100%; height:auto; float:left; padding:15px 20px 5px;}
.ftb-in i img{ max-width:100%;}
.ftb-in p{ font-size:14px; width:100%; height:auto; padding:10px 0px; float:left;}

/*-- 弹出框 --*/
.cctt{ width:100%; height: auto; float:left; font-weight: 600; color: #FFF; }
.modal-header .close{ padding: 0;  margin: 0; float: right; position: absolute; right: 15px; }
.jjbg{ background:#242424; }
#jj .close span{ padding:0px 2px;  margin: 0; float: right; background-color: #ffffff;}
.tops{ top:15%;}
.incpbox{ width:100%; height: auto; float: left; padding: 5px 0px; }
.incp-t{ width:100%; height: auto; float: left; font-size: 16px; color:#000; line-height: 25px; }
.incp-t i{ color:red; float: left; padding-right: 10px; font-style: normal;}
.incp-x{ width:100%; height: auto; float: left}
.incp-x input{ width:100%; height: auto; border: 2px solid #242424; padding: 8px; font-size: 14px; color: #000;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.incp-tx{ width:100%; height:100px; float:left;}
.incp-tx textarea{ width:100%; height: 100%; border: 2px solid #242424; padding:8px; font-size: 14px; color: #000; resize: none;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.incpbtn{ width:100%; height: auto; float: left; padding: 20px 0px 10px;}
#ttcp{ width:120px; height:35px; background:#242424; display:inline-block; cursor:pointer; border:0; font-size:14px; color:#FFF; outline: none;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
#ttcp:hover{ background:#242424; color:#FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

.bigs{
-webkit-animation-timing-function: linear;    /*动画时间曲线*/
-webkit-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 165000ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: linear;  /*动画时间曲线*/
-moz-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 165000ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
animation-timing-function: linear;  /*动画时间曲线*/
animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 165000ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
}

@-webkit-keyframes bigss{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.9)}}@-moz-keyframes bigss{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(1.9)}}@keyframes bigss{0%{transform:scale(1)}100%{transform:scale(1.9)}}