/* 
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2021.04.16  | 
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, figure, form, fieldset, legend, button, input, textarea, th, td, s { margin: 0; padding: 0; list-style: none }
body { font-family: "Microsoft YaHei", sans-serif; font-weight: 300; overflow-x: hidden; }
html, body { position: relative; }
h1, h2, h3, h4, h5, h6 { font-weight: 100; text-transform: capitalize }
button, input, select, textarea { font-size: 100%; outline: 0 }
a {
blr:expression(this.onFocus=this.blur()); color: #369; text-decoration: none }
.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden }
.clearfix { zoom: 1 }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
em, i { font-style: normal }
.none { display: none }
.block { display: block }
.inline { display: inline-block !important; margin-right: 10px; }
img { border: 0 }
table { border-collapse: collapse; border: 0; cellspacing: 0; cellpadding: 0 }
::selection { background: #ddd; color: #111 }
::-webkit-scrollbar {width:6px;height:6px}
::-webkit-scrollbar-track {border-radius:0;background: #fff;}
::-webkit-scrollbar-thumb {border-radius:0px;background: #333;}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {border-radius:0px;background: #666;}
.tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 40px; border-top: solid 1px #ccc; background: #fff; text-align: center; font-size: 13px; line-height: 40px }
.tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; height: 40px; color: red; text-align: center; font-weight: 400; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer }
span.spanleft, .news-list li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }/*超出的文字省略，要定义宽度*/
a, :after, :before, .swiperPic .prev, .swiperPic .next, .list .images, .list .images img, .list-li, .list .list-txt .name,#index-col5 .index-col5 ul li .txt { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:active { /*-webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);*/ }
/*图标字体*/
@font-face { font-family: 'iconfont';  /* project id 278253 Anxin通用图标  */ src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot'); src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff2') format('woff2'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff') format('woff'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.ttf') format('truetype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*字体*/
@font-face { font-family: 'YouSheBiaoTiHei'; font-style: normal; font-weight: 100; src: url('../font/YouSheBiaoTiHei.eot'); src: url('../font/YouSheBiaoTiHei.eot?#iefix') format('embedded-opentype'), url('../font/YouSheBiaoTiHei.woff') format('woff'), url('../font/YouSheBiaoTiHei.ttf') format('truetype'), url('../font/YouSheBiaoTiHei.svg#chantilly_lightregular') format('svg'); font-weight: normal; font-style: normal }
/*页面*/
body { background-color: #fff; }
.wrapper { margin: 0 auto; width: 1300px; position: relative; }
.text { padding: 0; }
.text, .text * { color: #666; font-size: 16px; font-weight: 400; line-height: 34px; word-wrap: break-word; }
.text img { max-width: 90%; margin: 15px 5%; display: block; }
.info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; font-weight: normal !important; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.info * { -webkit-box-orient: horizontal; width: auto; display: inline !important; padding: 0; margin: 0; font-weight: normal !important; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important }
.info img { display: none !important; opacity: 0; }
.flex { display: -webkit-box; display: -webkit-flex; display: flex; display: table \9; width: 100% \9 }
.flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: table-cell \9 }
.more { width: 148px; height: 52px; margin: 0 auto; overflow: hidden; }
.more a { font-size: 18px; font-weight: 400; line-height: 50px; color: #fff; background: #6979FF; border: 1px solid #5567ff; border-radius: 2px; display: block; text-align: center; position: relative; }
.more a:hover { background: #5567ff }
.place { padding: 30px 0; }
.place a { font-size: 15px; color: #444; }
.place .icon { font-size: 16px; margin: 0 10px; }
.place a:hover { color: #0146A0; text-decoration: underline; }
#header { width: 100%; height: 110px; padding-bottom: 40px; position: absolute; left: 0; top: 0; z-index: 10;background: linear-gradient(180deg, rgba(0, 0, 0, 0.692367) 0%, rgba(0, 0, 0, 0.0001) 100%); }
#header .wrapper { width: 90%; }
.logo { background: url(../images/logo.png) left center no-repeat; width: 160px; height: 70px; margin-top: 20px; }
.nav { text-align: right; font-size: 16px; font-weight: 300; line-height: 40px; margin-top: 35px; }
.nav a { color: #fff; margin-left: 40px; position: relative; }
.nav a:before { content: ""; width: 0; height: 2px; display: block; background: #fff; position: absolute; left: 50%; bottom: 0; margin-bottom: -15px }
.nav a.active, .nav a:hover, .nav a.active.cuf:hover { color: #fff; }
.nav a.active:before, .nav a:hover:before, .nav a.active.cuf:hover:before { width: 90%; left: 5%; }
.nav a.active.cuf { color: #fff }
.nav a.active.cuf:before { width: 0; left: 50% }
a.btn { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: 300; color: #fff; background-color: #009901; margin: 0 auto; }
a.btn:hover { background-color: #00b201; }
.title { padding: 40px 0 }
.title .t { font-size: 30px; font-weight: 600; color: #232323; letter-spacing: 1.5px; text-align: center;margin-bottom:15px;}
.title .p { font-size: 18px; font-weight: 300; color: #494949;width:73%; margin: 0 auto; text-align: center; line-height: 32px; text-transform: uppercase; }
/*******************************
  -------[=返回顶部-------
********************************/
.toTop { position: fixed; opacity: 1 !important; z-index: 9998; bottom: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; right: 0; -webkit-transform: translate3d(0, 0, 0); background-color: #888; cursor: pointer; display: none; *display: none !important
}
.toTop i { font-size: 26px; color: #fff; }
.toTop:hover { background: #17733B; }
.toTop:active { background: #17733B; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=图片切换-------
********************************/
.swiperPic { width: 100%; position: relative; }
.swiperPic .bd { position: relative; z-index: 0; }
.swiperPic .bd li { zoom: 1; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: cover; }
.swiperPic .hd { position: absolute; width: 100%; left: 0; bottom: 20px; }
.swiperPic .hd ul { position: relative; float: left; left: 50%; }
.swiperPic .hd ul li { position: relative; float: left; right: 50%; margin: 0 5px; text-indent: -90000px; background: none; width: 6px; height: 6px; border-radius: 50%; background: #999; cursor: pointer; }
.swiperPic .hd ul li.on, .swiperPic .hd ul li:hover { background: #009901; }
.swiperPic .prev, .swiperPic .next { position: absolute; left: 3%; top: 50%; margin-top: -18px; display: block; width: 36px; height: 36px; text-align: center; line-height: 50px; background: url(../images/prev.png) no-repeat; opacity: 0.5 }
.swiperPic .next { left: auto; right: 3%; background: url(../images/next.png) no-repeat; }
.swiperPic .prev:hover { opacity: 0.8 }
.swiperPic .next:hover { opacity: 0.8 }
/*******************************
  -------[=列表-------
********************************/
.verticalAlign { vertical-align: middle; display: inline-block; height: 100%; width: 1px; margin-left: -1px; }
.images { overflow: hidden; position: relative; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0; top: 0; }
.list .list-ul { margin-right: -40px; }
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left; margin: 0 75px 75px 0; position: relative; overflow: hidden; width: 350px; }
.list .list-li a { display: block; }
.list .list-li .images { padding-top: 85%; }
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.list .list-txt { padding: 10px 20px; position: relative; }
.list .list-txt .name { font-size: 22px; font-weight: 500; color: #000; text-align: center; line-height: 25px; margin: 15px 0 }
.list .list-li:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px) }
.list .list-li:hover .images img { }
.list .list-li:hover .list-txt .name { color: #17733B; letter-spacing: 1px; }
/*******************************
  -------[=切换-------
********************************/
.tab .hd { }
.tab .hd:after { content: ""; display: table; clear: both; }
.tab .hd ul { float: left; position: relative; left: 50% }
.tab .hd ul li { float: left; position: relative; right: 50%; margin: 0 15px;cursor: pointer;}
/*******************************
  -------[=select-------
********************************/
.select { position: relative; border: solid 1px #ddd; background: #fff; height: 30px; }
.select span.caret { background: url(../images/select-arrow.png) center center no-repeat; position: absolute; width: 11px; height: 7px; z-index: 2; right: 15px; top: 50%;; margin-top:-3.5px; }
.select .placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; line-height: 30px; font-size: 15px; padding: 0 15px; box-sizing: border-box; cursor: pointer; text-align: left }
.select.is-open ul { display: block; }
.select.is-open .arrow { transform: rotate(45deg); }
.select ul { display: none; position: absolute; z-index: 100; overflow: hidden; width: 100%; top: 100%; left: 0; margin: 0 0 0 -1px !important; padding: 0 !important; background: #ffffff; border: solid 1px #ddd; max-height: 240px; overflow-x: hidden; overflow-y: auto }
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; border-bottom: solid 1px #ddd; padding: 0 0 0 15px !important; text-align: left; font-size: 15px; line-height: 36px; font-weight: 400; }
.select ul li:hover { background: #f1f1f1; }
.select ul li a { color: #333; display: block; margin-left: -15px; padding-left: 15px; }
.select ul li.active a, .select ul li a:hover { background: #4771d8; color: #fff }
/*******************************
  -------[=页码-------
********************************/
.main-page { height: 100px; margin: 20px 0 0 0 }
.main-page ul li { float: left; margin-right: 10px; }
.main-page ul li a { border: 1px solid #EDEDED; width: 33px; height: 33px; text-align: center; line-height: 33px; font-size: 16px; font-weight: 300; color: #777; display: inline-block; border-radius: 2px; }
.main-page ul li a.active, .main-page ul li a:hover { border-color: #009901; color: #009901; }
.main-page ul li.btn { }
.main-page ul li.btn a { background: #F8F8F8; border: 0; width: 76px; color: #1c1c1c; text-transform: uppercase; border-radius: 2px; }
.main-page ul li.btn a:hover { background: #eee; color: #009901; }
.main-page ul li a.disabled { cursor: not-allowed; }
.main-page ul li a.disabled:hover { border-color: #EDEDED; color: #777; }
.main-page ul li.btn a.disabled:hover { background: #F8F8F8; color: #1c1c1c; }
/*******************************
  -------[=页面底部------
********************************/
#footer { background: #1B1B1B; width: 100%; padding-top: 80px; }
#footer #copyright { border-top: solid 1px #333; padding: 25px 0; margin-top: 60px; }
#footer #copyright p { font-size: 12px; font-weight: 400; color: #6B6B6D; line-height: 18px; }
#footer #copyright p a { color: #6B6B6D; }
#footer .footer-fl { width: 340px; }
#footer .footer-fl .logo {margin-bottom: 20px;margin-top:-20px;}
#footer .footer-fl .txt p { font-size: 14px; font-weight: 300; line-height: 30px; color: #fff; opacity: 0.8 }
#footer .sitemap { width: 900px; }
#footer .sitemap ul { display: table; width: 100%; }
#footer .sitemap ul li { display: table-cell; vertical-align: top; width: 200px; }
#footer .sitemap ul li:nth-last-child(1) {width: 100px; }
#footer .sitemap ul li h6 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
#footer .sitemap ul li h6 a{ color: #fff;  }
#footer .sitemap ul li p a { font-size: 14px; font-weight: 300; line-height: 36px; color: #fff; opacity: 0.6; margin-right: 15px;}
/*******************************
  -------[=弹窗------
********************************/
.fancybox-close { position: absolute; right: 15px; top: 15px; width: 12px; height: 12px; padding: 5px; background: #777; border-radius: 50%; cursor: pointer; }
.fancybox-close:hover, .fancybox-close:active { background: #da251d }
.fancybox-close:before, .fancybox-close:after { content: ""; display: block; width: 10px; height: 2px; background: #fff; display: block; position: absolute; top: 45% }
.fancybox-close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.fancybox-close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.fancybox-overlay-fixed { z-index: 999 }
.fancybox-skin { background: #ffffff !important; padding: 0 !important; }
.fancybox-skin, .fancybox-image, .fancybox-outer, .fancybox-inner { border-radius: 8px !important }
#fancybox-thumbs { top: auto !important; bottom: 10px !important; width: 100vw !important; overflow-x: scroll !important; }
.pop-window { width: 100%; position: relative; padding: 60px 0 0 0; }
.pop-window .header { position: fixed; z-index: 100; width: 94%; padding: 0 3%; left: 0; background: #fff; height: 60px; line-height: 60px; }
.pop-window .header { top: 0; font-size: 20px; font-weight: 300; color: #333; letter-spacing: 1.45px; border-bottom: 1px solid #F0F2F7; }
.pop-window .body { padding: 10px; }
/*******************************
  -------[=内页------
********************************/
.banner { width: 100%; height: 500px; position: relative; }
.banner img { width: 1920px; height: 500px; position: absolute; z-index: 1; left: 50%; top: 0; margin-left: -960px; }
.banner .txt { position: absolute; z-index: 10; left: 5%; top: 36%; width: 640px; }
.banner .txt .t { font-size: 42px; font-weight: 600; margin-bottom: 20px; color: #fff;letter-spacing: 2px; }
.banner .txt .p { font-size: 20px; font-weight: 300; line-height: 36px; color: #fff; }
#sub-nav{background: #FFFFFF;width:100%; height:80px; text-align: center; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);}
#sub-nav a{font-size: 16px;font-weight: 300;line-height: 80px;height: 80px; display: inline-block;  margin: 0 40px; color: #1C1C1C; position: relative;}
#sub-nav a:after{content:""; display:inline-block; width:0; height:2px; background:#17733B; position: absolute; left:50%; bottom:0;}
#sub-nav a.active,#sub-nav a:hover{color: #17733B;}
#sub-nav a.active:after,#sub-nav a:hover:after{width:100%; left:0;}
#main .wrapper{padding:80px 0;}
#main .wrapper .title{padding:0 0 80px 0;}
.table{width:100%; margin: 20px 0;}
.table th,.table td{border:solid 1px #ECEEF3;text-align: center; padding: 15px 20px;color:#333;font-size: 14px; font-weight: 300;}
.table th{background-color:#F9F9F9; font-size: 16px;}
/*家禽产品 服务项目 列表*/
.pro-list{display:flex; padding: 80px 0; border-bottom: solid 1px #ECECEC}
.pro-list:nth-child(1){margin-top:80px;}
.pro-list:nth-last-child(1){border-bottom: 0}
.pro-list .photo{width: 430px; height:290px;}
.pro-list .photo img{display:block; width: 100%; height:100%; object-fit:contain;}
.pro-list .txt{ padding-left: 60px;width: 810px;}
.pro-list .txt .t{font-size: 30px;font-weight: 600; line-height: 35px;color: #232323;}
.pro-list .txt .info{-webkit-line-clamp: 5; height: 170px; margin: 26px 0;}
.pro-list .txt .info,.list .txt .info *{font-size: 16px;font-weight: 300; line-height: 34px;}
.pro-list .txt .info *{display: inline-block !important}
.pro-list .txt a{font-size: 18px;font-weight: 400; line-height: 21px;color: #17733B; position: relative;}
.pro-list .txt a:after{content:"";display:inline-block; width:0; height:1px; position: absolute; left:0; bottom:0; background:#17733B; margin-bottom:-5px;}
.pro-list .txt a .iconfont{margin-left: 5px;}
.pro-list .txt a:hover:after{width:100%;}
/*详细*/
.detailed{display: flex }
.detailed .swiper{margin-right:40px; width: 600px;height:400px;overflow: hidden;}
.detailed .swiper img{width: 600px;height: 400px;object-fit: contain}
.detailed .swiper .hd ul li { width: 10px; height: 10px; border-radius: 50px; background: #fff; opacity: 0.5; z-index: 10; margin: 0 6px; }
.detailed .swiper .hd ul li.on, .detailed .swiper .hd ul li:hover { opacity: 1; }
.detailed .swiperPic .prev{background: url(../images/prev-black.png) no-repeat;}
.detailed .swiperPic .next{background: url(../images/prev-next.png) no-repeat;}
.detailed .txt{width: 660px;}
.detailed .txt * { font-size: 18px; font-weight: 400; line-height: 49px; color: #494949; display: flex }

/*战略定位*/
.strategic {}
.strategic img {object-fit: cover;}
.strategic .header{padding:0 0 50px 0; font-size: 24px; font-weight: 500;line-height: 46px;color: #232323;}
.strategic .list.flex{margin-right:-40px; margin-bottom: 50px;}
.strategic .list.flex .flex-item{padding-right:40px;}
.strategic .list.flex .flex-item img{width: 630px;height: 420px; }
.strategic .list.flex .flex-item .txt h5 { font-size: 24px; font-weight: 600; color: #232323; margin-bottom: 20px; }
.strategic .list.flex .flex-item .txt h6 { font-size: 18px; font-weight: 300; color: #494949; }
.strategic .list.flex .flex-item .txt h6:after { content: ""; display: block; width: 50px; height: 2px; background: #17733B; margin: 30px 0 20px 0; }
.strategic .list.flex .flex-item .txt p { font-size: 18px; font-weight: 400; line-height: 49px; color: #494949; display: flex }
.strategic .list.flex .flex-item .txt p span { color: #151515; float: left; display: block; text-overflow: ellipsis; white-space: nowrap; }
.strategic .list.flex .flex-item .txt.txt-vertical p{float:right;color:#000; width: 23px; margin: 0 20px; line-height: 1.25; display: inline-block; }
.strategic .list.flex .flex-item .txt.txt-vertical p span{display: inline-block;width:15px; height:30px; }
.strategic .photo.flex{margin-right:-20px;}
.strategic .photo.flex .flex-item{padding-right:20px;}
.strategic .photo.flex .flex-item img{width:420px;height: 320px;}
.strategic.strategic2 .header{text-align: center;}
.strategic.strategic3 .list.flex .flex-item .txt h5{margin-top: 50px; margin-bottom: 15px;}
.strategic.strategic3 .list.flex .flex-item .txt h5:first-child{margin-top: 0px;}
.strategic.strategic3 .list.flex .flex-item .txt p { line-height: 32px;}
.strategic.strategic4{}
.strategic.strategic5 .list.flex .flex-item .txt h6 { font-size: 24px;margin-top: 30px;}
.strategic.strategic5 .list.flex .flex-item .txt h6:firs-child {margin-top: 0px;}
.strategic.strategic5 .list.flex .flex-item img{ margin-bottom: 40px;}
.strategic.strategic6 .header{text-align: center;}
.strategic.strategic6 img{display:block; margin:20px auto; }
.strategic.strategic7 .list.flex .flex-item .txt h6 { font-size: 24px;margin-top: 30px;}
.strategic.strategic7 .list.flex .flex-item .txt h6:firs-child {margin-top: 0px;}
.strategic.strategic7 .list.flex .flex-item img{width: 540px;height: 540px; float:right; }
.strategic.strategic8 img{display:block; margin:20px auto; }
/*发展规划*/
#main .development {}
.development:after{content:""; width:100%; height:1px; background: #ECECEC; display:block;}
.development:nth-last-child(1):after{display: none;}
.development img {object-fit: cover;}
.development .list.flex{margin-right:-40px;}
.development .list.flex .flex-item{padding-right:40px;}
.development .development-left{width: 630px;height: auto; }
.development .list.flex .flex-item .txt h5 { font-size: 24px; font-weight: 600; color: #232323; margin-bottom: 20px; }
.development .list.flex .flex-item .txt h6 { font-size: 18px; font-weight: 300; color: #494949; }
.development .list.flex .flex-item .txt h6:after { content: ""; display: block; width: 50px; height: 2px; background: #17733B; margin: 30px 0 20px 0; }
.development .list.flex .flex-item .txt p { font-size: 16px; font-weight: 400; line-height: 40px; color: #494949;}
.photo-list{ margin-top: 20px;}
.photo-list ul{margin-right:-40px;}
.photo-list ul li{float:left;margin:0 40px 20px 0; width: 183px;}
.photo-list ul li img{width: 100%;display:block;height: 150px; object-fit: cover;}
.photo-list ul li p{background: #F4F4F4; text-align: center;font-size: 16px; font-weight: 400; line-height: 40px; color: #494949; }
.photo-list ul.parts-two li{width:295px;}
.item-txt{}
.item-txt ul li{float:left; width:50%;font-size: 24px; font-weight: 600; color:#232323; position: relative; padding:50px 0 0 70px; box-sizing: border-box; height: 150px;}
.item-txt ul li span{display:block; font-size: 16px; font-weight: 200; color:#666;text-transform: capitalize; }
.item-txt ul li i{font-family:Arial;font-size: 50px;font-weight: 600; line-height: 59px;color:#494949; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); opacity: 0.5;position: absolute; left:0; top:50px;text-align: right;width: 50px;display:block;}
.map-sketch{margin-top:40px;}
.map-sketch p{font-size:18px; font-weight: 300; color:#494949; line-height: 30px;height:30px; margin-bottom: 15px;}
.map-sketch p:after{content:""; display:table; clear:both;}
.map-sketch p span{display:block; float:left; width:100px; height: 14px; margin:8px 12px 8px 0; }
/*建设运营*/
.construction{}
.construction img{display:block; max-width:100%; object-fit: cover;}
.construction .list.flex{margin:80px -40px 80px 0;}
.construction .list.flex .flex-item{padding-right:40px;}
.construction .list.flex .flex-item img{width: 630px;height: auto; margin-bottom: 40px }
.construction .list.flex .flex-item .txt {margin-bottom: 55px; }
.construction .list.flex .flex-item .txt h5 { font-size: 24px; font-weight: 600; color: #232323; margin-bottom: 20px; }
.construction .list.flex .flex-item .txt h6 { font-size: 18px; font-weight: 300; color: #494949; }
.construction .list.flex .flex-item .txt h6:after { content: ""; display: block; width: 50px; height: 2px; background: #17733B; margin: 30px 0 20px 0; }
.construction .list.flex .flex-item .txt p { font-size: 16px; font-weight: 400; line-height: 40px; color: #494949;}
#main .wrapper .construction .title{padding:80px 0}
.construction2{ margin-bottom: 50px;}
.construction2 ul{margin-right:-40px;}
.construction2 ul li{ border: 1px solid #17733B;box-shadow: 0px 2px 10px rgba(21, 87, 153, 0.08);width: 570px;height: 110px; overflow: hidden; padding: 29px;float:left; margin: 0 40px 40px 0; position: relative;}
.construction2 ul li:before{content:""; display:block;position: absolute; left:0; top:0; width:6px; height:100%; background:#17733B;}
.construction2 ul li .t{ font-size: 24px; font-weight: 400; color: #232323; margin-bottom: 20px;}
.construction2 ul li .p{ font-size: 16px; font-weight: 400; color: #494949; line-height: 30px;}
/*线下门店*/
.store{}
.store .left{width:320px;}
.store .left .select{height:44px;border:0; border-bottom:solid 1px #eee; margin-bottom: 20px;}
.store .left .select span.caret{ background: none; top:0; margin-top:0;}
.store .left .select .placeholder{padding:0; font-size:16px;color:#666;}
.store .left .select span.caret .iconfont{font-size: 22px;line-height: 44px;color: #999999;}
.store .left .select .placeholder{line-height: 44px;}
.store .left .select ul{padding: 10px !important; width: 298px;}
.store .left .select ul:after{content:""; display:table; clear:both;}
.store .left .select ul li{display:inline-block; padding: 8px !important;border:0;  width: auto !important; line-height: 20px;}
#area-wrap{width: 320px; height: 44px; margin-bottom: 20px;border-bottom:solid 1px #eee;}
#area-wrap #box { width: 100%; height: 44px; color: #999999; cursor: pointer; position: relative;}
#area-wrap #totalConfirm { z-index: -9999; opacity: 0; width: 100%; height: 42px; position: absolute; outline: none; left: 0; top: 0; }
#area-wrap .text { line-height: 42px; }
#area-wrap .icon-arrow-down,#area-wrap .icon-arrow-up { position: absolute; right: 0px; font-size: 22px; line-height: 42px; color: #999999; }
#area-wrap #content { width: 100%; display: none; border-top: none; position: relative; z-index: 101; }
#area-wrap .chosePCA { width: 80px; height: 40px; display: inline-block; font-size: 18px; line-height: 40px; text-align: center; float: left; cursor: pointer; }
#area-wrap .province-list, .city-list, .area-list { position: absolute; width: 100%; box-sizing: border-box; min-height: 10px; padding: 10px; left: 0; top: 40px; }
#area-wrap .chosePCA.active { background-color: #fff; color: #17733B; border-bottom: none; }
#area-wrap #content li { font-size: 14px; display: inline-block; padding: 8px; line-height: normal; cursor: pointer; color: black; }
#area-wrap #content li:hover { background-color: #f8f8f8; color: #17733B; border-radius: 4px; }
#area-wrap .chose-tab { width: 100%; height: 40px; background-color: #f0f0f0; clear: both;border: 1px solid #eee;border-bottom:0; }
#area-wrap .chosePCA > ul { border: 1px solid #eee; background: #fff; border-top: none; font-size: 18px; line-height: 20px; text-align: left; cursor: auto; }
#area-wrap .textProvince:hover, #area-wrap .textArea:hover, #area-wrap .textCity:hover { background-color: #bcd5e7; }
.store-list{height: 470px; overflow-x: hidden; overflow-y:auto;}
.store-list .item{display:block; margin-bottom: 15px; position: relative; padding-left: 80px;height: 68px;}
.store-list .item img{display:block; width:68px; height:68px; object-fit: cover; border-radius: 4px; position: absolute; left:0; top:0;}
.store-list .item span{display:block; font-weight: 300;overflow: hidden;}
.store-list .item span.name{color:#333;font-size: 16px;line-height: 28px; height: 28px;}
.store-list .item span.add{color:#666;font-size: 14px;line-height: 20px; height: 40px; }
.store .right{width:940px;}
.store .right #container{width:100%;height: 600px;}
/*关于我们*/
.aboutus{position:relative;}
.aboutus .t{position:absolute;left:0; width:360px;}
.aboutus .t:before {content:""; display:inline-block; width:30px; height:1px; background: #979797;float:left; margin: 15px 0 0 0;}
.aboutus .t .en { font-size: 18px; font-weight: 400; color: #838383; padding-left: 40px; margin-bottom: 15px;text-transform: capitalize;}
.aboutus .t	.cn { font-size: 36px; font-weight: 600; color: #000; line-height: 52px; padding-left: 40px; position: relative;}
.aboutus .t	.logo {  padding-left: 40px;margin-top: 50px;}
.aboutus .text{width: 900px; margin-left: 400px;}
.aboutus .flex{margin:120px 0 60px 0;}
.aboutus .flex-item img{display:block; margin:15px auto;}
.aboutus .flex-item p{ margin: 20px;font-size: 16px;font-weight: 500;color: #333333;line-height: 26px;text-align: center;}
.aboutus .flex-item a{font-size: 14px;font-weight: 500;color: #00AAFF;line-height: 30px;display: block; text-align: center;}
.popup-wechat{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2000000, endColorstr=#d2000000);}
.popup-wechat img{position: absolute;top: 50%;left: 50%;margin:-100px 0 0 -100px;width:200px; height:200px;}
.popup-wechat .closeWechat{ position: absolute; left:50%; top: 50%; margin: -140px 0 0 140px; width: 20px; height: 20px; padding: 5px; border: solid 1px #fff; border-radius: 50%; cursor: pointer; }
.popup-wechat .closeWechat:before,.popup-wechat .closeWechat:after{content:"";display: block; width: 20px; height: 1px; background: #fff; display: block; position: absolute; top: 50%}
.popup-wechat .closeWechat:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.popup-wechat .closeWechat:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
/*******************************
  -------[=首页------
********************************/
.swiperPic.index-banner { width: 100%; position: relative; }
.swiperPic.index-banner .txt { position: absolute; z-index: 10; left: 5%; top: 36%; width: 50% }
.swiperPic.index-banner .txt .t { font-size: 42px; font-weight: 600; margin-bottom: 20px; color: #fff; }
.swiperPic.index-banner .txt .p { font-size: 20px; font-weight: 300; line-height: 36px; color: #fff; }
.swiperPic.index-banner .txt .btn {width: 142px; height: 46px; border-radius: 23px; text-align: center;font-size: 16px; line-height: 46px; font-weight: 300;color: #494949; background:#fff;margin-top:10vw}
.swiperPic.index-banner .txt .btn img{diaplay:inline-block; margin:5px 0 -2px 8px;}
.swiperPic.index-banner .txt .btn a{color:#494949;}
.swiperPic.index-banner, .swiperPic.index-banner .bd li { width: 100%; position: relative; }
.swiperPic.index-banner .bd li img { display: block; width: 100% }
.swiperPic.index-banner .prev, .swiperPic.index-banner .next { left: auto; right: 5%; top: auto; bottom: 20%; }
.swiperPic.index-banner .prev { margin-right: 56px; }
.swiperPic.index-banner .hd { bottom: 10px; height: 20px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 1; cursor: pointer; }
.swiperPic.index-banner .hd li { background: rgba(255,255,255,0.20); display: inline-block; width: 50px; height: 2px; margin: 0 10px; border-radius: 0 }
.swiperPic.index-banner .hd li.on, .swiperPic.index-banner .hd li:hover { background: rgba(255,255,255,1); }
#index-col1 { padding: 120px 0 150px 0; background-color: #fff }
#index-col1 .title { margin-bottom: 120px; }
#index-col1 .index-col1.list { }
#index-col1 .index-col1.list .list-ul { margin-right: -20px; }
#index-col1 .index-col1.list .list-li { width: 244px; margin: 0 20px 0 0; background-color: #f4f4f4; border-radius: 10px; }
#index-col1 .index-col1.list .list-li .images { padding-top: 420px; border-radius: 10px; overflow: hidden; background-size: contain; }
#index-col1 .index-col1.list .list-txt { position: absolute; width: 100%; top: 0; left: 0; padding-left: 0; padding-right: 0 }
#index-col1 .index-col1.list .list-txt .name { font-size: 26px; font-weight: 600; color: #232323; text-align: center; }
#index-col2 { background-color: #F9F9F9; display: table }
#index-col2 .img, #index-col2 .txt { display: table-cell; vertical-align: middle; }
#index-col2 .img { width: 45%; }
#index-col2 .img img { diaplay: block; width: 100%; height: 100%; object-fit: cover; }
#index-col2 .txt { padding: 30px 4.5%; }
#index-col2 .txt .t { font-size: 36px; font-weight: 600; color: #232323; margin-bottom: 20px; }
#index-col2 .txt .text{overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 11; }
#index-col2 .txt .text p { font-size: 18px; font-weight: 300; color: #494949; line-height: 36px; }
#index-col3 { padding: 100px 0 80px 0; background: #fff; }
#index-col3 .parHd.hd { margin: 20px 0 50px 0 }
#index-col3 .parHd.hd ul li { font-size: 20px; font-weight: 400; color: #1C1C1C; cursor: pointer; padding: 8px 12px; border: solid 1px #fff }
#index-col3 .parHd.hd ul li.on { color: #004f07; border-color: #d6e6dc }
#index-col3 .parBd.bd { border: 1px solid #ECECEC; padding: 29px; display: table; }
#index-col3 .parBd.bd .txt, #index-col3 .parBd.bd .ind-swiper { display: table-cell; vertical-align: top; }
#index-col3 .parBd.bd .txt { width: 470px; padding:0 30px 30px 0; position: relative; height: 490px;}
#index-col3 .parBd.bd .txt h5 { font-size: 24px; font-weight: 600; color: #232323; margin-bottom: 20px; }
#index-col3 .parBd.bd .txt h6 { font-size: 18px; font-weight: 300; color: #494949; }
#index-col3 .parBd.bd .txt h6:after { content: ""; display: block; width: 50px; height: 2px; background: #17733B; margin: 30px 0 20px 0; }
#index-col3 .parBd.bd .txt .info{-webkit-line-clamp: 7;}
#index-col3 .parBd.bd .txt .info *{font-size: 18px; font-weight: 400; line-height: 49px; color: #494949;display: inline-block !important}
#index-col3 .parBd.bd .txt a { font-size:18px; font-weight: 300; color:#17733B;line-height: 30px; height: 30px; position: absolute; left: 0; bottom:0;}
#index-col3 .parBd.bd .txt a .icon{margin-left:6px;}
#index-col3 .parBd.bd .ind-swiper { width: 740px; height: 520px; }
#index-col3 .parBd.bd .ind-swiper.swiperPic .hd ul li { width: 10px; height: 10px; border-radius: 50px; background: #fff; opacity: 0.5; z-index: 10; margin: 0 6px; }
#index-col3 .parBd.bd .ind-swiper.swiperPic .hd ul li.on, #index-col3 .parBd.bd .ind-swiper.swiperPic .hd ul li:hover { opacity: 1; }
#index-col3 .parBd.bd .ind-swiper .ind-swiper-list img { width: 740px; height: 520px; object-fit: cover; }
#index-col4 { padding: 50px 0 100px 0; background: #F9F9F9; }
#index-col4 .index-col4 { background: #fff; box-shadow: 0 4px 10px 5px rgba(0,0,0,0.05);margin-top:20px; }
#index-col4 .index-col4 .hd{border-bottom:solid 1px #ECECEC}
#index-col4 .index-col4 .hd ul li{font-size: 20px;font-weight: 400; color: #1C1C1C;height: 80px; line-height: 80px; position:relative; padding: 0 30px; margin: 0 50px;}
#index-col4 .index-col4 .hd ul li:after{content:""; display:block; position: absolute; left:50%; bottom:0; width:0; height:2px; background:#17733B;}
#index-col4 .index-col4 .hd ul li.on:after{width: 100%; left:0;}
#index-col4 .index-col4 .bd{padding:30px;}
#index-col4 .index-col4 .bd .list img{display:block; width:100%; height:100%;object-fit: cover;}
#index-col4 .index-col4 .bd .list .first{float:left;width: 315px; height: 416px;}
#index-col4 .index-col4 .bd .list .right{}
#index-col4 .index-col4 .bd .list .right ul{margin-bottom: -20px;}
#index-col4 .index-col4 .bd .list .right ul li{float:left;width: 285px; height: 200px;margin: 0 0 20px 20px;}
#index-col4 .index-col4 .bd .list .right ul li img{height: 160px;}
#index-col4 .index-col4 .bd .list .right ul li p{background:#F4F4F4; height: 40px;font-size: 14px;font-weight: 300;color: #333333;text-align: center; line-height: 40px;}
#index-col5 { padding: 50px 0; background: url(../images/index-col5.png?v=1) center center no-repeat; height: 900px;background-size:cover;}
#index-col5 .title .t, #index-col5 .title .p { color: #fff; }
#index-col5 .index-col5 {margin-top:50px;}
#index-col5 .index-col5 ul li { float: left; width: 430px; height: 310px; overflow: hidden; position: relative; }
#index-col5 .index-col5 ul li.middle {width: 440px; }
#index-col5 .index-col5 ul li img { display: block;width: 100%; height:100%; object-fit:cover; }
#index-col5 .index-col5 ul li .txt { position: absolute; left: 45px; right: 45px; borrom: 40px; top: 220px; width: 310px; }
#index-col5 .index-col5 ul li .txt h5 { font-family: YouSheBiaoTiHei; font-size: 30px; text-align: center; color: #fff; margin-bottom: 20px; }
#index-col5 .index-col5 ul li .txt p { font-size: 16px; font-weight: 300; color: #FFFFFF; letter-spacing: 0; line-height: 34px; opacity: 0; }
#index-col5 .index-col5 ul li:hover .txt { top: 45px; }
#index-col5 .index-col5 ul li:hover .txt p { opacity: 1 }
#index-col6 { padding: 50px 0 0 0; background: #fff;}
#index-col6 #container {width:100%; height:660px;}
#index-col6 #container #form{width: 420px; height: 360px;background: #fff; position: absolute; z-index: 200; top:50%; margin-top:-180px; right:50%; margin-right:-650px;}
#index-col6 #container #form .form{padding:50px;}
#form .form ul li{margin-bottom: 20px;}
#form .form ul li label{font-size: 16px;font-weight: 400;color: #1C1C1C;display: block; margin-bottom: 15px;}
#form .form ul li input,#form .form ul li .select{height:48px; padding: 0 14px;width:290px; font-size: 15px; color:#333; line-height: 48px; border: 1px solid #D9D9D9;}
#form .form ul li input::placeholder {font-size: 14px;color: #1C1C1C; opacity: 0.6}
#form .form ul li  input.submin{background:#17733B; text-align: center; width:320px; border: 0;font-size:16px; font-weight: 300; color:#fff;cursor: pointer;}
#form .form ul li .select .placeholder{line-height:48px;}
#form .form ul li .select ul li{line-height:48px;padding: 0 20px!important; margin: 0 !important}
#form .form ul li .select.is-open ul{max-height:300px !important}

#index-col6 .amap-icon{text-indent:-500px; background:#000; width: 30px !important; height:30px !important;border-radius: 50%; background: url(../images/logo-2.png) center center no-repeat #17733B; padding: 6px;background-size:70% auto;box-shadow: 0 2px 5px 2px rgba(0,0,0,0.1);}
#index-col6 .amap-icon img{display:none; opacity: 0;}