* { margin: 0; padding: 0; box-sizing:border-box; }
body { font-size:14px; color:#030303; background:#fff; font-family: 'PingFang-SC-UltraLight', '微软雅黑', '宋体'; line-height:1.5; height:100%;}
a { color:#7e7c7c; text-decoration:none; }
img { vertical-align:middle; max-width:100%;}
ul { list-style-type: none;}
i,em {  font-style:normal; }
.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999; height: 60px; background-color: rgba(0, 0, 0, 0.6);}
.menu { width: 1145px; margin: 0 auto; overflow: hidden; position:relative;}
.logo { float: left; margin-top: 9px; position:absolute; left:0; top:0;}
.logo a { display: inline-block; width:194px; height: 41px; background-image: url(../../../../assets/media/images/logo.png); background-repeat:no-repeat; }
.nav { margin-top: 10px; font-size: 0; width:100%;  text-align:center;}
.nav li { display: inline-block; margin:0 40px;}
.nav a { display: inline-block; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-decoration: none;}
.nav a:hover { color: #419d50;}
.nav li.active a,.nav a.active{color:#419d50;}
.section { text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  overflow: hidden; color:#fff;}
#section1 { background-image: url(../../../../assets/media/images/p1.jpg);}
#section2 { background-image: url(../../../../assets/media/images/p2.jpg);}
#section3 { background-image: url(../../../../assets/media/images/p3.jpg);}
#section4 { background-image: url(../../../../assets/media/images/p4.jpg);}

.mTxt1 { width: 526px; height: 195px; margin: 0 auto; position: relative; top: 25%; background: url(images/oneTxt.png) no-repeat 0 0;}
.viewbtn { cursor: pointer; margin-top:30px; width:160px; height: 50px; position: relative; background:none; color: #fff; line-height: 50px; font-size: 24px; border-radius: 10px; border:#fff 3px solid; text-align:center;}
.viewbtn a { display: block; line-height:42px; color: #fff; font-family: 'PingFang-SC-UltraLight', '微软雅黑', '宋体'; text-decoration:none;}
.mTxt1 { width: 526px; height: 195px; margin: 0 auto; position: relative; top: 25%; background: url(images/oneTxt.png) no-repeat 0 0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff;}

.iScrollLoneScrollbar { display:none !important; }


.article { left:20%; bottom:15%; position:absolute; z-index:2; text-align:left; }
.article h1 { font-size:48px; font-weight:normal; position:relative; top:30px; opacity:0; }
.article .text { position:relative; top:30px;  opacity:0;}
.article p { font-size:24px;  line-height:1.8; margin:20px 0 20px 0;}

.video {position: absolute;top: 0;left: 0;right: 0;bottom: 0; width:100% ;height: 100%;object-fit: cover;}
.background-video {top:0;left:0;right:0; bottom:0;position:absolute; height:100%; width:100%;overflow:hidden; display: inline-block; vertical-align: baseline;object-fit:cover;}


.indexcase { width:100%; height:100%; background-image: url(../../../../assets/media/images/p5.jpg); min-height:600px;  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; color:#fff;  padding-top:80px;}
.indexcase h3{font-size:24px; text-align:center; font-weight:normal;}
.case_list { width:1145px; margin:0 auto; }
.case_list ul{margin-top:30px; width:1196px;}
.case_list ul:after { content:""; display:block; overflow:hidden; visibility:hidden; height:0; clear:both; }
.case_list li { width:249px; height:374px; margin: 0 50px 50px 0; float:left;}
.case_list li img { width:100%; height:100%; vertical-align:middle; }

.foot { background:#fff; padding-bottom:40px;color:#030303; }
.footmenu { height:90px; border-bottom:#e0dede 4px solid;   padding-top:30px; }
.footmenu_list { display:table; width:1000px; margin:0 auto;}
.footmenu_list a { display:table-cell; }

.footdtl { text-align:center; margin-top:30px;}
.footdtl .code {  }
.footdtl .code .code_img {}
.footdtl .code  p {margin:0 ;padding:0; color:#999;}
.footdtl .code .code_img img { width:150px; height:150px; }
.foot_contact { margin-top:20px; line-height:2; }

.sidebar {width:70px;position:fixed;bottom: 100px;right:25px;}
.gotop { width:70px; height:70px; background:url(../../../../assets/media/images/gettop.png) no-repeat; cursor:pointer; }
.phone {width:70px; height:70px; background:url(../../../../assets/media/images/phone.png) no-repeat; margin-top:5px; cursor:pointer; position:relative;}
.wechat {width:70px; height:70px; background:url(../../../../assets/media/images/wechat.png) no-repeat;margin-top:5px; cursor:pointer;  position:relative;}
.wechat_show { padding:5px; padding-bottom:0;  width:190px; height:190px; position:absolute; right:70px; bottom:0; display:none;}
.wechat:hover .wechat_show{ display:block;}
.wechat_show img { width:100%; height:100%;  border:rgba(79,77,77,.5) 5px solid;}
.phone_show {  padding:0 10px; line-height:70px; font-size:32px; color:#fff; background:rgba(79,77,77,.5); height:70px; position:absolute; right:70px; bottom:0; white-space:nowrap; display:none;}
.phone:hover .phone_show{ display:block;}

.win { width:100%; z-index:9999; height:100%; position:fixed; left:0; top:0; background: rgba(0,0,0,.8);}
.chat { width:960px; height:700px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-480px; margin-top:-350px; padding:15px;  }
.chat_con { }
.chat_con h3 { font-size:20px; font-weight:normal; }
.chat_con .showimg { margin-top:10px; position:relative;  width:930px; height:630px; text-align:center; overflow: auto;}
.chat_con .showimg img{ max-with:100%; }
.chat_code { width:150px; background:#fff; color:#333; text-align:center; padding:5px; position:absolute; right:-150px;  top:0; }
.chat_code img { width:100%; }

.close { width:30px; height:30px; background:url(../../../../assets/media/images/icon_close.png) no-repeat; position:absolute; top:15px; right:15px;}

@media screen and ( max-width: 1280px ) {
.chat { width:800px; height:600px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-400px; margin-top:-300px; padding:15px;  }
.chat_con .showimg { width:770px; height:530px;}
.chat_con .showimg img{ max-with:100%; }
        
}


.chat.full { width:calc(95% - 150px); height:95%; left:2.5%; top:2.5%; margin:0; }
.chat.full .chat_con { height: 100%;}
.chat.full .chat_con .showimg { width:100%; height:calc(100% - 50px);}


@media screen and ( max-width: 1280px ) {
    .chat.full { width:calc(95% - 150px); height:95%; left:2.5%; top:2.5%; }
    .chat.full .chat_con { height: 100%;}
    .chat.full .chat_con .showimg { width:100%; height:calc(100% - 50px);}

}








.warp { background:#eee; }
.wp { width:1145px; margin:0 auto; }

.head {  height:418px; background-repeat:no-repeat; background-position:center center; background-color:#333;}
.head .top {  }
.casemenu { background:#fff; padding:10px 0; }
.casemenu ul li { color:#000000; border-bottom:#eee 1px solid; padding: 5px 0;  }
.casemenu ul li:last-child {  border-bottom:none; }
.casemenu ul li.cltop a { border-radius:4px; background:#fff; padding:0 10px; margin-right:15px;  }
.casemenu ul li.cltop a:hover { background:#eee; color:#000000;}
.casemenu ul li.cltop a.active { background:#5fb336; color:#fff;  }
.casemenu ul li a{ color:#000000; display:inline-block; line-height:40px;font-size:15px; padding:0 10px;  }
.casemenu ul li a.active,.casemenu ul li a:hover { color:#5fb336}


.search { float:right;  }
.search input { height:36px; vertical-align:middle; border-radius: 5px 0 0 5px; border:#ddd 1px solid; border-right:0; padding:0 10px; text-align:left;}
.search input:focus { border-color:#419d50;  outline:none;   }
.search button { background:#419d50; color:#fff; text-align:center; border-radius: 0 5px 5px 0; height:36px; border:0; vertical-align:middle; padding: 0 15px;}


.case_list.case { padding:10px 0 10px 0; overflow:hidden;}
.case_list.case ul { margin-top:0;}
.case_list.case li { width:249px; height:auto;  float:left; box-shadow: 0 1px 5px rgba(0,0,0,0.1); margin-top:50px; margin-bottom:0;}
.case_list.case .text-area { background:#fff; padding:5px 10px; }
.case_list.case li h4 { font-size:14px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case_list.case li img { width:249px; height:374px; vertical-align:middle; }
.case_list.case li p { font-size:11px; color:#999; font-style:normal; text-decoration:none; margin:10px 0 5px 0; }
.case_list.case li p em {font-style:normal; display:inline-block; vertical-align:middle; float:left;  padding-left:20px; background:url(../../../../assets/media/images/icon_tag.png) no-repeat left center;  line-height:1;}
.case_list.case li p i {font-style:normal; float:right;  vertical-align:middle; padding-left:25px; background:url(../../../../assets/media/images/icon_view.png) no-repeat 5px center; border-left:#eee 1px solid; line-height:1; }
.case_list.case li p:after { content:""; display:block; overflow:hidden; visibility:hidden; height:0; clear:both; }

.viewmore  { margin-bottom:40px; }
.viewmore a{ display:inline-block; line-height:45px; padding:0 20px; font-size:24px; background:#fff; color:#000;  }
.getmore { text-align:center; background:#fff; margin-bottom:50px; border-radius:4px; box-shadow: 0 3px 15px rgba(0,0,0,0.1);}

.btnviewmore { display:inline-block; line-height:45px; color:#000; font-size:18px;}

.newlist { padding:5px 0;}
.newlist dl { background:#fff; margin-top:65px; padding:25px; position:relative; height:370px; overflow:hidden;}
.newlist dt { width:427px; height:320px; overflow:auto; position:absolute; top:25px; left:25px;}
.newlist dt img { width:427px; }
.newlist dd { padding-left:460px; }
.newlist dd .title1 { font-size:28px; font-weight:normal; color:#000; }
.newlist dd .post { margin-top:30px; color:#999;}
.newlist dd .post i { margin-right:20px;}
.newlist dd .arctext {margin-top:30px; font-size: 18px; max-height:210px; overflow:hidden; line-height:2;}
.newlist .getmore { margin-top:65px;}

.text_wrap { padding:65px 0; }
.title { font-size:36px; }

.article_text { font-size:24px; line-height:2; }
.article_text p{ margin:10px 0; padding:10px 0;}
.article_text img { max-width:100%; }
.text_wrap .post { margin:40px 0 40px 0; color:#999;}

.aboutbg { background:#fff;}
.about { background:#fff; font-size:24px; line-height:1.8; padding:100px 0;}
.title2 { font-size:36px; margin-bottom:70px; }
.about_text p{ margin:10px 0; padding:10px 0;}
.about_text img { max-width:100%; }

.content { padding:80px 0;}
.contact p { line-height:60px; border-bottom:#eee 1px solid; font-size:20px; }
.contact { margin-bottom:40px; }

.title3 { font-size:36px;  text-align:center; font-weight:normal; }
.line {height:2px; background:#2fbb9e; width:60px; margin:0 auto; margin-bottom:40px; }

.page { text-align:center; margin:60px 0; }
.page a { display:inline-block; line-height:36px; height:36px; min-width:36px; border-radius:18px; background:#fff; vertical-align:middle; font-size:18px; margin:0 5px; }
.page a.active { background:#5fb336; color:#fff; }
.page .prev { background:#fff url(../../../../assets/media/images/icon_page_prev.png) no-repeat center center; }
.page .next { background:#fff url(../../../../assets/media/images/icon_page_next.png) no-repeat center center; }
.page .first { background:#fff url(../../../../assets/media/images/icon_page_f.png) no-repeat center center; }
.page .last { background:#fff url(../../../../assets/media/images/icon_page_fn.png) no-repeat center center; }
.page .null { opacity:0.3; }

.foucs { position: relative; height: 500px; }
.foucstext { color: #fff; z-index: 9; position: absolute; top:120px; text-align: center; width:90%; left:5%;  }
.foucstext h1 {font-size:36px; letter-spacing:6px;}
.foucstext p { font-size:24px; text-shadow: 3px 3px 6px rgba(0,0,0,0.4); letter-spacing:8px;}

.fullSlide{width:100%;position:relative;height:100%;overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; height:100%;}
.fullSlide .bd ul{width:100% !important; height:100% !important;}
.fullSlide .bd li{width:100% !important;height:100%;overflow:hidden;text-align:center; background-repeat: no-repeat; background-position: center; background-size:contain;}
.fullSlide .bd li a{display:block;height:100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px; display:none;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(../../../../assets/media/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.1;}
.fullSlide .next{left:auto;right:0%;background-position:-6px -137px;}


@media screen and ( max-width: 540px ) {
.top {}
.menu { width: auto;}
.logo { float: left; margin-top: 12px; margin-left:10px; position:static;}
.logo a {  width:160px; height: 40px; background-image: url(../../../../assets/media/images/logo.png); background-repeat:no-repeat; background-size:100% auto; }
.nav { width:auto; margin-top: 10px; float:right;}
.nav li { display: inline-block; margin:0 10px;}
.nav a { display: inline-block; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-decoration: none;}
.nav a:hover { color: #83c3f3;}


.article { left:10px; bottom:30%; position:absolute; z-index:2; text-align:left; }
.article h1 { font-size:30px; font-weight:normal; position:relative; top:15px; opacity:0; }
.article .text { position:relative; top:15px;  opacity:0;}
.article p { font-size:15px;  line-height:1.8; margin:10px 0 10px 0;}

.foot { }
.footmenu {  }
.footmenu_list { display:block; width:auto; margin:0 auto; padding:0 10px; text-align:center;}
.footmenu_list a { display:inline-block; white-space:nowrap; margin-right:10px;}
 
.chat { width:100% !important; height:100% !important; background:#fff; position:absolute; left:0 !important; top:0 !important; margin-left:0; margin-top:0; padding:15px;  }
.chat_con .showimg { width:100%; }
.chat_con .showimg img{ with:100%; }



.case_list,.case_list.case { width:100%; }
.case_list li { width:45vw; height:65vw; margin: 2.5vw; }
.case_list.case li { width:45vw; height:auto; margin: 2.5vw; }
.case_list.case li img {width:100%; height:65vw;}
.case_list ul { width:auto; }

.wp { width:auto; }

.search { float:none; margin-bottom:15px; text-align:center;  }
.search input { width:60%; }
.search button { width:30% }
        
}