@charset "UTF-8";
body{overflow-x: hidden; overflow-y: auto; background:#fff;}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {margin: 0px;}
input, button, ul, ol {margin: 0px;padding: 0px;}
body, input, button, form {font-size: 16px;font-family: "microsoft yahei", "宋体", "Arial";color: #333333;}
h1, h2, h3, h4, h5, h6 {font-size: 14px;font-weight: normal;}
ul, ol, li {list-style: none;}
input {background: none;border: 0 none;}
img, iframe {border: 0px;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
.red {color: #ba292e;}
.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}
.tar {text-align: right;}
.poa {position: absolute;}
.por {position: relative;}
.hidden {display: none;}
.w1200 {width: 1200px;margin: 0 auto;}
.ico {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
a {color: inherit;text-decoration: none;}
a:hover {color: inherit;text-decoration: none;}
a:visited {text-decoration: none;}
.ease, .ease * {-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.noease, .noease * {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aaa;}

/*清除浮动*/
.clearfix {*zoom: 1;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

/*head*/
.header{width:100%; font-size:16px; height:156px; z-index:99999; background:rgba(0,0,0,1); position:absolute; position:fixed; margin-top:-20px;}
.header .topp{ height:36px; line-height:36px; background:#333; color:#FFF; font-size:14px; width:100%; display: flex; flex-wrap:wrap; justify-content: space-between;}
.header .topp .fl{ margin-left:50px;}
.header .topp .fr{ margin-right:50px;}
.header .topp .fr dl{ float:left; margin-left:20px;}
.header .topp .fr dl li{ width:120px; text-align:center; background:#666; height:30px; line-height:30px; margin-top:3px;}
.header .logo{ text-align:center; margin-top:20px;}
.header .logo img{ width:120px;}
.header .heng{display: flex; align-items: center; justify-content: center;}
.header .heng .dh{display: flex; align-items: center; justify-content: center;}
.header .heng .dh a dl{float:left; margin:0px 30px; font-size:15px; color:#FFF; margin-top:10px; padding-bottom:30px;}
.header .heng .searchbtn{margin: 0 20px;}

/* banner */
#banner_main1 {overflow: hidden;position: relative;z-index: 2;max-width: 1920px;margin: 0 auto;}
#banner_main1 .banner1 {height: 820px;}
#banner1 {width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
#banner1, .banner1 ul {overflow: hidden;}
.banner1 li {width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
.banner1 li:first-child {display: block;}
.banner1 li img {width:100%;display: block;position: relative;left: 50%;margin-left: -960px;top: 0; transition: all 3s ease-out; /*ease-out 减速、慢慢结束*/-webkit-transition: all 3s ease-out;}
.banner1 li:hover img{transform: scale(1.1); /*把图片放大1.5倍*/-webkit-transform: scale(1.1);}
#banner1 .tip {width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 42px;z-index: 3;}
#banner1 .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner1 .tip span.cur {background-position: -130px 0px;}
#banner1 #btn_prev, #banner #btn_next {width: 50px;height: 100px;position: absolute;top: 350px;z-index: 5;}
#banner1 #btn_prev {left: 3%;transition: all 600ms ease; background:url(../images/prev1.png); opacity: .4;}
#banner1 #btn_next {right: 3%;transition: all 600ms ease;  background:url(../images/next1.png);opacity: .4;}
#banner1 #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 4%;}
#banner1 #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 4%;}

/* body */
.index1{width:70%; margin:auto; overflow:hidden; padding-top:5rem;}
.index1 .txt{text-align:center; font-size:2.2rem; font-weight:bold;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content: space-between;margin:auto; overflow:hidden; margin-top:4rem;}
.index1 .bod dl{width:16%;overflow:hidden; padding-bottom:1rem; background:#FFF; margin-bottom:1rem;}
.index1 .bod dl dt{padding-bottom:100%; position:relative;}
.index1 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index1 .bod dl a{color:#333;}
.index1 .bod dl dd{margin-top:1rem; font-size:1.1rem; text-align:center; padding-left:1rem; padding-right:1rem;}
.index1 .bod dl p{ font-size:1.2rem; text-align:center;}
.index1 .bod dl p span{ font-size:1.6rem; color:#F00;}
.index1 .bod dl ul{font-size:1rem; text-align:center;}
.index1 .bod dl ul span{ font-size:1.4rem; color:#F00;}
.index1 .bod dl li{ font-size:1.2rem; width:60%; background:#eee; text-align:center; margin:auto; margin-top:0.6rem; padding:0.3rem 0rem;}

.sousuo{display: flex; flex-wrap:wrap; justify-content: space-between; font-size:16px; overflow:hidden; width:70%; margin:auto; padding-top:2rem;}
.sousuo dl{width:32%; border:#333 2px solid; height:50px; line-height:50px; overflow:hidden; text-align:center;}
.sousuo ul{width:32%;height:50px; line-height:50px; background:#333; color:#FFF; text-align:center;}

.index-txt{ text-align:center; width:60%; margin: auto; padding:5rem 0rem;}
.index-txt dt{ font-size:2.2rem; font-weight:bold;}
.index-txt dd{ font-size:1rem; margin-top:1rem; line-height:1.8rem; color:#666;}

.index2{margin-top:5rem;}
.index2 .bod{ width:100%; overflow:hidden; margin-bottom:4rem;}
.index2 .bod dl{width:49.5%; background:#999; float:left; margin-bottom:1%; margin-left:1%;}
.index2 .bod dl dt{padding-bottom:49%; position:relative;}
.index2 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index2 .bod dl dt ul{ position:absolute; top:0; right:0; left:0; bottom:0; display:flex; align-items:center; justify-content:center; font:24px; color:#FFF; transition:0.5s ease-in; border:rgba(255,255,255,0.3) 1px solid;}
.index2 .bod dl dt ul dd{ font-size:24px; text-align:center;}
.index2 .bod dl dt ul dd p{ font-size:16px; margin-top:10px;}
.index2 .bod dl dt ul:hover{ top:20px; right:20px; left:20px; bottom:20px; transition:0.5s ease-in; background:rgba(0,0,0,0.15); border:rgba(255,255,255,0.3) 1px solid;}
.index2 .bod dl:nth-child(1){margin-left:0px;}
.index2 .bod dl:nth-child(2n){margin-left:0px;}
.index2 .bod dl:nth-child(2){margin-left:1%;}
.index2 .bod dl:nth-child(1) dt{padding-bottom:100%;}

.index3{ margin-top:3rem; overflow:hidden;}
.index3 .bod{position:relative; color:#FFF;}
.index3 .bod dl{ position:absolute; top:0; right:0; left:0; bottom:0; display:flex; align-items:center; justify-content:center; text-align:center;}
.index3 .bod dl dt{font-size:2.2rem; font-weight:bold;}
.index3 .bod dl dd{ font-size:1.1rem; width:70%; margin:10rem auto; line-height:2rem;}
.index3 .bod dl p{ font-size:1.1rem; border-bottom:#FFF 2px solid; width:40px; padding-bottom:10px; margin:auto;}

.index4{margin-top:5rem; margin-bottom:6rem; overflow:hidden;}
.index4 .bod{ width:80%; overflow:hidden; margin-bottom:4rem; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.index4 .bod .ttpp{width:29%;margin-bottom:5%; }
.index4 .bod .ttpp .item{background:#999; overflow:hidden;}
.index4 .bod .ttpp .item .tupian{padding-bottom:130%; position:relative;}
.index4 .bod .ttpp .item .tupian .tu{ position:absolute; top:0; left:0; bottom:0; right:0; transition:0.6s ease-in;}
.index4 .bod .ttpp .item .tupian .tu img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .bod .ttpp .item .tupian .wen{ position:absolute; top:10%; right:0; left:0; transition:0.5s ease-in; text-align:center;}
.index4 .bod .ttpp .item .tupian .wen img{ width:80px;}
.index4 .bod .ttpp .item .tupian .an{ position:absolute; font-size:14px; right:0; left:0; bottom:10%; text-align:center; transition:0.2s ease-in; text-transform:uppercase; color:#000;}
.index4 .bod .ttpp .item:nth-child(3n){margin-right:0px;}
/*footer
.index4 .bod .ttpp .item:hover .tupian .tu{top:30px; left:30px; bottom:30px; right:30px; transition:0.6s ease-in; border:rgba(255,255,255,0.3) 1px solid;}
.index4 .bod .ttpp .item:hover .tupian .wen{ display:none; transition:0.2s ease-in;}
.index4 .bod .ttpp .item:hover .tupian .an{top:0; right:0; left:0; bottom:0; display:flex; align-items:center; justify-content:center; color:#FFF; transition:0.6s ease-in; text-transform:uppercase; font-size:24px; background:rgba(0,0,0,0.5);}
*/
.index4 .bod .ttpp .tuwen{ margin-top:50px; text-align:center;}
.index4 .bod .ttpp .tuwen dt{ font-size:20px; color:#666;}
.index4 .bod .ttpp .tuwen p{font-size:16px;  margin:auto; padding-top:30px; padding-bottom:5px; display:flex; align-items:center; justify-content:center;}
.index4 .bod .ttpp .tuwen p a{border-bottom:#666 2px solid; width:35px; margin:0px 10px;}

/*footer*/
.footer-bg{ width:100%; overflow:hidden; background:#444; padding:5rem 0rem; z-index:0;}
.footer{width:80%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.footer1{ width:29%;}
.footer1 .txt{ font-size:20px; color:#FFF; margin-bottom:30px;}
.footer1 .bod{ color:#FFF;}
.footer1 .bod dl{ margin-bottom:10px; color:#ccc; font-size:14px;}
.footer2{ width:40%; color:#ccc; display: flex; flex-wrap:wrap; justify-content: space-between;}
.footer2 dl{ width:33.3%; text-align:center;}
.footer2 dl dt{ font-size:16px; margin-bottom:20px;}
.footer2 dl dd{ margin-bottom:10px; color:#aaa;font-size:14px;}
.footer3{width:16%; color:#ccc;}
.footer3 dt{font-size:16px; margin-bottom:20px;}
.footer3 dd{ margin-bottom:10px; color:#aaa; line-height:24px; font-size:14px;}
.footer3 .youxiang{display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; margin-top:40px; overflow:hidden;}
.footer3 .youxiang form input{ border-bottom:#666 1px solid;font-size:14px; color:#666; padding-bottom:5px; padding-right:40px;}
.footer3 .youxiang form button{ background: none; border:none;}

/*******内页样式********/
.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; margin-bottom:-4px;}
.nybanner li img{width:100%; height:100%;}

.about-ny{width:80%; margin:auto;}
.about-ny .txt{text-align:center; font-size:18px; margin-top:7rem; color:#666; line-height:36px;}
.about-ny .video{ width:70%; margin:7rem auto;}
.about-ny .video video{width:100%;}
.about-ny .bod{ font-size:18px; line-height:30px; color:#666;}
.sheji{margin-top:10rem; width:100%;}
.sheji ul{position:relative; margin-bottom:4px;}
.sheji ul .wenan{ position:absolute; top:0; left:0; bottom:4px; right:0; color:#FFF; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3);}
.sheji ul .wenan dl{ text-align:center; width:750px; margin:auto; overflow:hidden;}
.sheji ul .wenan dl dt{font-size:42px;}
.sheji ul .wenan dl dd{ margin:6rem 0rem; font-size:16px; line-height:32px;}
.sheji ul .wenan dl p{ font-size:16px; width:40px; border-bottom:#FFF 2px solid; margin:auto; text-align:center; padding-top:3rem;}
.sheji li{ width:80%; margin:auto; text-align:center; margin-top:10rem; font-size:18px; color:#666; line-height:36px;}

.jieshao-bj{width:100%; background:#f5f5f5; overflow:hidden; margin-top:-10px; padding:5rem 0rem;}
.jieshao{ width:80%; margin:auto;}
.jieshao .txt{ width:1280px; margin:auto; text-align:center; font-size:18px; line-height:36px; color:#666;}
.jieshao .bod{ margin-top:5rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.jieshao .bod dl{ width:33%; text-align:center; font-size:22px;}
.jieshao .bod dl p{ font-size:100px; margin-top:30px;}

.ditu{width:80%; margin:auto; overflow:hidden;}
.ditu .txt{text-align:center; margin-top:6rem; font-size:30px;}
.ditu .txt p{ font-size:18px; margin-top:3rem;}
.ditu .bod{ margin-top:5rem;}

.lishi-bj{width:100%; margin:auto; overflow:hidden; margin-bottom:150px;}
.lishi-bj .txt{text-align:center; font-size:30px; width:70%; margin:auto; padding-top:6rem;}
.lishi-bj .txt p{ font-size:18px; margin-top:3rem; line-height:2rem;}
.lishi-bj .bod{ margin-top:5rem;}

.zhanting{ width:100%; overflow:hidden; margin-top:80px;}
.zhanting .txt{ width:70%; margin:auto; font-size:30px; text-align:center; padding-bottom:100px;}
.zhanting .txt p{font-size:18px; margin-top:3rem; line-height:40px;}
.zhanting dl{ margin-top:60px;}

.nysearch{width:80%;overflow: hidden; margin:auto; padding-top:100px; display:flex; align-items:center; justify-content:center;}
.nysearch form input{ border:#333 2px solid; width:400px; height:50px; padding-left:10px;}
.nysearch form button{ width:100px; height:54px; border:#333 2px solid; background:#333; color:#FFF; border-radius:10px; font-size:20px;}

.search-searchlist{width:80%; margin:auto; overflow:hidden; padding-bottom:10rem; z-index:999;}
.search-searchlist .bod{overflow:hidden;}
.search-searchlist .bod .item{ margin-top:3rem}
.search-searchlist .bod .item .tit{ text-align:center; font-size:3rem;}
.search-searchlist .bod .item .product{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:3rem;}
.search-searchlist .bod .item .product dl{width:17%; border:#ddd 1px solid; padding:1%; margin-bottom:1%;}
.search-searchlist .bod .item .product dl dt{position:relative; padding-bottom:100%;}
.search-searchlist .bod .item .product dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.search-searchlist .bod .item .product dl dd{ font-size:1.2rem; text-align:center; margin-top:1.2rem;}

.nybanner1 {width:100%;overflow: hidden;}
.nybanner1 li{position:relative; margin-bottom:-4px;}
.nybanner1 li img{width:100%; height:100%;}
.nybanner1 li .info{position: absolute; bottom:0; left:0; right:0; top:0; background:rgba(0,0,0,0.2); color:#fff; display:flex; align-items:center; justify-content:center;}
.nybanner1 li .info dl{text-align:center;}
.nybanner1 li .info dl dt{font-size:5rem; margin-bottom:15px;}
.nybanner1 li .info dl dd{ text-align:center;}
.nybanner1 li .info dl dd p{ margin-top:15px; line-height:30px; font-size:1.4rem;}
.nybanner1 li .info dl li{ width:40px; height:2px; background:#FFF; margin:auto; margin-top:30px;}

.nybanner2 {width:100%;overflow: hidden;}
.nybanner2 li{padding-bottom:45%; position:relative;margin-bottom:-4px;}
.nybanner2 li img{width:100%; height:100%;position:absolute; object-fit: cover;}
.nybanner2 li .info{position: absolute; bottom:0; left:0; right:0; top:0; background:rgba(0,0,0,0.2); color:#fff; display:flex; align-items:center; justify-content:center;}
.nybanner2 li .info dl{text-align:center;}
.nybanner2 li .info dl dt{font-size:5rem; margin-bottom:15px;}
.nybanner2 li .info dl dd{ text-align:center; position:absolute; left:0; right:0; bottom:50px;}
.nybanner2 li .info dl dd p{line-height:30px; font-size:1.4rem;}
.nybanner2 li .info dl li{ width:40px; height:2px; background:#FFF; margin:auto; margin-top:30px;}

.productlist{width:80%; margin:auto; overflow:hidden; padding-bottom:10rem; z-index:999;}
.productlist .txt{ text-align:center; font-size:4rem; padding-top:6rem;}
.productlist .txt p{ font-size:1.2rem; margin-top:10px;}
.productlist .topNav{position:relative; z-index:1; height:60px; line-height:60px; width:100%; margin:5rem auto; display: flex; justify-content: space-between;}
.productlist .topNav dl{position:relative; width:32%; border:#666 2px solid;}
.productlist .topNav dl h3{ font-size:20px; background: url(../images/icon.png) no-repeat right center;}
.productlist .topNav dl h3 a{display:inline-block; *display:inline; zoom:1; padding:0 20px;}
.productlist .topNav dl:hover{ background:#333; color:#FFF;}
.productlist .topNav dl ul{ display:none; /*默认隐藏*/ position:absolute; width:100%;  top:56px; left:0;  border:2px solid #333; border-top:0;  background:#eee; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); margin-left:-2px;}
.productlist .topNav dl ul li{line-height:50px; border-bottom: 1px solid #aaa;  }
.productlist .topNav dl ul li a{ display: block; color: #333; padding: 0 15px;  }
.productlist .topNav dl ul li a:hover{ background:#333; color:#fff;    }
.productlist .topNav dl ul li a span{ color:#FF8400; margin-left:5px;   }
.productlist .bod{margin-top:2rem; overflow:hidden;}
.productlist .bod .item{ margin-top:5rem}
.productlist .bod .item .tit{ text-align:center; font-size:2.5rem;}
.productlist .bod .item .product{display: flex; flex-wrap:wrap; margin-top:3rem;}
.productlist .bod .item .product dl{width:22%; border:#ddd 1px solid; padding:1%; margin-bottom:3%; margin-right:1%; float:left;}
.productlist .bod .item .product dl:nth-child(4n){ margin-right:0px;}
.productlist .bod .item .product dl dt{position:relative; padding-bottom:100%;}
.productlist .bod .item .product dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.productlist .bod .item .product dl dd{ font-size:1rem; text-align:center; margin-top:1.2rem;}
.xiazai{overflow:hidden; padding-top:4rem; width:80%; margin:auto; padding-bottom:8rem;}
.xiazai .biaoti{ font-size:1.6rem; border-bottom:#333 1px solid; padding-bottom:10px;}
.xiazai .mulu{}
.xiazai .mulu .item{border-bottom:#ccc 1px dashed; overflow:hidden; padding:1.5rem 0rem;}
.xiazai .mulu .item .fl{font-size:18px; line-height:24px;}
.xiazai .mulu .item .fl dl{float:left; display:flex; align-items:center;}
.xiazai .mulu .item .fl dl img{width:25px; margin-left:5px;}
.xiazai .mulu .item .fr dl {float:left; display:flex; align-items:center; font-size:16px;}
.xiazai .mulu .item .fr dl img{ margin-right:5px; width:25px; padding-top:5px;}

.feneli{overflow:hidden; display: flex; justify-content: space-between;}
.feneli dl{font-size:16px; border-top:#CCC 2px solid; width:13.8%; margin-top:3rem; text-align:center; padding-top:0.5rem; transition:0.5s ease-in;}
.feneli dl:hover{border-top:#F00 2px solid; transition:0.5s ease-in;}

.ppp{ overflow:hidden; height:120px; background:#000;}
.productt{overflow:hidden; width:80%; margin:auto; padding-bottom:100px; padding-top:100px;}
.productt .txt{font-size:2.4rem; text-align:center;}
.productt .txt p{font-size:1.4rem; text-transform:uppercase; margin-top:5px;}
.productt .chicun{margin-top:100px; width:100%;}
.productt .chicun dl{margin-bottom:40px; margin-right:40px;}
.productt .chicun dl dt img{border:#CCC 1px solid;}
.productt .chicun dl li{ font-size:16px; margin-top:10px;}
.productt .chicun dl dd{ font-size:16px;}
.p-bod{ margin-top:80px; margin-bottom:100px; overflow:hidden;}
.p-bod .tit{ font-size:2.5rem; text-align:center;}
.p-bod .tit p{ font-size:18px; width:72px; margin: 20px auto; border-bottom:#333 2px solid; padding-bottom:5px;}

.shenghuolist{width:80%; margin:auto; padding-top:8rem; overflow:hidden; padding-bottom:10rem; z-index:999;}
.shenghuolist .txt{ text-align:center; font-size:4rem;}
.shenghuolist .txt p{ font-size:1.2rem;}
.shenghuolist .topNav{position:relative; z-index:1; height:60px; line-height:60px; width:100%; margin:5rem auto; display: flex; justify-content: space-between;}
.shenghuolist .topNav dl{position:relative; width:32%; border:#666 2px solid;}
.shenghuolist .topNav dl h3{ font-size:20px; background: url(../images/icon.png) no-repeat right center;}
.shenghuolist .topNav dl h3 a{display:inline-block; *display:inline; zoom:1; padding:0 20px;}
.shenghuolist .topNav dl:hover{ background:#333; color:#FFF;}
.shenghuolist .topNav dl ul{ display:none; /*默认隐藏*/ position:absolute; width:100%;  top:56px; left:0;  border:2px solid #333; border-top:0;  background:#eee; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); margin-left:-2px;}
.shenghuolist .topNav dl ul li{line-height:50px; border-bottom: 1px solid #aaa;  }
.shenghuolist .topNav dl ul li a{ display: block; color: #333; padding: 0 15px;  }
.shenghuolist .topNav dl ul li a:hover{ background:#333; color:#fff;    }
.shenghuolist .topNav dl ul li a span{ color:#FF8400; margin-left:5px;   }
.shenghuolist .bod{margin-top:5rem; overflow:hidden;}
.shenghuolist .bod .item{ margin-top:5rem}
.shenghuolist .bod .item .tit{ text-align:center; font-size:2.5rem;}
.shenghuolist .bod .item .shenghuo{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:4rem;}
.shenghuolist .bod .item .shenghuo dl{width:33%; margin-bottom:0.5%;}
.shenghuolist .bod .item .shenghuo dl dt{position:relative; padding-bottom:65%;}
.shenghuolist .bod .item .shenghuo dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.shenghuolist .bod .item .shenghuo dl dd{ font-size:1.2rem; text-align:center; margin-top:1.2rem;}

.feneli1{overflow:hidden; display: flex; justify-content: space-between;}
.feneli1 dl{font-size:16px; border-top:#CCC 2px solid; width:12%; margin-top:3rem; text-align:center; padding-top:0.5rem; transition:0.5s ease-in;}
.feneli1 dl:hover{border-top:#F00 2px solid; transition:0.5s ease-in;}

.shenghuoo{overflow:hidden; width:80%; margin:auto; padding-top:200px; padding-bottom:100px;}
.shenghuoo .txt{font-size:4rem; text-align:center;}
.shenghuoo .txt p{font-size:2rem; text-transform:uppercase; margin-top:5px;}
.shenghuoo .chicun{margin-top:100px; width:100%; display: flex; flex-wrap:wrap;}
.shenghuoo .chicun dl{margin-bottom:40px; float:left; margin-right:40px;}
.shenghuoo .chicun dl dt img{border:#CCC 1px solid;}
.shenghuoo .chicun dl li{ font-size:18px; margin-top:10px;}
.shenghuoo .chicun dl dd{ font-size:18px;}

.shenghuo-video{ width:80%; margin:auto; overflow:hidden;}
.shenghuo-video .shipin{ margin-bottom:5rem; margin-top:8rem;}
.shenghuo-video .shipin video{width:100%; height:50%;}
.shenghuo-video .neirong{ font-size:16px; line-height:30px;}

.jiajulist{width:97%; margin:auto; padding-top:8rem; overflow:hidden; padding-bottom:10rem; z-index:999;}
.jiajulist .txt{ width:80%; margin:auto; text-align:center; font-size:18px; line-height:36px;}
.jiajulist .bod{margin-top:5rem; overflow:hidden;}
.jiajulist .bod .item{ margin-top:5rem}
.jiajulist .bod .item .tit{ text-align:center; font-size:3rem;}
.jiajulist .bod .item .shenghuo{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:4rem;}
.jiajulist .bod .item .shenghuo dl{width:32.3%; margin-bottom:3%;}
.jiajulist .bod .item .shenghuo dl dt{position:relative; padding-bottom:100%;}
.jiajulist .bod .item .shenghuo dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.jiajulist .bod .item .shenghuo dl dd{ font-size:1.2rem; text-align:center; margin-top:1.2rem;}

.jiaju{width:80%; margin:auto; overflow:hidden; padding-top:5rem;}
.jiaju .tutu{ width:800px; margin:auto;}
.jiaju .tutu img{width:100%;}
.jiaju .wenan{ padding-top:8rem; text-align:center; font-size:18px; line-height:36px;}

.list_image{width:92%; overflow:hidden; margin:30px auto; }
.list_image .bod{overflow:hidden; display: flex; flex-wrap:wrap; justify-content: center; width:100%;}
.list_image .bod dl{width:32%;overflow:hidden; margin-bottom:1.5%; margin-left:0.65%; margin-right:0.65%;}
.list_image .bod dl dt{padding-bottom:60%;position:relative;}
.list_image .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 5s ease-out; /*ease-out 减速、慢慢结束*/-webkit-transition: all 5s ease-out;}
.list_image .bod dl dt .infoo{position: absolute; top: 0; left: 0; right: 0; bottom:0; background: rgba(0,0,0,0.5); color: #fff; display:flex; align-items:center; justify-content:center; transform: translate(0,-100%); transition: 0.5s;}
.list_image .bod dl dt .infoo dl{text-align:center; font-size:20px;}
.list_image .bod dl dt .infoo dl p{ width:120px; margin:auto; padding:5px 0px; margin-top:15px; font-size:14px; background:#50acaf;}
.list_image .bod dl dt:hover .infoo{transform: translate(0,0);}
.list_image .bod dl:hover dt img{transform: scale(1.5); /*把图片放大1.5倍*/-webkit-transform: scale(1.5);}

.newslist{ width:80%; margin:auto; overflow:hidden; padding-bottom:70px;}
.newslist .txt{overflow:hidden; text-align:center; padding-top:8rem; padding-bottom:8rem; font-size:18px; line-height:36px;}
.newslist .bod{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.newslist .bod dl{width:31%; overflow:hidden; border:#CCC 1px solid; margin-bottom:3%;}
.newslist .bod dl dt{padding-bottom:65%; position:relative; overflow:hidden;}
.newslist .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 3s ease-out; /*ease-out 减速、慢慢结束*/-webkit-transition: all 3s ease-out;}
.newslist .bod dl:hover dt img{transform: scale(1.2); /*把图片放大1.5倍*/-webkit-transform: scale(1.2);}
.newslist .bod dl li{ font-size:16px;margin:0rem 15px;}
.newslist .bod dl dd{font-size:18px; margin-top:15px; margin-left:15px; margin-right:15px; margin-bottom:10px;}
.newslist .bod dl ul{background:url(../images/jiantou1.png) no-repeat center right;line-height:40px; width:95px; margin-left:15px; margin-right:15px; margin-bottom:15px; margin-top:10px;}
.newslist .bod dl:hover ul{background:url(../images/jiantou-1.png) no-repeat center right;}

.news{width:80%; margin:auto; padding-top:8rem; padding-bottom:8rem;}
.news .tutu{ width:100%; margin:auto;}
.news .tutu img{width:100%;}
.news .wenan{padding-top:8rem; text-align:center; font-size:18px; line-height:36px;}

.contact{width:80%;overflow: hidden; margin:auto; padding-bottom:8rem;}
.contact .txt{text-align:center; margin-top:6rem; font-size:2.2rem; }
.contact .txt p{ font-size:18px; margin-top:5rem; font-weight:100; line-height:36px; margin-bottom:6rem;}
.contact .txt dt{ font-size:2rem; font-weight:100;}
.contact .bod{ margin-top:6rem;}
.contact .bod .fl{width:50%; border-right:#CCC 1px solid;}
.contact .bod .fr{ width:49%;}
.contact .bod dl{ padding-left:100px;}
.contact .bod dt{ font-size:22px; margin-bottom:20px; font-weight:bold;}
.contact .bod dd{ font-size:16px; line-height:36px;}

.nycase {width:100%;overflow: hidden;}
.nycase li{position:relative; margin-bottom:-4px;}
.nycase li img{width:100%; height:100%;}
.nycase li .info{position: absolute; bottom:0; left:0; right:0; top:0; background:rgba(0,0,0,0.5); color:#fff; padding-top:500px;}
.nycase li .info dl{width:1200px; margin:auto; text-align:center;}
.nycase li .info dl dt{font-size:36px; margin-bottom:15px;}
.nycase li .info dl dt img{width:220px;margin-left:10px;}
.nycase li .info dl dd{text-align:center;}
.nycase li .info dl dd p{ margin-top:15px; line-height:30px; font-size:16px;}

.yidalilist{width:80%; margin:auto; overflow:hidden; padding-bottom:10rem; z-index:999;}
.yidalilist .txt{ text-align:center; font-size:18px; padding-top:8rem; line-height:36px;}
.yidalilist .txt p{ font-size:1.5rem;}
.yidalilist .bod{margin-top:4rem; overflow:hidden;}
.yidalilist .bod .item{ margin-top:4rem}
.yidalilist .bod .item .tit{ text-align:center; font-size:2.5rem;}
.yidalilist .bod .item .yidali{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:4rem;}
.yidalilist .bod .item .yidali dl{width:19%; margin-bottom:3%; border:#ddd 1px solid; padding-bottom:1.5rem;}
.yidalilist .bod .item .yidali dl dt{position:relative; padding-bottom:100%;}
.yidalilist .bod .item .yidali dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.yidalilist .bod .item .yidali dl dd{ font-size:1rem; text-align:center; margin-top:1.2rem;}
.yidalilist .bod .item .shenghuo{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:4rem;}
.yidalilist .bod .item .shenghuo dl{width:32.3%; margin-bottom:3%;}
.yidalilist .bod .item .shenghuo dl dt{position:relative; padding-bottom:65%;}
.yidalilist .bod .item .shenghuo dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.yidalilist .bod .item .shenghuo dl dd{ font-size:1.2rem; text-align:center; margin-top:1.2rem;}

/********.toolbar*********/
.toolbar {width: 50px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd {width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(../images/black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 50px;line-height: 50px;font-size: 20px;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.toolbar .pop {position: absolute;right: 90px;top: -51px;background: #1fb7a5;display: none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3 {height: 32px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: 0 -47px;}
.toolbar .qq a {width: 50px;height: 50px;cursor: pointer;display: block;}
.toolbar .qq:hover {background: #50acaf;}
.toolbar .tel span {background-position: 0 0;}
.toolbar .tel:hover {background: #50acaf;}
.toolbar .code span {background-position: 0 -95px;}
.toolbar .code:hover {background: #50acaf;}
.toolbar .top span {background-position: 0 -142px;}
.toolbar .top:hover {background: #50acaf;}

/*******font-face********/
@font-face {font-family: didot;src: url('../font/didot.eot');src: url('../fonts/didot.eot')format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/didot.woff') format('woff'), /* Modern Browsers */ url('../fonts/didot.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */}
/*↓组图样式↓*/
.HS10, .HS15 {overflow: hidden;clear: both;}
.HS10 {height: 10px;}
.HS15 {height: 15px;}
.Hidden {display: none;}
.Clearer {display: block;clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
.FlLeft {float: left;}
.FlRight {float: right;}

.clear{clear: both;}
.xiala{background: #121212; position: absolute; top:156px; left: 0; right: 0; z-index: 11;}
.xiala .bod{display: none;}
.xiala .item{ width:80%; margin:auto; padding-top:80px; padding-bottom:80px; overflow:hidden; display: flex; align-items: center;}
.xiala .item .fl{float:left; width:30%;}
.xiala .item .fl dl{font-size: 16px; color:#fff; margin-bottom:10px;}
.xiala .item .fr{color:#FFF; width:70%;}
.xiala .item .fr .tu{ overflow:hidden; display:flex; justify-content: space-between; flex-wrap:wrap;}
.xiala .item .fr .tu dl{width:32%;}
.xiala .item .fr .tu dl img{ width:100%;}
.xiala .item1{ width:80%; margin:auto; padding-top:80px; padding-bottom:80px; overflow:hidden; display: flex; align-items: center;}
.xiala .item1 .fl{float:left; width:30%;}
.xiala .item1 .fl dl{font-size: 18px; color:#fff; margin-bottom:10px;}
.xiala .item1 .fl ul{ margin-top:30px;}
.xiala .item1 .fl ul li{font-size: 16px; color:#999; margin-bottom:10px;}
.xiala .item1 .fr{color:#FFF; width:70%;}
.xiala .item1 .fr .fl{ width:60%; color:#FFF; margin-right:17%;}
.xiala .item1 .fr .fl li{ font-size:20px; margin-bottom:20px;}
.xiala .item1 .fr .fl dl{width:23.5%; float:left; margin-right:1.5%; position:relative; margin-bottom:5px;}
.xiala .item1 .fr .fl dl img{ width:100%;}
.xiala .item1 .fr .fl dt{position:absolute; font-size:1.2rem; top:0; left:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; background:rgba(255,255,255,0.2); color:#333; margin-bottom:4px;}
.xiala .item1 .fr .fr{ width:23%; color:#FFF;}
.xiala .item1 .fr .fr li{ font-size:20px; margin-bottom:20px;}
.xiala .item1 .fr .fr dl{position:relative;}
.xiala .item1 .fr .fr dl img{ width:100%;}
.xiala .item2{ width:80%; margin:auto; padding-top:80px; padding-bottom:80px; overflow:hidden; display: flex; align-items: center;}
.xiala .item2 .fl{float:left; width:20%;}
.xiala .item2 .fl ul{ margin-top:30px;}
.xiala .item2 .fl ul li{font-size: 16px; color:#999; margin-bottom:10px;}
.xiala .item2 .fr{color:#FFF; width:80%;}
.xiala .item2 .fr li{ font-size:20px; margin-bottom:20px;}
.xiala .item2 .fr dl{width:24%; float:left; margin-right:1%; position:relative; margin-bottom:10px;}
.xiala .item2 .fr dl img{ width:100%;}
.xiala .item2 .fr dt{position:absolute; font-size:1.4rem;top:0; left:0; right:0; bottom:0; display: flex;align-items: center; justify-content: center; background:rgba(0,0,0,0.3); color:#fff; margin-bottom:4px;}


.lang{position: relative;}
.lang div{text-align: center; position: absolute; top: 30px; left: 0; right: 0; z-index: 12; display: none;}
.lang div p{margin-top: 5px;}

.swiper2{position: relative;}

.header1{width:70%; font-size:16px; z-index:99999; display:flex; justify-content: space-between; margin: auto; padding-top:6rem;}
.header1 .dh1{position: relative; width:32%;}
.header1 .dh1111{position: relative; width:32%;}
.header1 .dh1 dl{font-size:1.1rem; color:#333; border:#666 2px solid; height:50px; line-height:50px; background:url(../images/icon.png) right center no-repeat;}
.header1 .dh1111 dl{font-size:1.1rem; color:#333; border:#666 2px solid; height:50px; line-height:50px; background:url(../images/icon.png) right center no-repeat;}
.header1 .dh1 dl a{ margin:0rem 1rem;}
.header1 .dh1111 dl a{ margin:0rem 1rem;}
.xiala1{position: absolute; left: 0; right: 0; z-index:99999; margin-top:-2px;}
.xiala1 .bod{display: none; margin-top:0px; background:#fff; overflow-y:scroll;height:280px; box-shadow:0 5px 20px -7px rgba(0,0,0,.15)}
.xiala1 .bod li{font-size:1.0rem; color:#333; border-top: none; background: none; height:40px; line-height:40px; padding-left:1rem;}

.header2{width:50%; font-size:16px; z-index:99999; display:flex; justify-content: space-between; margin:auto; padding-top:6rem;}
.header2 .dh2{position: relative; width:48.5%;}
.header2 .dh2 dl{font-size:1.1rem; color:#333; border:#666 2px solid; height:50px; line-height:50px; background:url(../images/icon.png) right center no-repeat;}
.header2 .dh2 dl a{ margin:0rem 1rem;}
.header2 .dh1111{width:48.5%;}
.header2 .dh1111 dl{font-size:1.1rem; color:#333; border:#666 2px solid; height:50px; line-height:50px; background:url(../images/icon.png) right center no-repeat;}
.header2 .dh1 dl a{ margin:0rem 1rem;}
.header2 .dh1111 dl a{ margin:0rem 1rem;}
.xiala2{position: absolute; left: 0; right: 0; z-index:99999; margin-top:-2px;}
.xiala2 .bod{display: none; margin-top:0px; background:#fff; overflow-y:scroll;height:280px; box-shadow:0 5px 20px -7px rgba(0,0,0,.15)}
.xiala2 .bod li{font-size:1.0rem; color:#333; border: none; background: none; height:40px; line-height:40px; padding-left:0.6rem;}

.header11{width:30%; font-size:16px; z-index:99999; display:flex; justify-content: space-between; margin: auto; padding-top:6rem;}
.header11 .dh11{position: relative; width:100%;}
.header11 .dh11 dl{font-size:1.1rem; color:#333; border:#666 2px solid; height:50px; line-height:50px; background:url(../images/icon.png) right center no-repeat;}
.header11 .dh11 dl a{ margin:0rem 1rem;}
.xiala11{position: absolute; left: 0; right: 0; z-index:99999; margin-top:-2px;}
.xiala11 .bod{display: none; margin-top:0px; background:#fff; overflow-y:scroll;height:280px; box-shadow:0 5px 20px -7px rgba(0,0,0,.15)}
.xiala11 .bod li{font-size:1.0rem; color:#333; border-top: none; background: none; height:40px; line-height:40px; padding-left:1rem;}