*{padding: 0;margin: 0;}
html{width: 100%;height: auto;}
body{width: 100%;height: auto;font-size: 14px;font-family: "Arial","Microsoft YaHei","宋体","黑体";}
li{list-style: none;}
a{text-decoration: none;}
a img{border: 0 none;}
input,textarea{border: 0 none;outline: none;font-size: 16px;color: #555;font-family: "Microsoft YaHei","Arial","宋体","黑体";}
textarea{resize: none;overflow: auto;}
.W1200{width: 1160px;padding: 0 20px;margin: 0 auto;overflow: hidden;}
/* load */
.htmleaf-container{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #0f222b;z-index: 100;}
.bb,.bb::before,.bb::after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.bb {width: 200px;height: 200px;margin: auto;background: url("../img/Button-White-Large.png") no-repeat 50%/70% rgba(0, 0, 0, 0.1);
	color: #69ca62;box-shadow: inset 0 0 0 1px rgba(105, 202, 98, 0.5);}
.bb::before, .bb::after {content: '';z-index: -1;margin: -5%;box-shadow: inset 0 0 0 2px;animation: clipMe 8s linear infinite;}
.bb::before {animation-delay: -4s;}
.bb:hover::after, .bb:hover::before {background-color: rgba(105, 202, 98, 0.3);}
@keyframes clipMe {
	0%, 100%{
		clip: rect(0px, 220.0px, 2px, 0px);
	}
	25%{
		clip: rect(0px, 2px, 220.0px, 0px);
	}
	50%{
		clip: rect(218.0px, 220.0px, 220.0px, 0px);
	}
	75%{
		clip: rect(0px, 220.0px, 220.0px, 218.0px);
	}
}
/* 首页 */
.main{width: 100%;height: auto;overflow: hidden;background: url(../img/a1.jpg);min-width: 1200px;max-width: 1920px;margin: 0 auto;}
header{width: 100%;height: 40px;background: #e62129;box-shadow: 0 0 20px #555;position: relative;z-index: 1;}
.header-main{width: 100%;height: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;}
.header-left{float: left;height: 100%;}
.header-left>a{display: block;float: left;height: 20px;padding: 0 10px;line-height: 18px;margin: 10px;border-radius: 5px;color: white;
	background: #272727;}
.nav{float: left;height: 100%;}
.nav>a{display: block;width: 90px;float: left;line-height: 40px;text-align: center;color: white;}
.nav>a.current{background: #cf0407;}
.nav>a:hover{background: #cf0407;}
.header-right{float: right;height: 100%;}
.header-right>a{display: block;width: 25px;height: 25px;float: left;margin-top: 7px;}
.header-right>a img{display: block;width: 100%;height: 100%;}
.weixin{width: 25px;height: 25px;position: relative;float: left;margin-left: 15px;margin-top: 7px;cursor: pointer;z-index: 10;}
.weixin img{display: block;width: 100%;height: 100%;}
.erweim{width: 120px;height: 120px;padding: 10px;background: white;border: 1px solid #ccc;border-radius: 4px;position: absolute;left: -58px;
	top: 35px;display: none;}
.erweim em{width: 16px;height: 16px;background: url(../img/em.png);position: absolute;left: 62px;top: -8px;}
.weixin:hover .erweim{display: block;}
.header-right>span{display: block;height: 26px;line-height: 26px;padding: 0 10px;float: left;margin: 7px 15px;font-weight: 600;
	background: #272727 url(../img/a3.png) no-repeat 10px center;text-indent: 25px;color: #fefe00;font-size: 15px;border-radius: 8px;}
section{width: 100%;height: auto;}
.home-banner{width: 100%;height: auto;position: relative;}
.bannbg{width: 100%;height: auto;}
.initimg,.lfimg,.rgimg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.bannrg,.bannlf{height: 100%;width: 60.43%;position: absolute;top: 0;display: none;}
.bannrg{right: 0;}
.bannlf{left: 0;}
.lfimg,.rgimg{display: none;}
.home-banner div img{display: block;height: 100%;width: 100%;}
.home-banner .bannbg img{display: block;width: 100%;height: auto;}
.logo{display: inline-block;position: absolute;left: 50%;margin-left: -210px;top: 60px;z-index: 4;}
.function{width: 100%;height: auto;margin-top: -90px;position: relative;z-index: 5;}
.function img{display: block;margin: 0 auto;}
.infor{width: 1000px;height: auto;margin: 0 auto;margin-top: 130px;color: #666;line-height: 25px;}
.infor>img{display: block;margin-bottom: 15px;}
a.alink{text-decoration: underline;color: #888;}
a.alink:hover{color: #ff0000;}
.home-anim{width: 400px;height: 445px;margin: 0 auto;margin-top: 50px;position: relative;}
.home-anim>img{display: block;}
img.leftImg{position: absolute;left: -350px;top: 230px;}
img.rightImg{position: absolute;right: -330px;top: 30px;}
.caseImg{width: 100%;height: 450px;position: relative;margin-top: 70px;}
.number{width: 220px;height: 100px;position: absolute;left: 50%;margin-left: -110px;top: -50px;color: #666;font-size: 18px;text-align: center;}
.number p.onum{font-size: 60px;color: #ff0000;}
#particles-js{width: 100%;height: 100%;}
.poscase{width: 1920px;height: 450px;background: url(../img/b8.png);position: absolute;top: 0;}
.poscase a{display: block;width: 10px;height: 10px;position: absolute;/* background: red; */}
/*  */
.poscase a.zxyy{left: 395px;top: 34px;}
.poscase a.slsyy{left: 455px;top: 214px;}
.poscase a.stxw{left: 717px;bottom: 98px;}
.poscase a.fljt{right: 835px;bottom: 157px;}
.poscase a.gkyy{right: 789px;top: 152px;}
.poscase a.fcxw{right: 357px;top: 112px;}
/*  */
.poscase a div{padding: 5px 10px;position: absolute;color: #333;border-radius: 4px;line-height: 25px;white-space: nowrap;text-align: center;
	min-width: 80px;}
.poscase a.showdow div{top: 10px;}
.poscase a.showup div{bottom: 10px;}
.poscase a div img{max-width: 80px;max-height: 80px;display: none;}
.poscase a:hover div{background: rgba(0,0,0,0.6);color: #ececec;}
.poscase a:hover div img{display: block;margin: 0 auto;}
.homeCase{width: 1200px;margin: auto;overflow: hidden\9;margin-top: 20px;}
.homeCase:after{content: " ";display: block;font-size: 0;height: 0;width: 100%;clear: both;}
.homeCase-list{width: 270px;margin: 5px;padding: 10px;float: left;cursor: pointer;background: white;text-align: center;border-radius: 3px;
	box-shadow: 0 0 0 rgba(0,0,0,0);-webkit-transition: all .3s ease;transition: all .3s ease;}
.homeCase-list:hover{box-shadow: 0 15px 30px rgba(0,0,0,.3);-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);}
.homeCase-list p{display: block;height: 150px;font-size: 0;line-height: 150px;padding-bottom: 5px;}
.homeCase-list img{max-width: 100%;max-height: 100%;vertical-align: middle;vertical-align: -webkit-baseline-middle;}
.homeCase-list span{display: block;font-size: 16px;color: #555;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
a.Magnifier{display: block;left: 50%;top: 50%;position: absolute;background: url(../img/a9.png) center center;border-radius: 50%;}
.homeNew{width: 1200px;height: auto;margin: 60px auto 0 auto;}
.homeNew>img{display: block;margin: 0 auto;}
.newCarousel{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.newCarousel>span{display: block;width: 80px;height: 170px;float: left;margin-top: 85px;cursor: pointer;}
span.prev-btn{background: url(../img/b1.png) no-repeat left top;}
span.next-btn{background: url(../img/b2.png) no-repeat right top;}
.posmain{width: 1040px;height: 344px;position: relative;overflow: hidden;float: left;}
.newCurLst{height: auto;overflow: hidden;position: absolute;left: 0;top: 0;}
.newCurLst li{width: 300px;height: auto;padding: 15px 15px 5px 15px;float: left;margin-left: 25px;background: white;}
.newCurLst li:first-child{margin-left: 0;}
.newCurLst li a,.newsList li a{display: block;width: 100%;height: auto;}
.newCurLst li a img{display: block;width: 300px;height: 185px;}
.newCurLst li a p.newTitle,.newsList li a p.newTitle
	{line-height: 35px;font-size: 20px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newCurLst li a p.newInfor,.newsList li a p.newInfor
	{display: block;width: 100%;height: 69px;line-height: 23px;color: #777;font-size: 13px;overflow: hidden;}
.newCurLst li a span,.newsList li a span
	{color: #555;line-height: 35px;font-size: 13px;}
.newCurLst li a:hover p.newTitle,.newsList li a:hover p.newTitle,.Newestlist li a:hover span{color: #ff0000;}
a.QQlink{display: block;width: 260px;height: auto;margin: 50px auto;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;}
/* 关于我们 */
.aboutmain{width: 100%;height: auto;padding-bottom: 50px;background: url(../img/b5.jpg);}
.introduce{width: 100%;height: auto;padding-top: 40px;background: url(../img/b6.jpg) no-repeat center top;}
.imgtitle{width: 240px;float: left;margin-top: 50px;}
.imgtitle img{display: block;}
.about-intro{width: 900px;height: auto;float: right;color: #555!important;line-height: 23px!important;}
.about-intro>p{text-indent: 20px;}
.ability{width: 100%;height: auto;clear: both;overflow: hidden;padding-top: 40px;}
.abilitylist{width: 260px;height: auto;float: left;margin-left: 40px;position: relative;cursor: pointer;}
.abilitylist:first-child{margin-left: 0;}
.abilitylist img{display: block;margin: 0 auto;}
.abilitylist p{text-align: center;color: #333;line-height: 23px;max-height: 46px;overflow: hidden;}
.menban{width: 100%;height: auto;position: absolute;top: 0;left: 0;background: url(../img/b5.jpg);}
.abilitylist:hover .menban{-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.history{width: 100%;height: auto;margin-top: 50px;background: url(../img/b7.jpg) no-repeat center bottom;}
.title{width: 100%;height: auto;overflow: hidden;}
.title>img{display: block;float: left;height: 90px;}
.title-infor{float: left;margin-left: 30px;padding: 20px 0;line-height: 25px;color: #333;}
.historydt{width: 100%;height: 450px;background: url(../img/c6.png);position: relative;}
.historydt div{position: absolute;line-height: 25px;color: #333;}
.historydt div span{font-size: 18px;}
.year1{left: 110px;bottom: 110px;}
.year2{left: 90px;top: 25px;}
.year3{left: 450px;top: 55px;}
.year4{left: 470px;top: 180px;}
.year5{left: 685px;top: 250px;}
.year6{left: 800px;bottom: 15px;}
.year7{right: 45px;bottom: 195px;text-align: right;}
/* 服务 */
.gsyw{width: 100%;position: relative;background: url(../img/b8.jpg) center center;background-size: cover;}
.gsyw-mb{width: 1365px;height: 100%;background: url(../img/c7.png) left bottom;background-size: cover;position: absolute;top: 0;display: none;}
.gsyw-dt{width: 460px;height: auto;padding-left: 740px;position: absolute;left: 50%;margin-left: -600px;bottom: 40px;display: none;}
.gsyw-list{width: 424px;padding: 40px 15px;background: url(../img/c8.png);background-size: 100% 100%;margin-left: 6px;}
.gsyw-list li{width: 400px;overflow: hidden;text-align: right;padding-right: 24px;background: url(../img/c9.png) no-repeat right center;
	color: white;margin-top: 45px;}
.gsyw-list li:first-child{margin-top: 0;}	
.gsyw-list li span{font-size: 26px;line-height: 35px;font-weight: 600;}
.gsyw-list li p{font-size: 12px;line-height: 20px;}
.gsyw-dt a.QQlink{margin-bottom: 0;}
.gsts{width: 100%;position: relative;background: url(../img/a9.jpg) center center;background-size: cover;}
.gsts-mb{width: 1365px;height: 100%;background: url(../img/d9.png) left bottom;background-size: cover;position: absolute;top: 0;display: none;}
.gsts-dt{width: 460px;height: auto;padding-left: 740px;position: absolute;left: 50%;margin-left: -600px;bottom: 40px;display: none;}
.gsts-content{padding-right: 20px;text-align: right;color: rgba(255,255,255,0.5);font-size: 16px;line-height: 30px;}
.gsts-list{margin-top: 40px;}
.gsts-list li{padding-right: 100px;background-repeat: no-repeat;background-position: right center;font-size: 22px;color: white;
	line-height: 50px;margin-top: 30px;text-align: right;display: none;}
.gsts-list li:first-child{margin-top: 0;}
.jhsj{background: url(../img/e1.png);}
.sjsj{background: url(../img/e2.png);}
.kfwz{background: url(../img/e3.png);}
/* 案例 */
.banner,.case-banner{width: 100%;height: 270px;background-position: center top;background-repeat: no-repeat;}
.caseClass{width: 100%;height: 55px;background: #343434;text-align: center;font-size: 0;line-height: 55px;}
.caseClass a{display: inline-block;height: 100%;padding: 0 30px;margin: 0 30px;color: white;font-size: 18px;}
.caseClass a.current{background: #161616;}
.caseClass a:hover{background: #161616;}
.caseList{width: 1200px;margin: auto;overflow: hidden\9;margin-top: 50px;}
.caseList:after{content: " ";display: block;font-size: 0;height: 0;width: 100%;clear: both;}
.caseList li{width: 270px;margin: 5px;padding: 10px;float: left;cursor: pointer;background: white;text-align: center;border-radius: 3px;
	box-shadow: 0 0 0 rgba(0,0,0,0);-webkit-transition: all .3s ease;transition: all .3s ease;}
.caseList li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.3);-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);}
.caseList p{display: block;height: 150px;font-size: 0;line-height: 150px;padding-bottom: 5px;}
.caseList img{max-width: 100%;max-height: 100%;vertical-align: middle;vertical-align: -webkit-baseline-middle;}
.caseList span{display: block;font-size: 16px;color: #555;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.caseList li{width: 25%;height: auto;float: left;}
.caseList li>a{display: block;width: 100%;height: auto;position: relative;}
.caseImgc{display: block;width: 100%;overflow: hidden;}
.caseImgc img{display: block;width: 100%;}
.caseMban{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;display: none;}
.caseInfor{width: 95%;height: auto;position: relative;margin: 0 auto;position: relative;top: 50%;margin-top: -35px;color: white;text-align: center;
	line-height: 35px;}
.caseInfor p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caseInfor p.gsName{font-size: 24px;}
.caseInfor p.gsFun{font-size: 16px;}*/
.caseAdd{display: block;width: 152px;height: 73px;background: url(../img/e4.png);margin: 50px auto 0 auto;font-size: 16px;text-align: center;
    line-height: 100px;color: white;}
/* 案例详情 */
.case-banner{height: 600px;padding-top: 50px;text-align: center;font-size: 42px;color: white;background-attachment: fixed;}
.window{width: 1160px;height: 660px;overflow: hidden;text-align: center;margin: 0 auto;margin-top: -500px;}
.window img{display: block;width: 100%;height: 100%;}
.max-window{display: inline-block;width: 724px;height: 408px;padding: 32px 32px 192px 32px;background: url(../img/e5.png);}
.min-window{display: inline-block;width: 416px;height: 260px;padding: 19px 65px 41px 65px;margin-left: 605px;margin-top: -295px;
	background: url(../img/e6.png);}
.details{width: 100%;height: auto;min-height: 600px;overflow: hidden;margin-top: 50px;}
.details img{max-width: 100%;height: auto!important;}
/* 新闻 */
.newsList{width: 1200px;height: auto;overflow: hidden;}
.newsList li{padding: 10px 10px 0 10px;width: 340px;height: auto;float: left;margin: 40px 40px 0 0;background: white;}
.newsList li a img{display: block;width: 100%;height: 215px;}
.page{width: 100%;height: 35px;padding: 50px 0;text-align: center;}
.page a,.page span{display: inline-block;height: 100%;padding: 0 25px;border-radius: 10px;font-size: 18px;color: white;line-height: 35px;
	margin: 0 5px;}
.page a{background: #959494;}
.page span{background: #ccc;}
.page a.current{background: #e62129;}
.page a:hover{background: #e62129;}
.contmain{background: white;margin: 30px auto;padding-top: 20px;padding-bottom: 20px;}
.content{width: 770px;height: auto;min-height: 500px;float: left;}
.content img{display: inline-block;max-width: 100%;height: auto;}
.conttitle{width: 100%;height: auto;overflow: hidden;margin-bottom: 15px;}
.conttitle img{display: block;width: 100%;height: 480px;margin-bottom: 10px;}
.conttitle p{display: block;float: left;line-height: 30px;color: #333;font-size: 18px;width: 500px;height: auto;}
.conttitle span{float: right;color: #777;line-height: 30px;max-width: 250px;}
.Newest{float: right;width: 350px;height: auto;}
.Newest>span{color: #333;font-size: 16px;line-height: 30px;}
.Newestlist li{width: 100%;height: auto;margin-top: 20px;}
.Newestlist li a{display: block;width: 100%;height: auto;overflow: hidden;}
.Newestlist li a img{display: block;width: 130px;float: left;height: 80px;}
.Newestlist li a span{display: block;display: block;float: right;line-height: 30px;color: #333;font-size: 16px;white-space: nowrap;
	overflow: hidden;text-overflow: ellipsis;width: 200px;}
.Newestlist li a p{font-size: 13px;color: #777;line-height: 25px;display: block;width: 200px;float: right;height: 50px;overflow: hidden;}
/* 联系我们 */
.contactbg{width: 100%;height: auto;padding: 50px 0;background: url(../img/d9.jpg) center top;background-size: cover;}
.contact{width: 1000px;height: auto;margin: 0 auto;color: white;}
.Welcome{height: 60px;line-height: 60px;padding: 10px 0;}
.Welcome p{font-size: 38px;float: left;}
.Welcome span{font-size: 15px;margin-left: 20px;float: left;}
.cacttitle{width: 895px;height: 11px;background: url(../img/e8.png) no-repeat left bottom;line-height: 20px;}
.cacttitle span{font-size: 20px;margin-left: 80px;}
.cactlist{padding: 20px 0;}
.cactlist li{height: 50px;line-height: 50px;font-size: 22px;}
.cactlist li span{display: block;float: left;width: 100px;text-align: right;background-repeat: no-repeat;background-position: left center;}
.cactlist li p{display: block;float: left;margin-left: 10px;}
.contact>p{display: inline-block;line-height: 50px;padding-right: 25px;background: url(../img/g8.png) no-repeat right center;font-size: 22px;}
.ditu{width: 100%;height: 300px;position: relative;}
.ditu>em{display: block;font-size: 0;border: 30px solid;border-color: #F5F3F0 transparent transparent transparent;position: absolute;top: 300px;
	right: 20px;}
.dizi{font-size: 14px;color: #3DAAFC;line-height: 30px;text-indent: 15px;}
.BMap_bubble_title{font-size: 16px;color: #333;line-height: 25px!important;}
.BMapLabel{padding: 5px!important;border-color: #3DAAFC!important;color: #555;border-radius: 4px;}
/* 底部 */
footer{width: 100%;height: auto;background: #414345;padding: 25px 0;}
.footerleft{float: left;width: 760px;height: auto;}
.footernav{line-height: 30px;padding: 10px 0;color: #999;}
.footernav a{color: #999;padding: 0 10px;}
.footernav a:first-child{padding-left: 0;}
.fotcotact{width: 100%;height: auto;color: #f2f2f2;}
.fotcotact p{display: block;width: 100%;height: auto;line-height: 30px;padding: 15px 0;}
.fotcotact p img{vertical-align: top;margin-right: 15px;}
.yqlink{width: 100%;height: auto;line-height: 30px;padding: 20px 0;border-top: 1px solid #888;border-bottom: 1px solid #888;margin-top: 10px;
	color: #999;}
.yqlink a{color: #999;}
.bdsharebuttonbox{margin-top: 25px;}
.bdshare-button-style0-32 a{width: 36px !important;height: 36px !important;margin-right: 15px !important;}
.bds_weixin{background: url(../img/c1.png) !important;}
.bds_tsina{background: url(../img/c2.png) !important;}
.bds_sqq{background: url(../img/c3.png) !important;}
.bds_qzone{background: url(../img/c4.png) !important;}
.footerright{width: 360px;float: right;height: auto;}
.footerright p{font-size: 24px;font-weight: 600;color: #f2f2f2;line-height: 30px;padding-top: 10px;}
.footerright input[type=text]{width: 340px;height: 40px;background: #ececec;border-radius: 20px;padding-left: 20px;margin-top: 20px;}
.footerright textarea{width: 320px;height: 170px;background: #ececec;border-radius: 20px;margin-top: 20px;padding: 10px 20px;}
.footerright input[type=text]:hover,.footerright textarea:hover{box-shadow: inset 0 0 10px #414345;}
.footerright input[type=text]:focus,.footerright textarea:focus{box-shadow: inset 0 0 10px #414345;}
.submit{width: 100%;height: 40px;background: #8c8c8c;margin-top: 20px;cursor: pointer;border-radius: 20px;color: #f5f5f5;font-weight: 600;
	font-size: 24px;}
.activ{display: block!important;}
.logo>img,.function img,a.QQlink img{display: block;margin: 0 auto;}
.footernav a:hover,.yqlink a:hover{color: #F0D104;}
.header-right>a:hover img,.weixin:hover>img,.newCurLst li a:hover img,.caseAdd:hover,.newsList li a:hover img,.Newestlist li a:hover img
{opacity: 0.8;}