@import url(ui.css);
@import url(iconfont.css);
@import url(swiper.min.css);

*{ margin:0; padding: 0; outline: none; box-sizing: border-box; }
body{font-family:Arial, 'microsoft yahei'; background: #FFF; color: #282828; font-size: 14px;}

a{ color: #282828; text-decoration:none}
a:hover{ color:#e6001a; }
.container{margin:0 auto; width: 100%; max-width: 1200px; position: relative;}
.w1370{margin:0 auto; width: 100%; max-width: 1370px; position: relative;}

.m-header{ display: none; background: #FFF; position: fixed; left: 0; top:0; z-index: 999; width: 100%; padding: 0 15px;  justify-content: space-between; align-items: center; height: 60px; }
.m-header .logo{font-size:0;text-align:left; padding: 5px 0; height: 100%; }
.m-header .menu-btn i{ font-size: 32px; }

.m-nav{ position: fixed; right:0; top:-100%; width:100%; height: 100vh; background: #333; transition: 0.5s; z-index: 998 }
.m-nav ul{ padding: 25px; }
.m-nav li{ position: relative; }
.m-nav li>a{ display: block; line-height: 50px; font-size: 16px; color: #FFF; }
.m-nav li i{float: right; cursor: pointer; position: relative; top:15px; color: #FFF; font-size: 20px;}
.m-nav.cur{ top:60px; }
.m-nav-box{ display: none;}
.m-nav-box p a{ font-size: 16px; color: #FFF; padding-left: 30px; display: block; line-height: 40px; }
.m-nav li.open i{ transform: rotate(90deg); }
.m-nav li.open .m-nav-box{ display: block; }

.header{ background: #FFF; box-shadow:0 0 10px rgba(0,0,0,0.1); height: 100px; padding:0 30px; transition: 0.5s; display: flex; justify-content: space-between; align-items: center; position: fixed; left: 0; top:0; width: 100%; z-index: 999;}
.header-fix{ height: 65px; }
.header .logo{font-size:0;text-align:left; padding: 5px; }
.header .nav{ font-size:0; }
.header .nav li{display:inline-block;vertical-align:middle}
.header .nav li a{display:block; font-size:16px; line-height:65px; padding: 0 15px; margin:0 15px; color: #010103; position: relative;}
.header .nav li a:before{  position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 0; height: 5px; background: #e6001a; content: ''; transition: 0.5s; }
.header .nav li>a:hover{ color: #e6001a;  }
.header .nav li>a:hover::before{ width: 100% }
.header .dropdown-box{ position: absolute; left: 0; top:100%; width: 100%; padding:15px 15px 30px; background: #FFF; display: none;}
.header .dropdown-box-left{ float: left; width: 25%; text-align: center; }
.header .dropdown-box-left h2{ font-size: 36px; color: #333; font-weight: normal; height: 170px; border-bottom: 1px dashed #cccccc; }
.header .dropdown-box-left .btns i{ margin-left: 35px; }
.header .dropdown-box-right{ margin-left: 27%; display: flex; border-left: 1px solid #ddd;  padding: 15px;  }
.header .dropdown-box-right dt{ flex:1; }
.header .dropdown-box-right dt a{ display: block; padding:0; text-align: center; position: relative; border-bottom: 3px solid transparent; }
.header .dropdown-box-right dt a:hover{ border-bottom: 3px solid #e6001a; color: #e6001a; }
.header .dropdown-box-right dt .text{ margin-top: -10px; }
.header .tel a{ display: flex; align-items: center; font-weight: bold; font-size: 24px; color: #666;  }
.header .tel i{ margin-right: 4px; }

.banner{ width: 100%; position: relative; height: 800px;}
.banner .swiper-button-prev{ width: 50px; height: 50px; border-radius: 50%; background-size: 30%; background-color: rgba(0,0,0,0.5); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-next{ width: 50px; height: 50px; border-radius: 50%; background-size: 30%; background-color: rgba(0,0,0,0.5); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-pagination-bullets{ bottom: 20px; }
.banner .swiper-pagination-bullet{ background:#c6c6c6; width: 6px; height: 6px; opacity: 1; position: relative; margin:0 10px!important;}
.banner .swiper-pagination-bullet:before{ position: absolute; left: 50%; top:50%; width: 14px; height: 14px; border:1px solid #FFF; transform: translate(-50%,-50%); content:''; }
.banner .swiper-pagination-bullet-active{ background:#FFF;  }

.banner .swiper-slide{background: no-repeat center / cover;}

.section{ padding:60px 0; }
.section-title{ text-align: center; margin-bottom: 30px; }
.section-title strong{ font-size: 36px; font-weight: normal; position: relative; padding-bottom: 15px; }
.section-title strong:before{ position: absolute; left: 50%; bottom: 0; margin-left: -30px; width: 60px; height: 4px; background-image: linear-gradient(to right, #f7ab00 , #e60019); content:'';  }
.section-title p{ font-size: 16px;  margin-top: 25px; }
.section-title2{ color: #FFF; }

.in-pro-left{ float: left; width: 260px; }
.in-pro-right{ margin-left: 285px; }
.in-pro-right ul{margin:0 0 0 -20px; }
.in-pro-right li a{ display: block; text-align: center; font-size: 16px; margin:0 0 20px 20px; border:1px solid #bbb; }
.in-pro-right li .img-cover{ padding-top: 88%; }
.in-pro-right li .text{ line-height: 50px; }
.in-pro-right li a:hover{ border-color: #e60019; }
.in-pro-right li a:hover .img-cover span{ transform: scale(1.1); }

.in-yy-right{ float: right; width: 50%; display: flex; }
.in-yy-right .text{ padding:100px 0 0 100px; width: 750px;  }
.in-yy-right .text .tits{ margin-bottom: 30px; }
.in-yy-right .text .tits h2{ font-size: 36px; font-weight: normal; position: relative; padding-bottom: 15px; }
.in-yy-right .text .tits h2:before{ position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background-image: linear-gradient(to right, #f7ab00 , #e60019); content:'';  }
.in-yy-right .text .tits p{ font-size: 16px;  margin-top: 25px; }
.in-yy-right .text .desc{ font-size: 16px; line-height: 30px; }
.in-yy-right .text .btns{ margin-top: 30px; }
.in-yy-right .text .btns a{ display: inline-block; line-height: 46px; width: 190px; text-align: center; border: 1px solid #333; margin:0 20px 20px 0; font-size: 16px; }
.in-yy-right .text .btns a:hover{ background: #e6001a; color: #FFF; border-color: #FFF; }
.in-yy-right .text .btns i{ margin-left: 15px; }
.in-yy-left{ float: left; width: 50%; }
.focus{ width: 100%; position: relative; }
.focus .swiper-slide img{ width: 100%; }
.focus .swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.focus .swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }

.in-about{ display: flex; }
.in-about-left{ flex:1; display: flex; justify-content: flex-end; }
.in-about-left .text{ padding:0 50px 0 0; width: 800px;  }
.in-about-left .text .tits{ margin-bottom: 30px; }
.in-about-left .text .tits h2{ font-size: 36px; font-weight: normal; position: relative; padding-bottom: 15px; }
.in-about-left .text .tits h2:before{ position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background-image: linear-gradient(to right, #f7ab00 , #e60019); content:'';  }
.in-about-left .text .tits p{ font-size: 16px;  margin-top: 25px; }
.in-about-left .text .desc{ font-size: 16px; line-height: 30px; }
.in-about-left .text .btns{ margin-top: 30px; }
.in-about-left .text .btns a{ display: inline-block; line-height: 46px; width: 190px; text-align: center; border: 1px solid #333; margin:0 20px 20px 0; font-size: 16px; }
.in-about-left .text .btns a:hover{ background: #e6001a; color: #FFF; border-color: #FFF; }
.in-about-left .text .btns i{ margin-left: 15px; }
.in-about-right{ flex:1; }
.in-about-right img{ width: 100%; }

.in-ys{ background: url(../images/bg1.jpg) no-repeat center / cover; }
.in-ys ul{ margin:0 0 0 -20px; }
.in-ys li a{ display: block; background: rgba(255,255,255,0.7); margin:0 0 0 20px; text-align: center; transition: 0.5s; margin-top: 30px;  }
.in-ys li .number{  font-size: 24px; padding: 30px;}
.in-ys li .number span{ display: block; }
.in-ys li .text{ margin: 20px; font-size: 16px; line-height: 28px; color: #666; border-bottom: 2px solid transparent; padding-bottom: 25px; }
.in-ys li a:hover{ padding: 25px 0; background: #e60019; color: #FFF; margin-top: 0; }
.in-ys li a:hover .text{ border-color: #FFF; color: #FFF; }

.in-news ul{ margin:0 0 0 -40px; }
.in-news li a{ display: block; margin:0 0 40px 40px; }
.in-news li .img-cover{ padding-top: 60%; }
.in-news li .text{ padding-top: 10px; }
.in-news li .text .date{ background: #333; color: #FFF; display: inline-block; padding: 8px; font-size: 16px;  }
.in-news li .text h2{ margin:10px 0; font-size: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-news li .text p{ color: #888; height: 50px;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.in-news li a:hover .img-cover span{ transform: scale(1.1); }

.footer-bg{ background-image: linear-gradient(to right, #f7ab00 , #e60019); padding-top: 5px; }
.footer{ background: url(../images/bg2.jpg) no-repeat center / cover; color: #FFF;  }
.footer-con{ display: flex; justify-content: space-between; padding: 0 140px 60px; }
.footer .fnav dl { float: left; margin-right: 200px; }
.footer .fnav dl:last-child{margin-right: 0;}
.footer .fnav dl dt a{ display: block; color: rgba(255,255,255,1); font-size: 16px; margin-bottom: 15px; font-weight: bold; }
.footer .fnav dl dd a{ display: block; color: rgba(255,255,255,0.5); font-size: 14px; line-height: 28px; }
.footer .fnav dl dd a:hover{ color:#e6001a; }
.footer .contact h2{ font-size: 16px; color: #FFF; margin-bottom: 15px; }
.footer .contact p{ line-height: 28px; color: rgba(255,255,255,0.5); }
.footer .ewm .text{ text-align: right;  color: rgba(255,255,255,0.5);margin-top: 10px; }
.copyright{ padding: 14px; line-height: 30px; text-align: center; color: rgba(255,255,255,0.5); border-top: 1px solid rgba(255,255,255,0.1); }
.copyright a{ color: rgba(255,255,255,0.5);  }

.footer-fix{ position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; background: #1c4177; display: none;}
.footer-fix ul{ display: flex; }
.footer-fix li{ flex:1; text-align: center; }
.footer-fix li a{ display: block; color: #FFF; font-size: 14px; padding: 12px 0; border-right:1px solid rgba(255,255,255,0.2); }
.footer-fix li i{ display: block; font-size: 18px;  }
.footer-fix li span{ display: block;  }

.banner-sub{position: relative; height:400px; background: no-repeat center / cover; display: flex; justify-content: center; align-items: center;  text-align: center; color: #FFF;}
.banner-sub .text{margin-top: 100px;}
.banner-sub .text h2{ font-size: 48px; font-weight: normal; position: relative; padding-bottom: 10px; }
.banner-sub .text h2:before{position: absolute; left: 50%; bottom: 0; margin-left: -30px; width: 60px; height: 2px; background: #FFF; content:'';}
.banner-sub .text p{ font-size: 20px; margin-top: 10px; }

.cateList{ width:100%; text-align:center; background:#333333; color:#FFF; position:relative; display: none; line-height: 60px; font-size: 16px;}
.cateList i{ margin-left: 8px; font-size: 20px;}

.m-lanmu-bg{ background: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; width: 100%; height: 100vh; display: none; z-index: 1001  }
.m-lanmu{  position: fixed; right: -100%; top:0; width: 90%; height: 100vh; background: #FFF; transition: 0.5s; z-index: 2001 }
.m-lanmu .close{ position: absolute; left: -10%; top:10%; font-size: 28px; background:#666; color: #FFF; width: 10%; text-align: center;  z-index: 999;line-height:40px;}
.m-lanmu li a{ display: block; line-height: 50px; font-size: 16px; padding: 0 25px; border-bottom: 1px solid #ddd }
.m-lanmu li.active a{ background: #e6001a; color: #FFF; }
.m-lanmu.cur{ right: 0; }

.lanmu-bg{ background: #e9e9e9; }
.lanmu{ display: flex; border-left:1px solid #dbdbdb; }
.lanmu li{ flex:1; }
.lanmu li a{ display: block; line-height: 50px; text-align: center; border-right:1px solid #dbdbdb; color: #666; font-size: 16px; }
.lanmu li.active a,.lanmu li a:hover{ color: #FFF; background: #e6001a; }
.crumbs{ margin: 20px 0; }
.crumbs2{ background: #e9e9e9; line-height: 50px; margin-top: 100px; }
.crumbs3{ background: #e9e9e9; line-height: 50px;  }

.single h2{ font-size: 36px; font-weight: normal; text-align: center; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 15px;}
.single .content{ font-size: 16px; color: #666; }
.single .content p{  line-height: 30px; margin-bottom: 10px; }
.single .content img{ max-width: 100%; }

.pages{ text-align: center; font-size: 0; margin-bottom: 30px; }
.pages a{ display: inline-block; line-height: 35px; border-radius: 2px; border:1px solid #e2e2e2; padding: 0 10px; font-size: 14px; margin:0 2px; }
.pages .active a{ background: #4db035; color: #FFF }

.list-1{ margin:0 0 0 -40px; }
.list-1 li a{ display: block; margin:0 0 40px 40px; }
.list-1 li .img-cover{ padding-top: 60%; }
.list-1 li .text{ padding-top: 10px; }
.list-1 li .text .date{ background: #333; color: #FFF; display: inline-block; padding: 8px;  }
.list-1 li .text h2{ margin:8px 0; }
.list-1 li .text p{ color: #888; }
.list-1 li a:hover .img-cover span{ transform: scale(1.1); }

.list-2{ margin:0 0 0 -30px; }
.list-2 li a{ display: block; margin:0 0 30px 30px; text-align: center; padding: 10px; background: #f0f0f0; font-size: 16px; }
.list-2 li .img-cover{ padding-top: 60%; }
.list-2 li .text{ line-height: 50px; }
.list-2 li a:hover .img-cover span{ transform: scale(1.1); }

.info-content{ padding-bottom: 60px; }
.info-content-title{ text-align: center;  margin-bottom: 30px; }
.info-content-title h1{ font-size: 30px; margin-bottom: 15px; padding-bottom: 30px; border-bottom: 1px solid #ececec;}
.info-content-title p{ color: #888; display: flex; justify-content: space-between; align-items: center; }
.info-content-title p em{ padding: 0 30px; }
.info-content-body{ color: #888; }
.info-content-body p{ margin-bottom: 20px; line-height: 25px;  }
.info-content-body img{ max-width: 100%; }
.info-content-exp{ display: flex; justify-content: space-between; align-items: center;margin-top: 40px; border-bottom: 1px solid #ececec; padding-bottom: 15px; }
.info-content-exp li a{  font-size: 14px;}

.xg-news{ border:1px solid #eee; }
.xg-news h3{ line-height: 40px; background: #333; color: #FFF; padding-left: 20px; font-size: 16px; }
.xg-news ul{ padding:0 15px ; margin:15px; border:1px solid #eee; }
.xg-news li a{ display: block; border-bottom: 1px solid #eee; padding: 15px 0; }
.xg-news li h2{ display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 18px; margin-bottom: 8px; }
.xg-news li h2 i{ font-size: 12px; color: #666; width: 115px; text-align: right;}
.xg-news li h2 span{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.xg-news li p{ color: #999; font-size: 12px; line-height: 22px; }
.xg-news li:last-child a{ border-bottom: none; }

.list-contact{ display: flex; }
.list-contact .text{ flex:0 0 380px; margin-right: 40px; border:1px solid #ddd; padding: 25px; }
.list-contact .text h2{ font-weight: normal; margin-bottom: 15px;  }
.list-contact .text h2 span{ display: block; }
.list-contact .text li{ display: flex; align-items: center; padding: 12px 0; border-bottom:1px solid #ddd; }
.list-contact .text li .icon{ margin-right: 15px; }
.list-contact .text li p{ font-size: 13px; }
.list-contact .text li p b{ display: block; font-size: 15px; color: #666 }
.list-contact .text li p span{ display: block; font-size: 16px; font-weight: bold; }
.list-contact .feedback{ flex:1; }
.list-contact .feedback textarea{ background: #e8eaec; height: 115px; width: 100%; padding: 10px; border: none; margin-bottom: 12px; font-family:'microsoft yahei'; }
.list-contact .feedback input{ margin-bottom: 12px; background: #e8eaec; height: 40px; width: 100%; padding: 10px; border: none;}
.list-contact .feedback button{ width: 148px; line-height: 48px; background: #333; color: #FFF; text-align: center; font-size: 16px; border:none; }

#allmap{ width: 100%; height: 380px; margin: 30px 0; }

.list-3{ padding: 30px 0; }
.list-3 li{ padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 16px;}
.list-3 li h2{ display: flex; justify-content: space-between; font-size: 18px; margin-bottom: 8px; }
.list-3 li h2 em{ font-weight: normal; font-size: 16px; }
.list-3 li h2 em i{ font-size: 20px; }
.list-3 li .desc{ display: flex; flex-wrap: wrap;}
.list-3 li .desc p{ flex:0 0 33.333%; line-height: 30px; }

.info-job{ padding: 30px 0; }
.info-job h1{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: normal; margin-bottom: 20px; }
.info-job h1 span b{ font-size: 24px; font-weight: normal; }
.info-job .desc{ display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.info-job .desc p{ flex:0 0 33.333%; line-height: 30px; color: #888 }
.info-job .desc p span{ color: #333; }
.info-job-body{ color: #888; line-height: 25px; }
.info-job-exp{ display: flex; justify-content: space-between; align-items: center;margin-top: 40px; border-bottom: 1px solid #ececec; padding-bottom: 15px; }
.info-job-exp li a{  font-size: 14px;}

.list-job{ text-align: center; padding: 60px 0 30px; }
.list-job h2{ font-size: 32px;  margin-bottom: 20px; font-weight: normal;}
.list-job p{ font-size: 16px; line-height: 30px; }
.list-job .btns{ margin-top: 20px; }
.list-job .btns a{ display: inline-block; line-height: 46px; width: 190px; text-align: center; border: 1px solid #333; margin:0 20px 20px; font-size: 16px; }
.list-job .btns a:hover{ background: #e6001a; color: #FFF; border-color: #FFF; }

.list-job2{ display: flex; margin-bottom: 60px;  }
.list-job2 .pic{ flex:1; margin-right: 25px; }
.list-job2 .text{ flex:1; }
.list-job2 .text .txt{ margin-bottom: 25px; background: #333; padding: 45px; color: #FFF; line-height:28px; }

.ct{ padding: 30px 0; }
.ct-sd{ float: left; width: 260px; }
.ct-mn{ margin-left: 285px; }

.paned-sd{ margin-bottom: 20px; border: 1px solid #e7e7e7; }
.paned-sd .tits{ background: #333; color: #FFF; padding: 25px; }
.paned-sd .tits span{ display: block; font-size: 28px; font-weight: bold; margin-bottom: 4px; }
.paned-sd .tits2{ line-height: 50px; background: #333; color: #FFF; font-size: 16px; text-align: center; }
.paned-sd li a{ display: block; border-bottom: 1px solid #e7e7e7; line-height: 50px; padding-left: 20px; font-size: 16px; position: relative; }
.paned-sd li a:before{ display: none; position: absolute; left: 0; top:0; width: 2px; height: 50px; background: #e6001a; content: '' }
.paned-sd li a:hover::before{ display: block; }
.paned-sd .con{ padding: 15px; line-height: 28px; }

.list-4{margin:0 0 0 -25px; }
.list-4 li a{ display: block; text-align: center; font-size: 16px; margin:0 0 25px 25px; background: #bbb; border:1px solid #bbb; }
.list-4 li .img-cover{ padding-top: 75%; }
.list-4 li .text{ line-height: 50px; }
.list-4 li a:hover .img-cover span{ transform: scale(1.1); }

.showcase{ margin:0 0 40px; height: 550px; }
.pc-slide{ float:left; width:450px}
.view { border:1px solid #ddd; }
.view .swiper-slide .img-center{ width:100%; height:450px; line-height:448px;}
.view .swiper-container{width:100%}
.preview{ width:100%; margin-top:10px; position:relative}
.preview .swiper-container{ margin:0 30px}
.preview .swiper-slide .img-center{ height:80px; border:2px solid #ddd; cursor:pointer; position:relative; line-height:76px}
.preview .arrow-left{ background:url(../images/feel3.png) no-repeat left top; position:absolute; left:0; top:50%; margin-top:-9px; width:9px; height:18px; z-index:10}
.preview .arrow-right{ background:url(../images/feel4.png) no-repeat left bottom; position:absolute; right:0; top:50%; margin-top:-9px; width:9px; height:18px; z-index:10}
.preview .active-nav .img-center{ border-color:#e6001a}
.showcase-info{ margin-left:480px}
.showcase-info h1{ font-size:24px; margin:0 0 10px;}
.showcase-info .desc{ color:#666;  min-height:250px;}
.showcase-info .desc p{ margin:5px 0 0;}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1}

.prod-menu{margin-bottom:20px;border-bottom:1px solid #dbdbdb; overflow: hidden;}
.prod-menu li{float:left;margin-right:7px}
.prod-menu li a{display:block;padding:0 15px;line-height:40px; font-size:18px}
.prod-menu li.active a{ border-bottom: 2px solid #222 }

.xg-pro{ border:1px solid #eee; margin-bottom: 30px; }
.xg-pro h3{ line-height: 40px; background: #333; color: #FFF; padding-left: 20px; font-size: 16px; }
.xg-pro-con{ position: relative; padding:30px 50px; }
.xg-pro-con .swiper-slide a{ display: block; position: relative; color: #FFF; }
.xg-pro-con .swiper-slide .img-cover{ padding-top: 80%; }
.xg-pro-con .swiper-slide .text{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); padding: 30px;  }
.xg-pro-con .swiper-slide .text h2{ font-size: 16px; text-align: center; font-weight: normal; margin-bottom: 8px; }
.xg-pro-con .swiper-slide .text p{ line-height: 25px; }
.xg-pro-con .swiper-slide a:hover .text{ display: block; }
.xg-pro-con .swiper-button-prev{ width: 30px; height: 50px; background-color: rgba(0,0,0,0.3); background-size: 40%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.xg-pro-con .swiper-button-next{ width: 30px; height: 50px; background-color: rgba(0,0,0,0.3); background-size: 40%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }

@media screen and (max-width:768px){
	body{ padding-top: 60px; padding-bottom: 60px; }
	.container{ padding: 0 15px; }
	.w1370{ padding: 0 15px; }
	.m-header{ display: flex; }
	.header{ display: none;}

	.banner .swiper-button-prev{ width: 30px; height: 30px; border-radius: 50%; background-size: 30%; }
    .banner .swiper-button-next{ width: 30px; height: 30px; border-radius: 50%; background-size: 30%; }
	.banner .swiper-pagination-bullets{ bottom: 10px; }

	.section{ padding: 20px 0 }

	.in-pro-left{ display: none; }
	.in-pro-right{ margin-left: 0; padding-top: 20px; }
	.in-pro-right ul{margin:0 0 0 -10px; }
	.in-pro-right li a{  font-size: 14px; margin:0 0 10px 10px; }

	.in-yy-left{ float: none; width: auto; }
	.in-yy-right{ float: none; width: auto; }
	.in-yy-right .text{ width: 100%; padding: 20px; }

	.in-about{ flex-wrap: wrap; }
	.in-about-left{ flex:100%;  }
	.in-about-left .text{ width: 100%; padding: 20px; }
	.in-about-right{ flex:100%; }
	
    .footer{ padding-top: 0; }
	.footer-con { display: none;}
	.copyright{ border-top: 0; line-height: 20px; padding: 20px 15px; }
	.footer-fix{ display: block; }

	.banner-sub{ height: 200px; }
	.banner-sub .text{ margin-top: 0; }
	.banner-sub .text h2{ font-size: 28px;  }
	.banner-sub .text p{ font-size: 16px;  }

    .cateList{ display: block; }
    .crumbs2{ margin-top: 0px; }

	.lanmu-bg{ display: none; }

	.info-content{ padding-bottom: 40px; }
	.info-content-title{ padding-bottom: 15px;  margin-bottom: 15px; text-align: left; }
	.info-content-title h1{ font-size: 24px; margin-bottom: 10px;  font-weight: normal;}
	.info-content-title p{ flex-wrap: wrap; line-height: 25px;}
	.info-content-title span{ width: 100% }
	.info-content-title span em{ display: block; padding: 0 }
	.info-content-exp{ flex-wrap: wrap; margin-top: 20px; }
	.info-content-exp li{ flex:100%; }
	.info-content-exp li a{ font-size: 14px; line-height: 25px;}

	.list-contact{ flex-wrap: wrap; }
	.list-contact .text{ flex:100%; margin-right: 0; }
	.list-contact .feedback{ flex:100%; margin-top: 15px; }

	.list-2{ margin:0 0 0 -10px; }
	.list-2 li a{  margin:0 0 10px 10px; font-size: 14px; }
	.list-2 li .text{ line-height: 30px; }
    
    .list-3{ padding:0 } 
	.list-3 li .desc p{ flex:0 0 50%; }

	.info-job .desc p{ flex:100%; }

	.list-job2{ flex-wrap: wrap; margin-bottom: 20px;  }
	.list-job2 .pic{ flex:100%; margin-right: 0; }
	.list-job2 .text{ flex:100%; }
	.list-job2 .text .txt{ padding: 25px;  }
	
    .ct-sd{ display: none; }
    .ct-mn{ margin-left: 0; }

    .list-4{margin:0 0 0 -10px; }
	.list-4 li a{  font-size: 14px; margin:0 0 10px 10px; }
	.list-4 li .text{ line-height: 35px; }

    .showcase{ height: auto; }
    .pc-slide { float: none;width: 100%; overflow: hidden; }
    .view .swiper-slide .img-center {height: 260px;line-height: 258px;}
    .showcase-info {margin: 20px 0 0;}
    .showcase-info h1 {margin-bottom: 20px;font-size: 18px;}
    .showcase-info .desc{ min-height:auto;}

	


}