::-webkit-scrollbar{ width:8px;height:8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background:#555;}
* { padding: 0; margin: 0; list-style: none; outline: 0;font-size:1em;  -webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);}
body{-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none; user-select:none;font-family: 'Microsoft YaHei';}
a{ cursor:pointer;}
.m{ display:none;}
.pc{ display:unset;}
.bgimg{position:relative;display: block;overflow: hidden;}
.bgimg img{position: absolute; max-width:unset!important; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.fl{ float:left;}
.fr{ float:right;}

.shadow{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
.shadow_li li{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
.optxt li a{position: relative;}
.optxt li a h3{position: absolute; left: 0; width:100%; bottom: 0;  text-align:center; padding:2%; background: rgba(0,0,0,0.5); color: #fff;line-height:1.8em; font-size: 16px;}
.optxt li a,.optxt li img{display: block;width:100%;}
.swiper-button-prev, .swiper-button-next{ opacity:0.2;} 
.swiper-button-prev:hover, .swiper-button-next:hover{ opacity:1;} 


table.table { width:100%; color:#333333;border-width: 1px;border-color: #39ad4c;border-collapse: collapse;}
table.table td {border-width: 1px;padding:6px 0;border-style: solid;border-color: #39ad4c; text-align:center; line-height:2em;}
table.table tr:nth-child(odd){background: #c9f1d0;color: #40824b;}
table.table tr:nth-child(even){background:;color:#39ad4c;}
table.table tr:first-child{background: #3d9e4d!important;color: #fff;font-weight:500;font-size: 16px;}

.header-nav li{transition: all 0.3s;}
.header-nav li:hover .header-subnav{visibility:hidden;height: 0;transform: none;-webkit-transform:none;}
.header-nav li.hover > a {background: #39ad4c;}
.header-nav li.hover .header-subnav{visibility:visible!important;height:auto;opacity:1;-webkit-transform: scaleY(1);transform: scaleY(1);}
.footer,.footer a { color: #999999;}

.banner,.banner li{ width:100%!important;}
.banner li a,.banner li img{ height:100%;width: 100%; display:block;}

.g-btn-goback{ border:none;}

.pager { overflow: hidden; margin: 10px; margin-bottom:50px; text-align: center; padding-top:0px; font-size:14px; color:#333; }
.pager div{ padding: 10px;}
.pager a,.pager span.p { border: 1px solid #39ad4c; padding: 2px 7px; margin: 0 4px; font-size: 14px; }
.pager a:hover { background-color: #39ad4c; color: #ffffff; border-color: #39ad4c; }
.pager span.p {color: #999; cursor:pointer;}
.p_cur{ color:#000;}
.p_tn{ color:#000; padding-right:10px;}

.m-case-list li .img{ width:100%; height:240px; background:url(/imgs/nopic.jpg) no-repeat center #39ad4c;background-size:contain;}
.m-case-top .img img {width: 650px; height:380px;}
li .img img { height:100%; width:100%;}

.ch-lhmm .m-case-list.wowlist li .img,.r-lhmm.m-case-list li .img{height:380px;}



.mmjg-bz{ padding:20px 5px; color:#666;}

.m-teaminfo-view .inner-box .info p:first-child { font-size: 24px;}
.m-team-list .des{ height:48px; overflow:hidden;width: 260px; margin:0 auto;}
.m-team-list .des p:first-child { font-size:16px; color: #39ad4c;}



.searchbox{float: left; margin-top:50px; margin-left:20px;padding: 5px;}
.searchbox input{ border:solid 1px #ccc; padding:10px; border-radius:10px;box-shadow: 0 3px 10px rgba(0,0,0,0.2);}
.search li{ padding:30px;box-shadow: 0 3px 10px rgba(0,0,0,0.2); margin-bottom:20px;}
.search h2 a{ font-size:24px; line-height:1.8em; color:#111; margin-bottom:10px;}
.search li p{ text-indent:2em;font-size:16px; line-height:1.8em;}

.r-mmjg,.r-lxwm{ display:none;}

.m-serve-case .main-list .txt{width:450px;margin-left:-40px;}
html, body {position: relative; height: 100%;}
.home .wp{width: 100%;height: 100%;}
.home .section{ background-image:url(../imgs/hbg.jpg);background-repeat: repeat-x;background-position:top; background-color:#f2f2f2;}

.swiper-next {position: absolute; cursor:pointer;z-index: 9;bottom: 10px;left: 50%;height: 40px;width: 60px;margin-left: -30px;z-index: 999;animation: start 1.5s infinite ease-in-out;}
@keyframes start {
	0%,30% {opacity: 0.1;transform: translate(0,20px);}	
	60% {opacity: 1;transform: translate(0,10px);}
	100% {opacity: 0.1;transform: translate(0,0px);}
}

 .home .section.swiper-slide {
        text-align:left;padding-top: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
   }

.home .section.bg{ background-image:url(../imgs/bg1.jpg); background-size:cover;}
.home .section.bg .cn{  color: #444;}
.home .section .pagec{background-color:#fff;padding:40px; overflow:hidden;}

.home .section .fr{ float:right;}
.home .section .fl{ float:left;}
.home .section.aboutus .fl{ width:700px;}
.home .section.aboutus .txt{ text-indent:2em; font-size:20px;text-align: justify;line-height: 1.8em;}

.ch-lhmm .g-time{ display:none;}
.cats{ overflow:hidden;background: #f2f2f2;}
.mms{ padding:0px;background: #f2f2f2;}
.cats li a{ float:left;background:none; font-size:20px; color:#111; padding:10px 20px; margin-left:1px;margin-bottom: 1px;}
.cats li.on a{background: #39ad4c; color:#fff; }

.mms0{display: flex;}

.fhcase li{ width:800px;}
.fhcase li img{ width:100%; height:500px;}

.page6-list li .img{ height:240px;}


.sgcase li img{ width:100%; height:600px;}

.linkus {background-color: #3dab4a!important;}

.linkus .sann{display: block;margin:120px auto;}
.linkus .footer-nav{ width:260px;margin:14px 0px;}
.linkus .footer-nav li{ float:left; width:40%; margin:4% 5%; padding:5px; border:solid 1px #fff; text-align:center;}
.linkus .footer-nav li a{ color:#fff;}
.linkus .footer-ico{  width:160px; margin-top:5px;}
.linkus .footer-ico li{ float:left; margin:15px 10px; text-align:center;}

.m-detail-tit .info .see{margin-right: 0!important;}

.page4-tit { font-size: 40px;margin-top: 15px;}
.page4 .btns-swiper{display: none;}
.page4 .des p:first-child { font-size:16px; color: #666; margin-bottom:20px;}
.page4 .des{ line-height:2em; font-size:14px; margin-bottom:20px; margin-left:0px;}

.m-team-list .img img { width:280px;height:300px; }
.m-teaminfo .img>img { width:450px; height:520px;}

.m-about-adv .list li.active .inner{ width:552px;}
.m-teaminfo-view .inner .big{color: #d2d2d2; margin-top: -30px;}

.m-detail-info img{max-width: 100%!important;width:auto!important; height:auto!important;display: block!important;margin: auto!important;margin-top:20px!important;box-shadow0: 0 3px 10px rgba(0,0,0,0.2);}
.m-detail-info p{padding-bottom: 0;}
.m-detail-info p[style*="center"]{ text-indent:0!important;}
	
.page5-main-r li{background:#39ad4c;border-bottom: 1px solid #fff; overflow:hidden;}
.page5-main-r li  a{ color:#fff;}
.page5-main-r li.on { background: #f7f7f7;}
.page5-main-r li.on a{ color: #39ad4c;}
.page4-main-name { margin-top: 20px;}
.btn-prev,.btn-next{z-index: 100;}
.m-serve-tabhd ul{overflow:visible; border:none;}
.m-serve-tabhd li,.m-about-culture .list li{transition: 0.3s;}
.m-serve-tabhd li:hover,.m-about-culture .list li:hover{ margin-top:-10px;}
.g-ask li:hover a{ color:#fff;}
.hover ul{overflow:visible!important;}
.hover li{transition: 0.3s;}
.hover li:hover{ margin-top:-10px;}
.catcol1{ display:none;}

.m-pt li {
    float: left;
    margin: 0 14px 35px 14px;
    width: 381px;
}
.m-pt li>a {
    position: relative;
    display: block;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}


.m-serve-case .main-view .inner{position:relative; height:44px;}
.m-serve-case .main-view .inner .time, .m-serve-case .main-view .inner .txt{ position:absolute; display:block; margin:0!important;}
.m-serve-case .main-view .inner .txt{ width:100%;padding-left:60px!important;}
.btn-prev, .btn-next{ z-index:1000!important;}
.m-banner{ overflow:hidden;}

.m-detail-info,.m-detail-info * {color:#333333;font-size:18px;line-height: 2em;font-weight:300;}
.g-type-box.c-0,.g-type-box.c-1{ display:none;}
	.g-type-box.c-2 li{width: 50%;}
	.g-type-box.c-3 li{width: 33.3%;}
	.g-type-box.c-4 li{width: 25%;}
	.g-type-box.c-5 li{width: 20%;}
	.g-type-box.c-6 li{width: 16.6%;}
	.g-type-box.c-7 li{width: 14.28%;}
	.g-type-box.c-8 li{width: 12.5%;}
	.ch-home .nohome{ display:none;}
	
	.m-banner.mb60{ margin-bottom:0;}	
	.ph1box{height: 144px;}
	.ph1box h1{float: left; font-size: 48px;padding: 40px 5px;color: #39ad4c;}
	.ph1box h1 a{color: #39ad4c;}
	.ph1box .share{float: right; padding: 50px 0px;}
	.m-detail-tit .share{ display:none;}

@media (min-width:900px and max-width:1300px) {
	.wp .section .wrapper {transform: scale(0.8);}
}	
	
@media (min-width:900px) {	
	.header-nav li >a{font-size: 20px; padding: 0 13px;}
	.m-banner img{width:100%; min-height:100%;}
	.m-banner {height: 600px;}
	.h-btn{ text-align:right; margin-top:20px; }
	.linkus .footbox{ position:absolute; bottom:0; width:100%;left:0;}
	.linkus.footer-info .footbox{ position:unset; padding-top:10px;}
	.sgcase .swiperX{border: solid 12px #ffffff4f;}
	
	.hxys .page5-main-r li{ height:149px; text-align:center;}
	.hxys .page5-main-r li a .tit{ font-size:30px;padding: 0 30px; line-height:1.8em;}
	
	.cats{ background:#eee; margin-bottom:10px;}
	.mms ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
	.mms li{width:380px; overflow:hidden;margin-bottom: 30px;}
	.mms li img{ height:360px;}
	
	.ch-home{ overflow:hidden;}


	

	
	
}	
@media (max-width:800px) {
	body{padding-bottom:65px!important;overflow: unset!important;background-color:#f2f2f2; height:auto!important;}
	.wrapper{margin: 0 10px;}
	.pc{ display:none;}
	.m{ display:unset;}
	.shadow,.shadow_li li { box-shadow:unset!important;}
	.optxt li a h3{ padding:5px 8px; font-size:14px;}
	.header,.header .gh {height: 50px;}
	.header .header-logo { line-height:50px;}
	.header .header-nav{top:50px;}
	.header .header-logo img { height:35px;}
	.sidebar{display: block!important;    position: absolute;}
	
	.pager .goto,.ph1box .share{ display:none;}
	.ph1box{ margin-top:-20px;height:auto; margin-bottom:10px;}
	.ph1box{ overflow:hidden;}
	.ph1box h1{ font-size:20px; padding:0;}
	.searchbox{ float:right;margin:0;padding:0;border: solid 1px #ccc;font-size: 12px;}
	.searchbox input{ padding:5px;box-shadow: unset;border:none;}
	.searchbox input.text{ width:100px;}
	
	.m-banner.mb60{ margin-bottom:30px;height: 180px;}	
	.g-type-box ul,.g-type-box ul li{border:none;}
	.g-type-box.c-5 li{width: 25%; }
	.g-type-box.c-6 li{width: 25%; }
	.g-type-box.c-7 li{width: 25%; }
	.g-type-box.c-8 li{width: 25%; }
	
	.footer {padding-bottom: 60px;}
	.banner{ height:260px;}
	.m-banner img{height:100%;}
	.h-tit { margin-left:0; margin-top:20px;}
	.h-btn{ margin:20px;}
	.home .section{ background-image:none!important;}
	.home .section .pagec{padding:10px; overflow:hidden;}
	.fl,.fr{ float:none!important; width:100%!important;}
	.home .section .fr{ float:none; width:100%!important; margin:0;}
	.home .section .fl{ float:none;width:100%!important; margin:0;}
	
	.home .section .cn,.home .section .en {  color: #39ad4c!important;}
	
	 .cats li a{font-size: 16px;color:#333;}

	
	.linkus .sann{margin:0px auto;}
	.linkus .footer-ico li{  margin:0; width:25%;}
	.fhcase li img {width: 100%; height: 240px;}
	.sgcase ul{display: flex;justify-content: space-between; flex-flow: row wrap;}
	.sgcase li img {width: 100%; height: 120px;}
	.sgcase li{ margin-bottom:20px;width: 48.5%;}
	
	.aboutus .txt{ height0:18em; overflow:hidden; position:relative;display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
	}
	/*.aboutus .txt .more{ height:51px;background: url(../imgs/more.png) center; position: absolute;width: 100%; bottom: 0;left: 0;}*/
	
	.cats{ overflow:auto;}
	.cats li a{padding:5px 0;width: 25%;text-align: center; margin:0;}
	.mms li{ float:left; width:50%; padding:10px 0; overflow:hidden;}	
	.mms li:nth-child(2n){ padding-left:5px;}
	.mms li:nth-child(2n+1){ padding-right:5px;}
	.mms li img{ height:160px;}
	.mms li a h3{ padding:1px 5px!important; background:none; color:#444; position:unset;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
	
	.m-case-list li .img{ height:200px;}
	.m-case-list .g-time{left: 0!important;top: 0!important;transform: scale(0.8);opacity:1;}
	.m-case-list .tit{white-space:normal;font-weight: normal;}
	.m-case-top,.m-case-list .txt{ display:none;}


	.header-subnav{margin-left: 14px;transition:all 0.3s; overflow: hidden;position: unset;}
	.header-nav li >a.no:after{content:"·";}
	.header-subnav dd a{background: #16468e82;line-height:35px;}
	
	.share.nohome{ display:none;}


	.m-case-top img{ height:240px!important;}
	.m-case-list .item .img{ height:200px;}
	.m-case-list li{ float:none; margin:0;width:100%; margin-bottom:20px;}
	.inner,.inner .txt{ height:auto!important;}
	
	.m-pt li>a{ overflow:hidden;padding:0px;box-shadow: unset;}
	.m-pt .inner { margin-left: 150px; padding:0;}
	.m-pt li .img {float: left;width: 140px;height:80px!important;}
	.m-p li .img {height:120px!important;}
	.m-pt .tit{ line-height:2em;}
	.m-pt .btn, .m-pt .g-time{ display:none;}
	
	.ch-lhmm .m-case-list.wowlist li .img,.r-lhmm.m-case-list li .img{height: 160px!important;}

	.m-p.m-pt li .img{ float:none; width:100%;height: 120px;}
	.m-p.m-pt li{ width:48%; text-align:center;}
	.m-p.m-pt .inner {float:none; padding:0;margin:0;}
	
	.m-detail-tit .info h1{ font-size:24px; margin-bottom:20px;}
	
	.m-team-list .des{width:100%;}
	.page3-tabbd1 dd{padding-bottom: 32px;}
	.page3-tabbd2 .list .item{height: 33px;}
	.page3-tabbd4-l{padding-bottom: 23px;}
	.page4 .des{ height: 67px; overflow: hidden; line-height:1.6em; padding:0; margin:0;margin-bottom:-10px;}
	.page4 .h-btn{display: none;}
	.page4 .des p:first-child{margin-bottom:0;}
	.page4-tit{font-size:18px;text-align: center;margin-top:5px;}
	
	.page5-main{background: #00000070;}
	/*.page4 .des	p{ color:#fff!important;}
	
	.page4-main-inner{ position:absolute; bottom:0; width:100%; left:0;background:rgba(0,0,0,0.8);}
	.page4-main-inner a{ color:#fff;}
	.page4-main-inner{ margin:-15px 0;}
	*/
	.hpage4-tit{font-size: 18px;margin-top: 10px; text-align:center;}
	.page3-tabhd li {text-indent:-14px;line-height:40px; border-radius: 0 37px 0 0; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.67);}
	.page5-main-l li img{ height:225px;}
	.m-about-adv .list li.active .inner{width: auto;}
	.m-serve-special .main li{display: block;}
	.m-serve-special .main li .img{float: left;box-sizing: border-box;}
	.m-serve-special .main li .inner{float: right;box-sizing: border-box;}	
	.m-serve-special .main li:nth-child(2n) .img{float: right;}
	.m-serve-special .main li:nth-child(2n) .inner{float: left;}
	.m-teaminfo-view .inner-box .info{margin-top: 0px;}
	.m-teaminfo-view .img{z-index: 1; margin-right: 13px;}
	.m-teaminfo-view .img{width: 40%; }
	.m-teaminfo-view .img>img{height: 182px;   box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.5);}
	
	.m-teaminfo-view .inner{float: none;width: auto;}
	.m-teaminfo-view .inner .inner-box{ margin:0;background-position: -10px 10px;  padding: 15px;}
	.m-teaminfo-view .inner-box .info p:first-child { font-size: 18px;}
	.m-contact-map .main{background-size: unset; height:250px;}
	.m-contact-msg .btn button{width: 100%;}
	.g-type-box a{line-height:35px;border-radius: 20px; margin:2px;}
	.m-detail-main-r{ display:block;width: 100%;}
	.m-detail-list .hd{ text-align:left;}
	
}