@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ width:100%;font-family: SourceHanSansSubset,'Hiragino Sans GB','Microsoft YaHei',sans-serif; font-size:14px; background:white;}
li{ list-style:none;}
a{ cursor:pointer;}
.index-container{width:100%; min-height: 100vh; overflow:hidden;display: flex;flex-direction: column;}
.index-bg{width:100%; background:url(../images/bg.jpg) center bottom no-repeat; background-size:90%;}
.top-menu{width:100%; height:45px; background:#F2F2F2;display: flex;justify-content: space-between; position:relative; z-index:2;}
.logo{ margin-left:7%;width:320px; height:100%; background:url(../images/logo.png) center no-repeat; background-size:45%;}
.logo a{ display:block; width:100%; height:100%;}
.menu-list{height:40px; margin-right:7%; padding-top:5px; font-size:12px;}
.menu-list li{width:112px;text-align:center; line-height:40px; height:40px; float:left; position:relative;box-sizing:border-box;}
.menu-list li a{color:#222; text-decoration:none; font-weight:bold; display:block; width:100%; height:100%;}
.menu-list li a:hover{ color:#888;}
.menu-list li.current{border-bottom:2px solid #222;}
.menu-list li div{ position:absolute; left:0; width:100%; top:40px; display:none;}
.menu-list li div a{ background:#f2f2f2;}
.menu-list li div a:hover{background:#222; color:white;}
.index-content{width:100%;flex: 1; text-align:center;}
.index-content img{width:100%;flex: 1; text-align:center;}
.nav_line{width:90px; height:1px; position:absolute; background:black; top:110px;}
.footer{width:100%; height:32px; background:#F2F2F2; text-align:center; line-height:32px; position:fixed; left:0; bottom:0;}
.footer p{ line-height:32px; display:inline-block; vertical-align:middle; color:#222;  font-size:12px;}

.page-content{width:60%; min-width:1200px; margin:0 auto;flex: 1; color:#222;}
#pageAbout{ padding-top:150px;}
#pageAbout .about-wrap{justify-content: space-between;display: flex; padding-bottom:100px;align-items: center;}
.about_img{width:30.3%; }
.about_img img{width:100%;}
.about_txt b{ display:block; font-size:20px; line-height:70px;}
.about_txt p{width:776px; color:#222; line-height:25px; font-size:14px; margin-bottom:15px;}
.about-img-L,.about-exh{width:48%;}
.about-exh{ display:flex;flex-direction: column;justify-content: space-between;}
.about-exh b{ display:block; margin-left:10%;font-size:14px; line-height:25px; margin-bottom:15px;}
.about-exh p{ padding-left:10%; font-size:14px; line-height:25px;}
.about-exh p.wx{ background:url(../images/wx.png) 17% center no-repeat; background-size:auto 50%; padding-left:28%;}
.about-exh p.wb{ background:url(../images/wb.png) 17% center no-repeat; background-size:auto 100%; padding-left:28%;}
.about-exh p.ins{ background:url(../images/ins.png) 17% center no-repeat; background-size:auto 100%; padding-left:28%;}
.about-exh p.wx span{ display:inline-block; color:white; background:#222; padding:0 5px;}

.lazy{ display:inline-block; margin:0 10px;}
#pageWork {text-align:center;}
.work-product{ margin-bottom:50px;}
.work-img{ text-align:center; display:inline; overflow:hidden;}
.work-img img{ height:450px;}
#pageWork p{ font-size:12px; line-height:35px; text-align:left;}
#pageWork p.work-title{ font-size:18px;}
.swiper-container{width:100%;}
.swiper-slide{overflow:hidden;box-sizing:border-box;display: flex;align-items: center;}
.wrap{width:100%;}


#pageNews{justify-content: space-between;display: flex;align-items: center; }
.news-photo,.news-photo-2,.news-photo-3{text-align:center;}
.news-photo img,.news-photo-2 img,.news-photo-3 img{max-height:540px;margin:0;max-width:700px;}
.news-title{ font-size:14px; line-height:40px; text-align:right; font-weight:bold; margin-bottom:50px;}
.news-title b{ font-size:18px;}
.news-nav .nav,.news-nav-2 .nav,.news-nav-3 .nav{ float:right;width:366px; overflow:hidden;}
.news-nav .nav li,.news-nav-2 .nav li,.news-nav-3 .nav li{ float:left; margin-left:20px;width:100px; height:67px;overflow:hidden;border:1px solid white; margin-bottom:20px; cursor:pointer;text-align:center;background:#e9e9e9;}
.news-nav .nav li img.lazy,.news-nav-2 .nav li img.lazy,.news-nav-3 .nav li img.lazy{ margin:0;}
.news-photo img.vertical-img,.news-photo-2 img.vertical-img,.news-photo-3 img.vertical-img{margin-left:50%;}
.news-nav .nav li.sel,.news-nav-2 .nav li.sel,.news-nav-3 .nav li.sel{border:1px solid #979797;}
.news-nav .nav li img,.news-nav-2 .nav li img,.news-nav-3 .nav li img{ height:67px;transition: transform 0.4s ease-out 0.05s;}
.news-nav .nav li:hover img,.news-nav-2 .nav li:hover img,.news-nav-3 .nav li:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.column{justify-content: space-between;display: flex;height:738px;align-items: center;}

#pageContact{display: flex;align-items: center;width:90%;}
.contact{width:70%;display: flex;  justify-content: space-between;font-size:16px; margin-left:15%;}

.contact div b{ display:block; line-height:25px;}
.contact div.contact_txt{display:flex;flex-direction: column;justify-content: space-between;}
.contact div.contact_txt div{width:100%; display:block; margin:0; padding:0;}
.contact_txt p{  color:#222; line-height:45px; }
.contact_txt p span{ display:inline-block; width:90px; height:25px; line-height:25px; font-weight:bold;}
.contact-img{ display:inline-block; vertical-align:top;width:55%;}
.contact div img{ display:block;}