@charset "utf-8";
@font-face {
    font-family: 'HelveticaNeueLT';
    src: url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.eot'); /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.woff') format('woff'), /* Modern Browsers */
         url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.svg#HelveticaNeueLTPro-Th') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
.clear{clear:both; display:block}
/*header*/
.logo{ padding:0; padding-left:70px; height:80px; transition:all 0.3s linear; position:relative; z-index:1;}
.logo span{ display:block; width:100%;}
.logo img{ width:auto; height:80px;}
.logo .shows{ display:none;}
.logo .hides{ display:block;}
nav.navbar.bootsnav{ position:absolute; left:0; top:0; width:100%; background:#FFFFFF; border-bottom-color:#dfdee5; color:#666666; z-index:2;}
nav.navbar.bootsnav ul.nav{ position:relative; max-width:700px; margin:auto; float:right; letter-spacing:2px;}
nav.navbar.bootsnav ul.nav > li > a,.attr-nav > ul > li > a{ color:#666666; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0; padding-right:5px;}
nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:30px 10px 20px; line-height:30px; color:#000000; transition:all 0.3s linear;}
nav.navbar.bootsnav ul.nav > li > a:after{ content:"" !important; margin:0 !important; position:absolute; left:0; top:0; width:100%; height:0; background:#00944b;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:160px; min-width:160px; background:rgba(255,255,255,0.65); border:none; text-align:center; left:50%; margin-left:-70px; animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li{ border-bottom:1px solid rgba(255,255,255,0.65);}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child{ border:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ font-size:14px; border:none; color:#333333; background:none !important; transition:all 0.4s linear;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on a{ color:#000000;}
nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ color:#000000;}
.navRig{ line-height:80px; font-size:0; margin:0; position:relative; z-index:1;}
.navRig > ul{ vertical-align:middle; margin:0; font-size:0;}
.navRig > ul > li{ margin-left:15px;}
.navRig > ul > li.navTel{ margin-left:0px;}
.navRig > ul > li > a{ font-size:14px; display:inline-block; vertical-align:middle; padding:0; text-align:center; transition:all 0.4s linear;}
.navRig > ul > li:not(.navTel) > a > i{ position:relative; top:5px;}
.navRig > ul > li.on > a,nav.navbar.bootsnav.no-background.white .attr-nav > ul > li.on > a{}
.navTel{ width:230px; padding:0 0.2rem; text-align:right; border-left:1px solid #e1e4eb; overflow:hidden;}
.navTel span,.navTel strong .navTel img{ display:block; line-height:normal; text-align:right;}
.navTel span{ font-size:12px; line-height:33px; color:#666666; float:right;}
.navTel strong{ font-size:20px; font-family:Arial; color:#00944b; line-height:33px; float:right; padding:0 15px;}
.navTel img{ border:1px solid #00944b; padding:4px; border-radius:50%; float:right;display:block;position: relative;left: -150px; -webkit-filter: drop-shadow(#00944b 150px 0);filter: drop-shadow(#00944b 150px 0);}
.navTel p{ font-size:14px; line-height:33px; color:#00944b; float:right; margin-right:10px;border:1px solid #00944b; border-radius:50%; width:33px; height:33px;}
.MenuBtn{ width:30px; height:30px; cursor:pointer; padding-top:9px; margin:30px 10px 20px; position:relative; transition:all 0.3s linear;}
.MenuBtn span{ display:block; width:16px; height:2px; background:#000000; margin:0 auto; transition:all 0.3s linear;}
.MenuBtn span:nth-child(2){ margin:3px auto;}
.MenuBtn.active span:nth-child(2){ opacity:0; transform:translateX(100%);}
.MenuBtn.active span:nth-child(1){ transform:rotate(45deg) translate(4px,3px);}
.MenuBtn.active span:nth-child(3){ transform:rotate(-45deg) translate(4px,-3px);}

nav.navbar.bootsnav.no-background{ border-bottom:1px solid rgba(255,255,255,0.2); transition:all 0.3s linear;}
nav.navbar.bootsnav.no-background:after{ display:none;}
nav.navbar.bootsnav.no-background .logo{ height:90px; transition:all 0.3s linear;}
nav.navbar.bootsnav.no-background .logo .shows{ display:block;}
nav.navbar.bootsnav.no-background .logo .hides{ display:none;}
nav.navbar.bootsnav.no-background ul.nav > li > a{ padding:30px 10px 30px;}
nav.navbar.bootsnav.no-background ul.nav > li > a:after{ background:#FFFFFF;}
nav.navbar.bootsnav.no-background ul.nav > li.active > a:hover,nav.navbar.bootsnav.no-background ul.nav > li.active > a:focus{ color:#FFFFFF;}
nav.navbar.bootsnav.no-background .MenuBtn{ margin:30px 10px 30px;}
nav.navbar.bootsnav.no-background .MenuBtn span{ background:#FFFFFF;}
nav.navbar.bootsnav.no-background .navRig{ line-height:90px;}
nav.navbar.bootsnav.no-background .navRig > ul > li:not(.navTel) > a > i{ top:10px;}
nav.navbar.bootsnav.no-background .navTel{ border-left:1px solid rgba(255,255,255,0.2);}
nav.navbar.bootsnav.no-background .navTel span,nav.navbar.bootsnav.no-background .navTel strong { color:#FFFFFF;}
nav.navbar.bootsnav.no-background .navTel img{border:1px solid #fff;display:block;position: relative;left: -150px; -webkit-filter: drop-shadow(#fff 150px 0);filter: drop-shadow(#fff 150px 0);}
nav.navbar.bootsnav.no-background .navTel p{color:#fff; border:1px solid #fff;}

nav.navbar.bootsnav.MenuCut{ background:#FFFFFF; border-bottom-color:#dfdde4}
nav.navbar.bootsnav.MenuCut .logo .shows{ display:none;}
nav.navbar.bootsnav.MenuCut .logo .hides{ display:block;}
nav.navbar.bootsnav.MenuCut ul.nav > li > a,nav.navbar.bootsnav.MenuCut ul.nav > li.active > a, nav.navbar.bootsnav ul.nav.MenuCut > li.on a{ color:#000000 !important;}
nav.navbar.bootsnav.MenuCut .MenuBtn span{ background:#000000;}
nav.navbar.bootsnav.MenuCut .navRig > ul > li > a{ color:#666666 !important;}
nav.navbar.bootsnav.MenuCut .navTel span{ color:#666666;}
nav.navbar.bootsnav.MenuCut .navTel strong{ color:#00944b;}
nav.navbar.bootsnav.MenuCut .navTel p{color:#00944b; border:1px solid #00944b;}

.menuBg{ position:fixed; left:0; width:100%; top:auto; z-index:2; background:#e1e4eb; display:none;}
.menuList{ max-width:1200px; margin:0 auto; padding:0.2rem 0 0.4rem; padding-right:100px; position:relative; font-size:0;}
.menuList li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:10px;}
.menuList li h3{ margin:0.14rem 0;}
.menuList li h3 a{ display:block; font-size:16px; color:#000000; line-height:24px;}
.menuSub{ font-size:0; margin:0.14rem 0;}
.menuSub a{ display:inline-block; vertical-align:top; width:50%; font-size:14px; line-height:24px; color:#666666;}
.menuList li.last{ display:block; position:absolute; right:0; top:0.2rem; width:auto; text-align:right;}
.menuList li.last a{ margin-bottom:0.1rem;}

.bannerhead{ height:550px; overflow:hidden; position:relative;}
.banner{ height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide{ position:relative; overflow:hidden;background:url(../images/banner.jpg) center no-repeat;}
.banImg{ height:100%; transform:scale(1); transition:all 3s linear;}
.banner .swiper-slide-active .banImg{ transform:scale(1.1); transition:all 6s linear;}
.banLefBg,.banRigBg{ display:block; position:absolute; top:0; width:100%; height:100%;}
.banLefBg{ left:0; background:url(../images/ban0Bg1.png) center center no-repeat; background-size:cover;}
.banRigBg{ right:0; background:url(../images/ban0Bg2.png) center center no-repeat; background-size:cover;}
.banName{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/banWangJian.png) center center no-repeat; background-size:100% auto; z-index:1;}
#particles{ position:absolute; left:0; top:92px; right:0; bottom:0; z-index:1;}
#particles .pg-canvas{ opacity:0.1;}
.banText li{ position:absolute; left:50%; top:42%; transform:translate(-50%,-70%); color:#FFFFFF; text-align:center; width:100%; max-width:1400px; padding:0 15px; display:none;}
.banTextEn{ font-size:50px; line-height:200%;font-weight:bold;}

.banTextCn{ font-size:25px; line-height:200%;}
.banTextCn i{ margin:0px;}
.showTit i{ display:inline-block; vertical-align:text-bottom; transform:translateY(120px); opacity:0; transition:all 1s ease-in-out 0s;}
.showTit span{color:#00944b}
.banTextInfor{ font-size:16px; margin:50px auto 0px auto;}
.banTextInfor i{background:#00944b; line-height:50px;}
.banTextInfor i b{ display:block; vertical-align:middle; white-space:nowrap; overflow:hidden; transition:all 0.6s ease-out 0s;}
.banTextInfor i b.h{ width:0;}
.banTextimg{display:block; position:absolute; left:0; bottom:15%; width:100%; text-align:center; z-index:1;}
.banTextEn i,.banTextCn i,.banTextInfor i{ display:inline-block; vertical-align:middle; font-style:normal;}

.banTextInfor i{ transform:translateX(-10px);}
.banText li.active{ display:block;}
.banText li.active .showTit.act i{ transform:translateY(0); opacity:1;}
.banText li.active .banTextInfor.act i { transform:translateX(0);}
.banPage{ display:block; position:absolute; left:0; bottom:5%; width:100%; text-align:center; z-index:1;}
.banPage .swiper-pagination-bullet{ width:30px; height:16px; background:none; border-radius:0; opacity:0.5; margin:0 0.1rem;}
.banPage .swiper-pagination-bullet i{ display:block; width:100%; height:2px; margin:7px auto; background:#FFFFFF; transition:all 0.3s linear;}
.banPage .swiper-pagination-bullet-active{ background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; opacity:1;}
.banPage .swiper-pagination-bullet-active i{ width:0;}
.banBtn{ position:absolute; top:50%; width:40px; height:22px; z-index:1; background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; cursor:pointer; opacity:0; transition:all 0.3s linear; display:none;}
.banPrev{ left:2%;}
.banNext{ right:2%;}

.vidbacking-active-block-back {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -100;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.hmTit{padding:0.6rem 0 0.2rem; color:#121212; text-align:center;}
.hmTitEn{ font-size:35px; text-align:center;}
.hmTitEn p{display:inline-block;}
.hmTitEn p span{ color:#00944b;}
.hmTitEn img{display:inline-block; margin-left:20px;}
.hmTitCn{ font-size:18px; color:#676767; line-height:200%;margin:0.2rem auto; width:50%;}
.hmTitIco{ display:block; color:#8a8a8a; background-size:contain; position:absolute; right:0; bottom:0.3rem;}
.hmMore{ display:block; width:162px; height:38px; line-height:38px; border-radius:20px; text-align:center; margin:0.4rem auto; background:#00944b; color:#FFFFFF; font-size:14px; position:relative; overflow:hidden;}
.hmMore:after{ position:absolute; left:-60px; top:-30px; display:block; content:""; width:100%; height:20px; transform:rotate(45deg); transform-origin:left center; background:rgba(255,255,255,0.3);}
.hmMore span{ position:relative; z-index:1;}
.hmTitIco2{ display:inline-block; vertical-align:middle; position:static; margin-left:0.08rem;}
.hmMore:hover,.hmMore:focus{ color:#FFFFFF;}
.hmBg1{width:100%; height:auto;}
.hmBg1 .hmBgcenter{width:100%; height:auto;}
.hmBg1 .hmBgcenter .hmBg1left{ width:50%; height:auto; float:left;}
.hmBg1 .hmBgcenter .hmBg1left .product{float:left;width:100%;height:100%;overflow:hidden;position:relative;}
.hmBg1 .hmBgcenter .hmBg1left .product img{width:100%;height:auto;transition:all .5s;-webkit-filter: grayscale(0);/* Webkit */filter:gray;/* IE6-9 */filter: grayscale(0);/* W3C */}
.hmBg1 .hmBgcenter .hmBg1left .product:hover img{-webkit-filter: grayscale(1);/* Webkit */filter:gray;/* IE6-9 */filter: grayscale(1);/* W3C */}
.hmBg1 .hmBgcenter .hmBg1right{width:50%; height:auto; float:right; padding:1% 2% 0 3%;}
.hmBg1 .hmBgcenter .hmBg1right dl{width:100%; height:auto;}
.hmBg1 .hmBgcenter .hmBg1right dl dt{font-size:25px; line-height:60px; color:#333; font-weight:normal;}
.hmBg1 .hmBgcenter .hmBg1right dl dd{font-size:16px; line-height:35px; color:#676767; padding-top:15px;}
.hmBg1 .hmBgcenter .hmBg1right .dl_more{width:130px; line-height:38px; border:1px solid #676767; border-radius:20px; float:left; color:#676767; text-align:center; margin:5px 0;}
.hmBg1 .hmBgcenter .hmBg1right .dl_more:hover{border:1px solid #00944b;color:#fff; background:#00944b;}
.hmBg1 .hmBgcenter .hmBg1lefts{ width:50%; height:auto; float:right;}
.hmBg1 .hmBgcenter .hmBg1lefts .product{float:left;width:100%;height:100%;overflow:hidden;position:relative;}
.hmBg1 .hmBgcenter .hmBg1lefts .product img{width:100%;height:auto;transition:all .5s;-webkit-filter: grayscale(1);/* Webkit */filter:gray;/* IE6-9 */filter: grayscale(1);/* W3C */}
.hmBg1 .hmBgcenter .hmBg1lefts .product:hover img{-webkit-filter: grayscale(0);/* Webkit */filter:gray;/* IE6-9 */filter: grayscale(0);/* W3C */}
.hmBg1 .hmBgcenter .hmBg1rights{width:50%; height:auto; float:left; padding:1% 2% 0 3%;}
.hmBg1 .hmBgcenter .hmBg1rights dl{width:100%; height:auto;}
.hmBg1 .hmBgcenter .hmBg1rights dl dt{font-size:25px; line-height:60px; color:#333; font-weight:normal;}
.hmBg1 .hmBgcenter .hmBg1rights dl dd{font-size:16px; line-height:32px; color:#676767;}
.hmBg1 .hmBgcenter .hmBg1rights .dl_more{width:130px; line-height:38px; border:1px solid #676767; border-radius:20px; float:left; color:#676767; text-align:center; margin:5px 0;}
.hmBg1 .hmBgcenter .hmBg1rights .dl_more:hover{border:1px solid #00944b;color:#fff; background:#00944b;}

.hmBg2{width:100%; height:auto; margin:4% 0 0 0; padding:0 0 3% 0;background:url(../images/bg8.jpg) 100%;background-attachment:fixed;}
.hmBg2 .procon{width:23%; height:auto; float:left; margin:1%; padding:1%; background:#fff; text-align:center; border-radius:8px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.hmBg2 .procon .pimg{width:100%; height:auto;overflow:hidden;border-radius:8px;}
.hmBg2 .procon .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.hmBg2 .procon .ptit{width:100%; line-height:60px; color:#383a4e; font-size:16px; font-weight:bold; overflow:hidden;}
.hmBg2 .procon .ptit_more{line-height:40px; color:#fff; font-size:15px; background:#00944b; text-align:center; margin:auto; margin-bottom:12px; width:50%; border-radius:30px;}
.hmBg2 .procon a{color:#535353;}
.hmBg2 .procon:hover .ptit{color:#082c4b;}
.hmBg2 .procon:hover a{color:#fff;}
.hmBg2 .procon:hover .pimg img{transform:scale(1.2);}
.hmBg2 .procon:hover .ptit_more{background:#bdd774;}

@media screen and (max-width: 1200px) { 
.hmBg2 .procon .ptit{line-height:50px;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 1100px) { 
.hmBg2 .procon{width:48%;float:left;}
} 
/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) { 
.hmBg2 .procon .ptit{line-height:40px; font-size:13px;}
.hmBg2 .procon .ptit_more{line-height:40px; font-size:13px;width:70%;}
} 
/* 设置了浏览器宽度不大于660px时 */

.hmBg3{width:100%; height:auto;}
.hmBg3 .home_cases{width:100%; height:auto;}
.hmBg3 .home_cases .list_left{width:24%; height:auto; margin:0.5%; float:left; text-align:left; background:#00944b; position:relative;}
.hmBg3 .home_cases .list_left .dt{width:100%; line-height:20px; padding-top:38%; color:#fff;font-size:20px; text-align:center;position:absolute; z-index:2;}
.hmBg3 .home_cases .list_left img{width:100%;height:auto;filter:alpha(opacity=80);filter:alpha(opacity=80);opacity:0.8; z-index:1;}
.hmBg3 .home_cases .list_left:hover img{filter:alpha(opacity=10);filter:alpha(opacity=10);opacity:0.1;}
@media screen and (max-width: 1200.98px) { 
.hmBg3 .home_cases .list_left .dt{font-size:18px;}
} 
@media screen and (max-width: 1100.98px) { 
.hmBg3 .home_cases .list_left{width:48%; margin:1%;}
} 
@media screen and (max-width: 760.98px) { 
.hmBg3 .home_cases .list_left{width:100%; margin:1% 0;}
} 


.hmBg3 .home_cases .cases_list{width:23%; height:auto; margin:0% 1% 2% 1%; float:left;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.hmBg3 .home_cases .cases_list img{width:100%; height:auto;}
.hmBg3 .home_cases .cases_list p{width:100%; line-height:70px; padding:0 5%; font-size:20px; color:#333;}
.hmBg3 .home_cases .cases_list p span{float:left;}
.hmBg3 .home_cases .cases_list p b{float:right;}
.hmBg3 .home_cases .cases_list:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .4);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .4);  box-shadow:0 0 10px rgba(0, 0, 0, .4);}

.hmBg4{width:100%; height:auto; margin:4% 0 0 0; padding:0 0 3% 0;background:url(../images/bg9.jpg) 100%;background-attachment:fixed;}
.hmBg4 .colorcon{width:100%; height:auto;}
.hmBg4 .colorcon .cimg{width:19%; height:auto; margin:0.5%;overflow:hidden;border-radius:10px; float:left;}
.hmBg4 .colorcon .cimg img{width:100%; height:auto;}
@media screen and (max-width: 1000.98px) { 
.hmBg4 .colorcon .cimg{width:24%;}
} 
@media screen and (max-width: 760.98px) { 
.hmBg4 .colorcon .cimg{width:49%;}
}
.hmBg5{padding:0;}
.hm5Bot{margin:0.3rem 0 0.5rem 0; width:100%;}
.hm5Bot img{width:25%; float:left;}
.hm5Bot .hm5Bot_left{width:37%; float:left; margin:0 1% 0 2%;}
.hm5Bot .hm5Bot_left .hm5Bot_list{width:100%; float:left; padding:2% 4%; margin-bottom:3%;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.hm5Bot .hm5Bot_left .hm5Bot_list .hm5BotTime{font-size:12px; color:#454545; line-height:15px; padding:0.12rem 0; font-family:Arial, Helvetica, sans-serif;}
.hm5Bot .hm5Bot_left .hm5Bot_list .hm5BotTime p{font-size:45px; line-height:50px; font-weight:bold;}
.hm5Bot .hm5Bot_left .hm5Bot_list .hm5BotTit{font-size:18px; color:#454545; line-height:50px; transition:all 0.3s linear;}
.hm5Bot .hm5Bot_left .hm5Bot_list .hm5BotDes{font-size:15px; color:#999999; line-height:28px; padding-bottom:0.15rem; border-bottom:1px solid #e4e4e4;}
.hm5Bot .hm5Bot_left .hm5Bot_list:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .4);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .4);  box-shadow:0 0 10px rgba(0, 0, 0, .4);}
.hm5Bot .hm5Bot_left .hm5Bot_list:hover .hm5BotTit{color:#00944b;}

.hm5Bot .hm5Bot_right{width:34%; float:left; padding:1% 1.5%; margin-bottom:3%;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.hm5Bot .hm5Bot_right .hm5Bot_list{width:100%; float:left; border-bottom:1px solid #e4e4e4;}
.hm5Bot .hm5Bot_right .hm5Bot_list .hm5BotTime{font-size:12px; color:#454545; line-height:15px; padding:0.12rem 0; font-family:Arial, Helvetica, sans-serif; float:left; width:15%;}
.hm5Bot .hm5Bot_right .hm5Bot_list .hm5BotTime p{font-size:45px; line-height:50px; font-weight:bold;}
.hm5Bot .hm5Bot_right .hm5Bot_list .hm5Botcen{float:right; width:85%;}
.hm5Bot .hm5Bot_right .hm5Bot_list .hm5Botcen .hm5BotTit{font-size:18px; color:#454545; line-height:48px; transition:all 0.3s linear;}
.hm5Bot .hm5Bot_right .hm5Bot_list .hm5Botcen .hm5BotDes{font-size:15px; color:#999999; line-height:25px; padding-bottom:0.15rem;}
.hm5Bot .hm5Bot_right .hm5Bot_list:hover .hm5Botcen .hm5BotTit{color:#00944b;}
.hm5Bot .hm5Bot_right .hm5Bot_list:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2);}

@media screen and (max-width: 1550px) { 
.hmTitCn{width:60%;}
.hmBg1 .hmBgcenter .hmBg1right dl dd{font-size:15px; line-height:30px;} 
.hmBg1 .hmBgcenter .hmBg1rights dl dd{font-size:15px; line-height:30px;}
.hmBg2 .hm2_left{width:33.3%;}
.hmBg4 .hmBg4left{margin:0;}
.hmBg4 .hmBg4right .title_a{font-size:50px;line-height:80px;}
.hmBg4 .hmBg4right .title_b{font-size:30px;line-height:50px;}
.hm5Bot .hm5Bot_left .hm5Bot_list .hm5BotTime{padding:0.09rem 0;}
.hm5Bot .hm5Bot_left .hm5Bot_list .hm5BotTit{font-size:16px; line-height:40px;}
.hm5Bot .hm5Bot_left .hm5Bot_list .hm5BotDes{font-size:14px;line-height:20px;}
.hm5Bot .hm5Bot_right .hm5Bot_list .hm5Botcen .hm5BotTit{font-size:16px; line-height:40px;}
.hm5Bot .hm5Bot_right .hm5Bot_list .hm5Botcen .hm5BotDes{font-size:14px; line-height:20px;}
} 
/* 设置了浏览器宽度不大于1550px时 */
@media screen and (max-width: 1200px) {
.hmBg1 .hmBgcenter .hmBg1right dl dd{font-size:14px; line-height:25px;} 
.hmBg1 .hmBgcenter .hmBg1rights dl dd{font-size:14px; line-height:25px;}
.hmBg4 .hmBg4left{width:180px; padding:30px;line-height:40px; font-size:30px;}
.hmBg4 .hmBg4right{padding:0px 50px;}
.hmBg4 .hmBg4right .title_a{font-size:40px;line-height:60px;}
.hmBg4 .hmBg4right .title_b{font-size:25px;line-height:40px;}
.hmBg4 .hmBg4right .title_e{padding:20px 0 20px;}
.hm5Bot img{width:40%;}
.hm5Bot .hm5Bot_left{width:58%; margin:0 0% 0 2%;}
.hm5Bot .hm5Bot_right{width:100%; margin-bottom:3%;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 992px) { 
.hmTitCn{width:90%;}
.hmBg1 .hmBgcenter .hmBg1left{ width:100%; float:left;}
.hmBg1 .hmBgcenter .hmBg1right{width:100%; float:left; padding:1% 2% 0.5rem 3%;}
.hmBg1 .hmBgcenter .hmBg1lefts{ width:100%; float:left;}
.hmBg1 .hmBgcenter .hmBg1rights{width:100%; float:left; padding:1% 2% 0 3%;}
.hmBg2 .hm2_left{width:49.5%;}
.hmBg3 .home_cases .cases_list{width:48%; height:auto; margin:0% 1% 2% 1%;}
.hmBg3 .home_cases .cases_list p{font-size:16px;}
.hmBg4 .hmBg4left{width:100%; padding:0.2rem 0;line-height:40px; font-size:30px;}
.hmBg4 .hmBg4right{width:100%;padding:0.2rem 0;line-height:30px;}
.hmBg4 .hmBg4right .title_a{font-size:30px;line-height:60px;}
.hmBg4 .hmBg4right .title_b{font-size:18px;line-height:40px;}
.hmBg4 .hmBg4right .title_c{font-size:14px;}
.hmBg4 .hmBg4right .title_d{font-size:15px;}
.hm5Bot img{width:100%;}
.hm5Bot .hm5Bot_left{width:100%; margin:0;}
.hm5Bot .hm5Bot_right{padding:2% 4%;}
} 
/* 设置了浏览器宽度不大于992px时 */
@media screen and (max-width: 660px) { 
.hmBg2 .hm2_left{width:100%;border-right:0;}
.hmBg3 .home_cases .cases_list p{line-height:40px; font-size:14px;}
} 
/*页脚*/
.footnav{width:100%; height:auto; background:url(../images/foot_back.jpg) center no-repeat; background-attachment:fixed; text-decoration:none; padding:3% 0 0 0; color:#b0b5ae;font-size:15px;}
.footnav .logo_m{width:40%; height:auto; float:right;}
.footnav .logo_m .dt{width:100%; float:left; font-family:Arial;font-size:25px; line-height:60px; font-weight:bold;}
.footnav .logo_m .logo_txt{width:auto; line-height:30px; padding:0 0 3% 0; float:left;}
.footnav .logo_m .select_txt{width:100%; line-height:36px; padding:0; float:left;}
.footnav .logo_m .select_txt select{width:180px; height:34px; line-height:34px; border:1px solid #b0b5ae; padding-left:10px; float:left; background:none; font-size:15px;}
.footnav .logo_m .select_txt select option{line-height:34px; height:34px; background:#e9e9e9;}
.footnav .tit{width:16%; height:auto; float:left; text-align:left;}
.footnav .tit .dt{width:100%; float:left; font-family:Arial;font-size:25px; line-height:60px; font-weight:bold; }
.footnav .tit .dd{width:100%; float:left; line-height:35px;color:#b0b5ae;}
.footnav .tit .dd:hover{color:#00944b;}
.footnav .contact{width:25%; height:auto; float:left; padding-right:5%; line-height:35px; text-align:left; font-family:Arial;}
.footnav .contact .dt{width:100%; float:left;font-family:Arial; font-size:25px; line-height:60px; font-weight:bold;}
.footnav .contact .dd{width:100%; float:left; line-height:35px;color:#b0b5ae;}
.footnav .contact .dl{width:100%; float:left; line-height:40px; padding:2% 0;}
.footnav .contact .dl img{width:40px; float:left; height:40px;}
.footnav .contact .dl p{float:left; text-indent:15px;}
.ding{width:64px; height:64px; position:absolute; right:0px;}
.footer{width:100%; line-height:30px; padding:30px 0; text-align:left; border-top:1px solid #3c5135; margin-top:2%;}
.footer a{color:#b0b5ae !important;}
.footer a:hover{color:#00944b !important;}

@media screen and (max-width: 1200px) { 
.footnav{font-size:14px;}
.footnav .logo_m{width:100%;padding-right:0;}
.footnav .logo_m .dt{font-size:18px;line-height:40px;}
.footnav .tit{width:100%;}
.footnav .tit .dt{font-size:18px;line-height:40px;}
.footnav .tit .dd{width:25%; font-size:14px; line-height:30px;}
.footnav .contact{width:100%;}
.footnav .contact .dt{font-size:18px;line-height:40px;}
.footnav .contact .dd{width:100%; font-size:14px; line-height:28px; padding:0 0 10px 0;}
.footnav .contact .dl{padding:1% 0;}
.footer{text-align:left;}
} 

@media screen and (max-width: 860px) {
.footnav .tit .dd{width:50%; line-height:30px;}
.footer{line-height:30px; padding:10px 0 90px 0;}
} 

/*font*/
@font-face {
	font-family: "commonfont";
	src: url('../font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');
}
.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/* footer */
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background:#00944b;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot_float {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot-relative_float {
	position: relative;
	width: 100%;
	height: 0.8rem;
}
.foot_float a {
	display: block;
	float: left;
	width: 33.33%;
	color: #ffffff
}
.foot_float a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size:30px;
	line-height:40px;
}
.foot_float a h3 {
	width: 100%;
	text-align: center;
	font-size:14px;
	line-height:20px;
}

@media screen and (max-width: 660px) { 
.footer_float {
	height:70px;
	padding:5px 0;
}
} 

/* 设置了浏览器宽度不大于660px时 */

.onLine{ position:fixed; right:50px; top:50%; z-index:1;}
.onLogo{ width:60px; height:60px; background:url(../images/onLogo.png) center center no-repeat; background-size:60px auto; cursor:pointer; position:relative; border-radius:50%;}
.onQQ,.onTel,.onWx{ position:absolute;}
.onQQ{ bottom:100%; left:50%; transform:translateX(-50%);}
.onTel{ right:100%; top:50%;transform:translateY(-50%);}
.onWx{ top:100%; left:50%; transform:translateX(-50%);}
.onH{ display:block; width:25px; height:1px; background:#00944b; transition:all 0.3s linear;}
.onS{ display:block; width:1px; height:25px; background:#00944b; margin:0 auto; transition:all 0.3s linear;}
.onQQ .onS{ margin-top:5px;}
.onWx .onS{ margin-bottom:5px;}
.onTel{ white-space:nowrap;}
.onLink{ display:block; transition:all 0.3s linear 0.3s;}
.onTel .onLink{ position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.onTel .onH{ margin-right:5px;}
.onIco{ position:relative; /*background:rgba(255,255,255,0.4);*/ padding:7px; border-radius:50%;}
.onIco span{ display:block; opacity:0; visibility:hidden; white-space:nowrap; font-size:14px; color:#a1a1a1; position:absolute; transition:all 0.3s linear;}
.onQQ .onIco span{ bottom:100%; left:50%; transform:translateX(-50%); margin-bottom:5px;}
.onTel .onIco span{ right:100%; top:50%; transform:translateY(-50%); font-family:Arial; padding-right:5px; line-height:23px;}
.onWx .onIco span{ top:100%; left:50%; transform:translateX(-50%); margin-top:10px;}
.onLine.active .onIco img{ transform:scale(0); opacity:0; transition:all 0.3s linear;}
.onLine.active .onLink{ transform:scale(0); opacity:0; visibility:hidden; transition:all 0.3s linear;}
.onLine.active .onS{ height:0; transition:all 0.3s linear 0.3s;}
.onLine.active .onH{ width:0; transition:all 0.3s linear 0.3s;}

@media (min-width:1201px){
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{}
	nav.navbar.bootsnav ul.nav > li > a:hover{ background:#f5f5f5 !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ height:2px;}
	nav.navbar.bootsnav.no-background ul.nav > li > a:hover{ background:none !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover span{ border-color:#d07235;}
	.menuList a:hover{ text-decoration:underline;}
	.banner:hover .banBtn{ opacity:1;}
	.hmMore:hover{ box-shadow:2px 2px 0 rgba(0,0,0,0.3); transition:all 0.3s linear;}
	.hmMore:hover:after{ left:100%; transition:all 0.4s linear;}
	.hm2 li:hover .hm2Bg{ height:100%; transition:all 0.6s cubic-bezier(.66,.7,.9,-0.5);}
	.hm2 li:hover .hm2Ico img{ animation:swing 1s linear 1;}

	.friendList li a:hover{ opacity:1;}
	.ftCon a:hover{ color:#FFFFFF;}
	.onLink:hover .onIco span{ opacity:1; visibility:visible;}
}
@media (min-width:1400px){
	.container{ width:90%;}
}
@media (max-width:1600px){
	.logo{ padding-left:20px; padding-right:0px;}
	.navRig > ul > li.navTel{ margin-left:10px;}
	.navTel{ width:310px;}
	.banTextEn{ font-size:68px;}
	.banTextCn{ font-size:38px;}
	.banTextInfor{ font-size:28px;}
	.hmTitEn{ font-size:50px;}
	.hmBg5{ padding:30px 0 50px;}
	.onLine{ right:35px;}
	.banInner,.banInner .imgBg{ height:420px;}
	.banCon{ margin-top:-210px;}
	.banH2 strong{ font-size:40px;}
	.banH2{ font-size:26px;}
	.banH2 img{ max-width:28px;}
}
@media (max-width:1400px){
	.navTel{ width:310px;}
	.hmTitEn{ font-size:40px;}
	.banDes{ font-size:14px; line-height:22px;}
	nav.navbar.bootsnav ul.nav > li{padding-right:0px;}
}
@media (max-width:1200px){
	nav.navbar.bootsnav.no-background{ border:none;}
	nav.navbar.bootsnav.no-background .logo{ height:60px;}	
	nav.navbar.bootsnav.no-background ul.nav > li > a{ padding:5px 0;}
	nav.navbar.bootsnav.no-background .navRig{ line-height:60px;}
	nav.navbar.bootsnav.no-background .navTel{ border-left:1px solid #e1e4eb; border-right:1px solid #e1e4eb;}
	nav.navbar.bootsnav.no-background .navTel span{ color:#666666;}
	nav.navbar.bootsnav.no-background .navTel strong{ color:#00944b;}
	nav.navbar.bootsnav.no-background .navTel img{border:1px solid #00944b;display:block;position: relative;left: -150px; -webkit-filter: drop-shadow(#00944b 150px 0);filter: drop-shadow(#00944b 150px 0);}
    nav.navbar.bootsnav.no-background .navTel p{color:#00944b; border:1px solid #00944b;}
	nav.navbar.bootsnav.no-background .navRig > ul > li:not(.navTel) > a > i,.navRig > ul > li:not(.navTel) > a > i{ top:0;}
	.logo{ padding:0; height:60px;}
	.logo .shows{ display:none !important;}
	.logo .hides{ display:block !important;}
	nav.navbar.bootsnav{ border:none;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px; min-height:60px; border-bottom:2px solid #dfdee5;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important; display:flex;}
	.navRig{ position:absolute; line-height:60px; right:40px; margin:0; z-index:1;}
	.navTel{ width:auto; border-right:1px solid #e1e4eb;}
	.navTel strong{ font-size:20px;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important; float:right; margin-right:0; margin-top:13px; color:#00944b;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:none;}
	nav.navbar.bootsnav .navbar-nav{ padding:0;}
	nav.navbar.bootsnav ul.nav{ left:0; padding:10px 0;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li.last{ display:none;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:5px 0; border-bottom:none; margin:-1px 0 0; border-top-style:dashed;}
	nav.navbar.bootsnav ul.nav > li > a > span{ border:none; text-align:right;}
	nav.navbar.bootsnav ul.nav > li > a:after{ top:-1px; height:0;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ position:static !important; background:none; text-align:left;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ border:none;}
	nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav ul.nav > li.on a{ background:none !important;}
	nav.navbar.bootsnav ul.nav > li.active > a{ font-weight:bold;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ border-bottom:1px dashed #e0e0e0;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ content: url('../images/nav_jia.png'); font-size:14px; color:#666666;}
	nav.navbar.bootsnav li.dropdown.on a.dropdown-toggle:before{ content: url('../images/nav_jian.png');}
	.menuBg{ display:none !important;}
	#particles{ top:62px;}
	.banTextEn{ font-size:48px;}
	.banTextCn{ font-size:28px;}
	.banTextInfor{ font-size:22px;}
	.hmTitEn{ font-size:25px;}
	.hmTitCn{ font-size:16px;}
	.hmBg1 .hmBg1left{ width:100%;}
    .hmBg1 .hmBg1left .kehu{width:12.5%;}
    .hmBg1 .hmBg1right{ width:100%; padding-top:30px;}
	.hmBg2{ padding:0.3rem 0;}
	.hmBg2 .hmTit{ position:static; transform:translateX(0);}
	.hm2 li{ padding:0 0 0.3rem;}
	.hm2A{ padding:0 10px;}
	.hmBg5{ padding:0.3rem 0 0.5rem; background-size:25% auto;}	
	.ftTit{ font-size:16px;}
	.banInner,.banInner .imgBg{ height:3.8rem;}
	.banConBg{ background:#FFFFFF; padding-bottom:0.2rem; border-bottom:1px solid #DDDDDD;}
	.banCon{ margin-top:-50px; color:#000000;}
	.banDouHao{ background-image:url(../images/banDouHao2.png); margin:0.1rem 0; display:none;}
	.banLef,.banRig{ float:none; width:100%; text-align:left; max-width:100%;}
	.banH2{ font-size:18px; line-height:24px; margin:13px 0; color:#FFFFFF;}
	.banH2 strong{ font-size:20px; margin-right:0.1rem;}
	.banH2 img{ max-width:16px; margin-left:0.1rem;}
	.banDes{ display:none;}
	.banRig a,.breadcrumb > .active,.breadcrumb > li + li:before{ color:#000000;}
	.banRig{ padding-top:0.16rem;}
	.breadcrumb{ margin:0; padding:0;}
	.breadcrumb > li:first-child{ background-image:url(../images/breadNavBg2.png);}
	.onLine{ display:none;}
}
@media (max-width:991px){
	.hmBg1 .hmBg1left .kehu{width:25%;}
	.hm2 li{ width:50%;}
	.mBL{ max-width:100%; margin-bottom:0.2rem;}
	.mBL_Btn,.mBR_Btn{ line-height:42px;}
	.mBR li{ padding:5px 6px;}
	.mBR_Input{ height:42px; padding-top:6px; padding-bottom:6px; padding-left:20px;}
	.must{ width:20px;}
	#navPage,.mouse{ left:0.1rem;}
	#navPage{ display:none;}
	.mouse{ top:auto; bottom:2%; left:auto; right:15px;}
}
@media (max-width:767px){
	.hmBg1 .hmBg1right .computer{ width:100%;}
	.hmBg1 .hmBg1right .computer .kuang .k_tit{font-size:12px;}
	nav.navbar.bootsnav .navbar-header{ margin:0;}	
	nav.navbar.bootsnav .navbar-nav{ margin:0;}
	.banTextEn{ font-size:0.56rem;}
	.banTextCn{ font-size:0.34rem;}
	.banTextInfor{ font-size:0.28rem;}
}
@media (max-width:640px){	
	.hm2 li{ width:50%;}
	.hm2 li:nth-child(5){ display:none;}
	.hm2Ico{ width:40px;}
	.hm2Tit{ font-size:16px;}
	.hmBg2 .hmMore{ display:block;}
	.hm5BotTit{ font-size:16px;}
	.hmTitCn{ font-size:14px;}
	.friendTit{ float:none;}
	.friendList{ margin-left:0;}
	.caseList .hm3Logo{ width:80%;}
	.caseList .hm3Logo img{ max-width:50%;}
	.error{ font-size:0.28rem;}
	.error h3{ font-size:0.36rem;}
	.errNav li a{ font-size:0.32rem;}
}
@media (max-width:460px){
	.navPcTel{ display:none !important;}
	.navMobTel{ display:block !important; font-size:18px !important;}
	nav.navbar.bootsnav .navbar-header{ min-height:50px;}
	.logo{ height:50px;}
	.logo img{ height:40px;}
	.navRig{ line-height:50px;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:6px;}
	nav.navbar.bootsnav.no-background .logo{ height:50px;}
	nav.navbar.bootsnav.no-background .navRig{ line-height:50px;}
	#particles{ top:52px;}
	.banPage .swiper-pagination-bullet{ width:24px; height:12px;}
	.banPage .swiper-pagination-bullet i{ margin:5px auto;}
	/*.hm1 li{ width:100%;}*/
	.hmMore{ width:150px; height:34px; line-height:32px;}
	.page a{ min-width:20px;}
	.pageNum,.pageTotal,.pageGo{ display:none !important;}
	.mainTel{ font-size:20px; line-height:30px;}
	.mBR li:last-child .mBR_Con{ padding-right:105px;}
	.mBR_Btn{ width:95px;}
	.conItem strong{ font-size:14px;}

}
@media (max-width:360px){
	.ftWechat{ float:none; margin:0 auto;}
	.copyRight{ text-align:center;}
}
/*20190715 微信分享*/
.share .shareWx .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all .35s;-moz-transition:all .35s}
.share .shareWx .wechat-qrcode.bottom{top:40px;left:-84px}
.share .shareWx .wechat-qrcode.bottom:after{display:none}
.share .shareWx .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.share .shareWx .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.share .shareWx .wechat-qrcode .qrcode table{margin:0!important}
.share .shareWx .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0;font-size:12px}
.share .shareWx .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px;border-style:solid;border-color:#fff transparent transparent}
.share .shareWx:hover .wechat-qrcode{display:block}