@charset "utf-8";

body{ width: 100%; overflow-x: hidden; margin:0px; padding:0px; font-size:12px;font-family:"PINGFANG_MEDIUM";color:#898989;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */
}
a{ color:#5c5c5c; text-decoration:none}

.w1400{ width: 1400px; margin: 0 auto;}
.top{ width: 100%; height: 88px; background: #fff;}
.top .topBox{  height: 88px;}
.top .topBox .serach{ float: right; height: 88px; line-height: 88px; position: relative;}
.top .topBox .serach img{ display: inline-block; vertical-align: middle;}
.top .topBox .serach .serachBox{ display: none; position: absolute; top: 80px; width: 360px; background: #fff; border-radius:8px; height: 60px; position: absolute; right: -50px; ;}
.top .topBox .serach .serachBox input{ width: 100%; height: 100%; border: none; outline: none; padding: 0 15px; box-sizing: border-box; display: block;}
.top .topBox .serach .serachBox button{ color: #fff; font-size: 14px; width: 80px; height: 46px; background: #ecd9b1; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: none; outline: none; border-radius:5px;}
.top .topBox .serach:hover .serachBox{ display: block;}

.top .topBox .nav{ float: right;}
.top .topBox .nav ul{ overflow: hidden;}
.top .topBox .nav ul li{ float: left; margin-right: 60px;}
.top .topBox .nav ul li a{ box-sizing: border-box; font-size: 16px; color: #000; display: block; line-height: 88px; height: 88px;}
.top .topBox .nav ul li:hover a{ color: #cd0003; border-bottom: 2px solid #cc0001;}
.top .topBox .logo{ float: left; line-height: 88px;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle;}

.topPop.on{ top: 0; opacity: 1;}
.topPop{ z-index: 11; box-shadow: 0 0 10px rgba(0,0,0,0.1);  width: 100%; height: 88px; background: #fff; position: fixed; left: 0; top: -88px; opacity: 0;transition: 0.5s; }
.topPop .topBox{ overflow: hidden; height: 88px;}
.topPop .topBox .serach{ float: right; height: 88px; line-height: 88px;}
.topPop .topBox .serach img{ display: inline-block; vertical-align: middle;}
.topPop .topBox .nav{ float: right;}
.topPop .topBox .nav ul{ overflow: hidden;}
.topPop .topBox .nav ul li{ float: left; margin-right: 60px;}
.topPop .topBox .nav ul li a{ box-sizing: border-box; font-size: 16px; color: #000; display: block; line-height: 88px; height: 88px;}
.topPop .topBox .nav ul li:hover a{ color: #cd0003; border-bottom: 2px solid #cc0001;}
.topPop .topBox .logo{ float: left; line-height: 88px;}
.topPop .topBox .logo img{ display: inline-block; vertical-align: middle;}
.banner img{ display: block; width: 100%; height: auto;}

.pageContainer{ width: 100%; padding-bottom: 100px;}
.pageContainer .title{ padding: 60px 0 55px 0;}
.pageContainer .title h2{ font-size: 30px; color: #333; font-weight: bold; text-align: center;}
.pageContainer .title span{ display: block; width: 40px; height: 4px; background: #cc0000; margin: 10px auto 0 auto;}
.pageContainer .layer1{ overflow: hidden;}
.pageContainer .layer1 .icon{ width:800px; float: left;}
.pageContainer .layer1 .icon img{ display: block; width: 100%; height: auto;}
.pageContainer .layer1 .text{ width: calc(100% - 800px); float: left; padding:40px 0 0 45px; box-sizing: border-box;}
.pageContainer .layer1 .text h2{ position: relative; height: 66px; border-bottom: 1px solid #f3f3f3; font-size: 28px; color: #333; line-height: 66px;}
.pageContainer .layer1 .text h2:after{ content: ''; width: 60px; height: 1px; background: #cc0001; position: absolute;left: 0; bottom: -1px;}
.pageContainer .layer1 .text p{ font-size: 18px; color: #343434; line-height: 46px; padding-top: 15px;}

.pageContainer .layer2{ padding-bottom: 100px;}
.pageContainer .layer2 ul{}
.pageContainer .layer2 ul li{ width: 32%; float: left; margin: 0 2% 0 0; background: url(../images/listBg_03.png); background-size:100% 100% ; height: 324px; padding: 0 ;}
.pageContainer .layer2 ul li:last-child{ margin-right: 0;}
.pageContainer .layer2 ul li .bt{ padding: 60px 30px 0 30px; box-sizing: border-box; width: 100%;}
.pageContainer .layer2 ul li .bt h2{ font-size: 28px; color: #5a3b0d; margin-bottom: 20px;}
.pageContainer .layer2 ul li .bt span{ background: url(../images/setBg_03.png) left top no-repeat; width: 200px; height: 34px; line-height: 34px; text-indent: 12px; font-size: 18px; color: #5b3c0e; display: block;}
.pageContainer .layer2 ul li .text{ position: relative; width: 427px; height: 130px; background: #ecd9b1; border-radius:10px; padding: 0 20px; box-sizing: border-box;margin: 30px auto 0 auto; }
.pageContainer .layer2 ul li .text p{ line-height: 28px; font-size: 16px; color: #624c27; padding-top: 10px;}
.pageContainer .layer2 ul li .text img{ position: absolute; right: 0; top: 0; transform: translateY(-100%);}


.pageContainer .layer3{ width: 100%; background: #fcfcfc;}
.pageContainer .layer3Box{ overflow: hidden;}
.pageContainer .layer3Box .Nr{ padding-right: 24px; margin-right: 20px; float: left; width: 690px; float: left;  border: 1px solid #f3f3f3; box-sizing: border-box; background: #fff;border-top:4px solid #cc0000; padding-bottom: 50px;}
.pageContainer .layer3Box .Nr:last-child{ margin-right: 0;}
.pageContainer .layer3Box .Nr ul{ width: 100%;}
.pageContainer .layer3Box .Nr ul li{ width: 100%; overflow: hidden;}
.pageContainer .layer3Box .Nr ul li .time{ box-sizing: border-box; padding-top: 55px; float: left; width: 110px; height: 187px;}
.pageContainer .layer3Box .Nr ul li .text{ position: relative; padding-top: 52px; box-sizing: border-box; width: calc(100% - 110px); float: left; height: 187px; border-bottom: 1px solid #ebedec; padding-right: 165px;}
.pageContainer .layer3Box .Nr ul li .time h2{ text-align: center; font-size: 30px; font-weight: bold; text-align: center; color: #363844;}
.pageContainer .layer3Box .Nr ul li .time p{ text-align: center; padding-top: 10px; color: #363844;}
.pageContainer .layer3Box .Nr ul li .text img{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 136px; height: 100px;}
.pageContainer .layer3Box .Nr ul li .text h2{ font-size: 18px; color: #000000;}
.pageContainer .layer3Box .Nr ul li .text p{ padding-top: 15px; color: #5d6067; line-height: 24px;}
.pageContainer .layer3Box .Nr ul li:hover .text h2{ color: #cb0101;}
.pageContainer .layer3Box .Nr .enter{ display: block; width: 140px; height: 40px; border: 1px solid #cc0001; box-sizing: border-box; margin: 55px auto 0 auto; font-size: 15px; color: #cc0001; text-align: center; line-height: 40px;}

.copyRight{ background: #4c4a4b; text-align: center; height: 40px; color: #fff; line-height: 40px;}
.copyRight img{ display: inline-block; vertical-align: middle; margin: 0 10px; transform: translateY(-2px);}

.peoDeails{ width: 100%; padding: 35px 0 0 0;}
.peoDeails .navGation{ height: 46px; box-sizing: border-box; padding-left: 26px; background: url(../images/peo_03.jpg) left center no-repeat; border-bottom: 1px solid #e6e6e6;}
.peoDeails .navGation ul{ float: left; overflow: hidden;}
.peoDeails .navGation ul li{ float: left; line-height: 46px;}
.peoDeails .navGation ul li a{ font-size: 14px; color: #333;}
.peoDeails .navGation .back{ float: right; display: inline-block; line-height: 46px;}
.peoDeails .layer1{ width: 100%; background: #fff;}
.peoDeails .layer1Box{ padding: 25px 15px 50px 15px; box-sizing: border-box;}
.peoDeails .layer1Box .icon{ width: 100%;}
.peoDeails .layer1Box .icon img{ display: block; width: 100%; height: auto;}
.peoDeails .layer1Box .text{ padding:30px 0 0 0 ;}
.peoDeails .layer1Box .text p{ font-size: 18px; color: #343434; line-height: 36px; text-indent: 36px;}

.peoDeails .layer2{ width: 100%; background: #fcfcfc;}
.peoDeails .layer2Box .bt{ width: 100%; height: 130px; position: relative; padding-left: 15px; font-size: 22px; color: #333; line-height: 130px; padding-left: 20px;}
.peoDeails .layer2Box .bt span{ font-size: 16px; color: #8e8e8e; margin-left: 10px;}
.peoDeails .layer2Box .bt a{ display: inline-block; float: right; padding-right: 20px; background: url(../images/peo_11.jpg) right center no-repeat; font-size: 16px; color: #969696;}
.peoDeails .layer2Box ul{ overflow: hidden;}
.peoDeails .layer2Box ul li{ width: 32%; float: left; margin: 0 2% 20px 0;}
.peoDeails .layer2Box ul li:nth-child(3n){ margin-right: 0;}
.peoDeails .layer2Box ul li .icon{ width: 100%; overflow: hidden; height: 300px;}
.peoDeails .layer2Box ul li .icon img{ transition: 0.5s;}
.peoDeails .layer2Box ul li .text{ width: 100%; height: 140px; border: 1px solid #dcdcdc; border-top:0; padding: 20px 20px 0 20px; box-sizing: border-box;}
.peoDeails .layer2Box ul li .text h2{ font-size: 18px; font-weight: normal; color: #333; line-height: 32px; height: 64px; overflow: hidden;}
.peoDeails .layer2Box ul li .text span{ font-size: 14px; color: #d34141; display: block; margin-top: 15px;}
.peoDeails .layer2Box ul li:hover .icon img{ transform: scale(1.1);}
.peoDeails .layer2Box dl{ text-align: center; padding: 60px 0;}
.peoDeails .layer2Box dl dd{ display: inline-block; margin: 0 5px;}
.peoDeails .layer2Box dl dd a{ display: block; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; color: #333;}
.peoDeails .layer2Box dl dd:first-child a{ background: #f5f5f5;}
.peoDeails .layer2Box dl dd:last-child a{ background: #f5f5f5;}
.peoDeails .layer2Box dl dd.on a{ background: #cc0001; color: #fff;}
.peoDeails .layer2Box dl dd:hover a{ background: #cc0001; color: #fff;}

.kecheng{ overflow: hidden;}
.kechengLeft{ float: left; width:1000px;}
.kechengLeft .video{ width: 100%;}
.kechengLeft .video h2{ height: 80px; line-height: 80px; font-size: 18px; color: #333; font-weight: normal;}
.kechengLeft .video video{ background: #000; display: block; width: 100%; height: 600px;}
.kechengLeft .text{ padding-bottom: 25px; border-bottom: 1px solid #f2f2f4;}
.kechengLeft .text .bt{ width: 100%; height: 64px;}
.kechengLeft .text .bt .num{ float: left; height: 64px; line-height: 64px; font-size: 16px; color: #969696; padding-left: 35px; background: url(../images/details_10.jpg) left center no-repeat;}
.kechengLeft .text .bt b{ font-weight: normal; line-height: 64px; color: #969696; float: left; margin-left: 20px; font-size: 14px;}
.kechengLeft .text .bt dl{ float: left; margin-left: 60px; overflow: hidden;}
.kechengLeft .text .bt dl dd{ float: left; margin-left: 12px; height: 64px; line-height: 64px;}
.kechengLeft .text .bt dl dd img{ display: inline-block; vertical-align: middle;}
.kechengLeft .text .bt span{ display: inline-block; float: right; padding-left: 25px; background: url(../images/details_23.jpg) left center no-repeat; font-size: 15px; color: #969696; line-height: 64px;}
.kechengLeft .text p{ line-height: 36px; font-size: 16px; color: #979797;}

.kechengLeft .Pl .bt{ height: 56px; line-height: 56px; font-size: 18px; font-weight: bold; color: #333;}
.kechengLeft .Pl .bt span{ font-size: 14px; color: #666;}
.kechengLeft .Pl .Nr{ width: 100%; overflow: hidden;}
.kechengLeft .Pl .Nr .icon{ float: left; width: 40px; height: 40px;}
.kechengLeft .Pl .Nr .text{ width: calc(100% - 40px); float: left; padding-left: 16px; box-sizing: border-box;}
.kechengLeft .Pl .Nr .text .load{ width: 100%; height: 40px; background: #f2f3f5; border-radius:5px; color: #474749; font-size: 14px; text-align: center; line-height: 40px;}
.kechengLeft .Pl .Nr .text .load a{ display: inline-block; vertical-align: middle;  width: 40px; height: 18px; line-height: 18px; font-size: 12px; color: #fff; border-radius:5px; margin: 0 5px; background: #de7a7a;}
.kechengRight{ padding-top: 80px; float: right; width: 360px;}
.kechengRight .User{ width: 100%; overflow: hidden;}
.kechengRight .User .icon{ float: left; width: 50px; height: 50px;}
.kechengRight .User .icon img{ display: block; width: 100%; height: 100%;}
.kechengRight .User .text{ float: left; width: calc(100% - 50px); padding-left: 15px; box-sizing: border-box;}
.kechengRight .User .text h2{ font-size: 16px; color: #343434; height: 28px; line-height: 28px;}
.kechengRight .User .text p{ font-size: 14px; clip-rule: #343434;}
.kechengRight .List{ width: 100%;}
.kechengRight .List .bt{ width: 100%; height: 30px; line-height: 30px; margin-top: 20px; background: #f4f9fd; border-radius:5px; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #333; padding: 0 12px;}
.kechengRight .List ul li{ padding: 20px 0; overflow: hidden; width: 100%; border-bottom: 1px solid #f2f2f4; box-sizing: border-box;}
.kechengRight .List ul li .icon{ float: left; width: 150px; height: 90px; border-radius:8px; overflow: hidden;}
.kechengRight .List ul li .icon img{ display: block; width: 100%; height: 100%;}
.kechengRight .List ul li .text{ width: calc(100% - 150px); float: left; padding-left: 18px; box-sizing: border-box;}
.kechengRight .List ul li .text h2{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.kechengRight .List ul li .text p{ padding-left: 24px; margin-top: 10px; background: url(../images/details_10.jpg) left center no-repeat; height: 22px; line-height: 22px; font-size: 14px; color: #969696;}
.kechengRight .List ul li:hover .text h2{ color: #de7a7a;}
.kecheng{ padding-bottom: 50px;}

.zixun{ overflow: hidden; padding-bottom: 70px;}
.zixun .icon{ width: 620px; height: 420px; float: left; position: relative;}
.zixun .icon img{ display: block; width: 100%; height: 100%;}
.zixun .icon p{ width: 100%; position: absolute; left: 0; bottom: 0; height: 50px; background: rgba(0,0,0,0.7); padding: 0 20px; box-sizing: border-box; font-size: 18px; color: #fff; line-height: 50px; overflow: hidden;}
.zixun .text{ width: calc(100% - 620px); float: left; padding: 0 0 0 50px; box-sizing: border-box;}
.zixun .text .hd{ overflow: hidden; width: 100%;}
.zixun .text .hd ul{ overflow: hidden; float: right;}
.zixun .text .hd ul li{ font-weight: bold; line-height: 36px; float: left; cursor: pointer; width: 96px; height: 36px; font-size: 18px; color: #333; text-align: center;}
.zixun .text .hd ul li.on{ background: #cc0000; color: #fff;}
.zixun .text .bd{ width: 100%; padding-top: 12px;}
.zixun .text .bd ul{ width: 100%;}
.zixun .text .bd ul li{position: relative; width: 100%; padding: 24px 0 24px 73px; border-bottom: 1px solid #f1f1f1;}
.zixun .text .bd ul li .time{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 73px;}
.zixun .text .bd ul li .time h2{ text-align: center; font-size: 16px; font-weight: bold; color: #b43427;}
.zixun .text .bd ul li .time p{ text-align: center; color: #2e2e2e; font-size: 12px; padding-top: 10px;}
.zixun .text .bd ul li .time:after{ content: ''; width: 1px; height: 50px; display: block; background: #f1f1f1; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.zixun .text .bd ul li .Nr{ padding-left: 15px; box-sizing: border-box; width: 100%;}
.zixun .text .bd ul li .Nr h2{ font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; height: 18px; overflow: hidden; line-height: 18px;}
.zixun .text .bd ul li .Nr p{ font-size: 16px; color: #353744; height: 16px; overflow: hidden;}
.zixun .enter{ display: block; width: 140px; height: 40px; margin: 50px auto 0 auto; border: 1px solid #cd0000; box-sizing: border-box; line-height: 38px; color: #cd0000; font-size: 16px; text-align:  center;}
.zixun .text .bd ul li:hover .Nr h2{ color: #b43427;}



.zixunList{ background: #fcfcfc; padding-bottom: 50px;}
.zixunList ul{ overflow: hidden;}
.zixunList ul li{ width: 32%; float: left; margin: 0 2% 20px 0;}
.zixunList ul li:nth-child(3n){ margin-right: 0;}
.zixunList ul li .icon{ width: 100%; overflow: hidden; height: 300px;}
.zixunList ul li .icon img{ transition: 0.5s;}
.zixunList ul li .text{ width: 100%; height: 140px; border: 1px solid #dcdcdc; border-top:0; padding: 20px 20px 0 20px; box-sizing: border-box;}
.zixunList.newList ul li .text{ width: 100%; height: 215px; border: 1px solid #dcdcdc; border-top:0; padding: 20px 20px 0 20px; box-sizing: border-box;}
.zixunList ul li .text h2{ font-size: 18px; font-weight: normal; color: #333; line-height: 32px; height: 64px; overflow: hidden;}
.zixunList ul li .text span{ font-size: 14px; color: #d34141; display: block; margin-top: 15px;}
.zixunList ul li .text p{ font-size: 16px; line-height: 24px; color: #747474; margin-top: 10px;}
.zixunList ul li .text b{ display: block; font-size: 14px; margin-top: 20px;}
.zixunList ul li:hover .icon img{ transform: scale(1.1);}
.zixunList .enter{ display: block; width: 140px; height: 40px; margin: 50px auto 0 auto; border: 1px solid #cd0000; box-sizing: border-box; line-height: 38px; color: #cd0000; font-size: 16px; text-align:  center;}

.zixunHd{ width: 100%; height: 60px; background: #fff;}
.zixunHd ul{ margin: 0 auto; width: 1400px; overflow: hidden;}
.zixunHd ul li{ width: 33%; float: left; height: 60px; line-height: 60px; position: relative; font-size: 16px; text-align: center; color: #333;}
.zixunHd ul li:nth-child(2){ width: 34%;}
.zixunHd ul li.on{ color: #cb0100;}
.zixunHd ul li.on:after{ width: 40px; height: 2px; content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: #cb0100;}
.zixunHd ul li.on a{ color: #cb0100;}

.zixunList.newList{ background: #fff; border-top:10px solid #fcfcfc;}
.pageContainer .title2{ height: 50px; border-bottom: 1px solid #e6e6e6; width: 1400px; margin: 50px auto;}
.pageContainer .title2 span{ display: inline-block; line-height: 50px; border-bottom: 2px solid #cb0100; font-weight: bold; color: #333;}

.pageContainer .title3{ padding-bottom: 30px;}
.pageContainer .title3 ul{ overflow: hidden; width: 1400px; margin: 0 auto;}
.pageContainer .title3 ul li{ font-size: 16px; color: #000; width: auto; float: left; height: 26px; line-height: 26px;}
.pageContainer .title3 ul li a{ display: block; padding: 0 20px; height: 26px; line-height: 26px; font-size: 16px; color: #666;}
.pageContainer .title3 ul li.on a{ background: #cc0001; color: #fff;}

.pageContainer.case .zixunHd ul li{ width: 50%;}
.caseList{ width: 100%; background: #f5f5f5; padding: 60px 0;}

.caseList ul{ width: 1400px; margin: 0 auto;}
.caseList ul li{ margin-bottom: 20px; width: 100%; padding: 40px; box-sizing: border-box; overflow: hidden; background: #fff;}
.caseList ul li .icon{ float: left; width: 560px; height: 320px;}
.caseList ul li .icon img{ display: block; width: 100%; height: 100%;}
.caseList ul li .text{ width: calc(100% - 560px); float: left; padding-left: 40px; box-sizing: border-box;}
.caseList ul li .text h2{ height: 50px; line-height: 50px; font-size: 32px; color: #333;}
.caseList ul li .text span{ display: block; width: 36px; height: 3px; background: #cc0001; margin: 15px 0;}
.caseList ul li .text b{ font-weight: normal; display: block; font-size: 14px; color: #666; margin-bottom: 10px;}
.caseList ul li .text p{ font-size: 16px; color: #333; line-height: 36px;}
.caseList ul li .text a.more{ text-align: center; display: block; width: 86px; height: 24px; border: 1px solid #cd0100; line-height: 24px; color: #cd0100; font-size: 14px; margin-top: 20px;}

.caseList ul li:nth-child(2n) .icon{ float: right;}
.caseList ul li:nth-child(2n) .text{ float: left; padding: 0 40px 0 0;}
.caseList ul li:hover{ border: 1px solid #f57979;}

.online .layer1{ width: 100%; padding-top: 80px;}
.online .layer1Box{ overflow: hidden;}
.online .layer1Box .text{ float: left; width: 655px; float: left;}
.online .layer1Box .text h2{ height: 110px; position: relative;}
.online .layer1Box .text h2 span{ display: inline-block; height: 110px; line-height: 110px; border-bottom:1px solid #f3f3f3; font-size: 24px; color: #333;}
.online .layer1Box .text h2:after{ width: 60px; height: 1px; content: ''; position: absolute; left: 0; bottom: -1px; background: #cc0001;}
.online .layer1Box .text p{ padding-top: 30px; line-height: 48px; font-size: 18px; color: #2c2c2c;}
.online .layer1Box .video{ width: 700px; height: 465px; float: right;}
.online .layer1Box .video video{ display: block; width: 100%; height: 100%; background: #000;}
.online .layer1Box ul{ width: 100%; overflow: hidden; padding: 70px 0;}
.online .layer1Box ul li{ margin-right: 80px; float: left; padding: 0 0 0 70px; position: relative;}
.online .layer1Box ul li h2{ font-size: 16px; color: #2c2c2c; margin-bottom: 10px;}
.online .layer1Box ul li p{ font-size: 16px; color: #595959;}
.online .layer1Box ul li img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.online .layer1Box ul li:last-child{ margin-right: 0;}

.online .layer2{ padding-bottom: 100px; background: #f5f5f5; width: 100%;}
.online .layer2 ul{ width: 1400px; margin: 0 auto; overflow: hidden;}
.online .title{ padding: 60px 0 55px 0;}
.online .title h2{ font-size: 30px; color: #333; font-weight: bold; text-align: center;}
.online .title span{ display: block; width: 40px; height: 4px; background: #cc0000; margin: 10px auto 0 auto;}
.online .layer2 ul li{ width: 32%; float: left; margin: 0 2% 0 0;} 
.online .layer2 ul li:last-child{ margin-right: 0;}
.online .layer2 ul li img{ display: block; width: 100%; height: auto;}

.online .layer3{ width: 1400px; padding-bottom: 100px; margin: 0 auto;}
.online .layer3 img{ display: block; width: 100%; height: auto;}

.top.indexTop{  background: rgba(0,0,0,0.3); }
.top.indexTop .nav ul li a{ color: #fff;}

.indexBnnaer{ width: 100%; position: relative;}
.indexBnnaer img{ display: block; width: 100%; height: auto;}
.indexBnnaer .swiper-pagination{ width: 100%;  text-align: right; bottom: 80px!important; top: auto; height: 8px; padding-right: 100px; box-sizing: border-box;}
.indexBnnaer .swiper-pagination span{ width: 20px; height: 8px; background: #fff; border-radius:4px ;}
.indexBnnaer .list{ z-index: 9; width: 100%; position: absolute; bottom: 0; left: 0; height: 52px;}
.indexBnnaer .list ul{ width: 100%; overflow: hidden;}
.indexBnnaer .list ul li{ width: 25%; float: left; height: 52px; padding-right: 2px; box-sizing: border-box;}
.indexBnnaer .list ul li a{ text-align: center; display: block; transition: 0.5s; width: 100%; height: 100%; background: rgba(0,0,0,0.7); font-size: 18px; color: #fff; line-height: 52px;}
.indexBnnaer .list ul li:hover a{ background: #cd0003;}


.indexBnnaer .list ul li img{ height: 24px; width: auto; display: inline-block; vertical-align: middle; margin-right: 10px;}
.indexBnnaer .list ul li:last-child{ padding-right: 0;}

.indexContainer{ width: 100%;}
.indexContainer .title{ padding: 60px 0; text-align: center;}
.indexContainer .title h2{ text-align: center; display: inline-block; background: -webkit-linear-gradient(#e6e6e6, #f8f8f8); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; font-weight: bold; text-align: center; font-size: 28px;}
.indexContainer .title h3{ text-align: center; font-size: 28px; height: 48px; line-height: 48px; color: #000;}
.indexContainer .title span{ display: block; margin: 0 auto; width: 40px; height: 3px; background: #cc0000;}
.indexContainer .layer1{ width: 1400px; margin: 0 auto;}
.indexContainer .layer1Box{ overflow: hidden;}
.indexContainer .layer1 .video{ float: left; width: 750px; height: 485px; float: left; border: 1px solid #cc0000; box-sizing: border-box; padding: 10px;}
.indexContainer .layer1 .video video{ display: block; width: 100%; height: 100%; background: #000;}
.indexContainer .layer1 .text{ width: calc(100% - 750px); float: left; padding: 60px 0 0 50px; box-sizing: border-box;}
.indexContainer .layer1 .text h2{ font-size: 28px; line-height: 28px; margin-bottom: 20px; color: #000;}
.indexContainer .layer1 .text p{ font-size: 18px; line-height: 40px; color: #363845;}
.indexContainer .layer1 .text a{ margin-top: 25px; display: block; width:180px; height: 48px; border: 1px solid #cb0003; color: #cb0003; box-sizing: border-box; text-align: center; line-height: 46px; font-size: 16px;}
.indexContainer .layer1 .text a img{ display: inline-block; vertical-align: middle; margin-left: 15px;}
.indexContainer .layer1 ul{ overflow: hidden; padding: 70px 5px;}
.indexContainer .layer1 ul li{ width: 33%; font-size: 16px; color: #000; float: left; padding-left: 100px; box-sizing: border-box; position: relative; height: 88px; line-height: 88px;}
.indexContainer .layer1 ul li .icon{ border-radius:50% ; width: 88px; height: 88px; background: #fff; position: absolute; left: 0; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.indexContainer .layer1 ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer3{ padding-bottom: 70px;}
.indexContainer .layer3 ul{ text-align: center;}
.indexContainer .layer3 ul li{ display: inline-block; margin: 0 15px;}
.top .SideClick{ display: none;}
@media(max-width:1000px) {
	.top .topBox .nav{ display: none; position: absolute; top: 60px; background: #fff; left: 0; z-index: 99;}
	
	.top .topBox .nav ul li{ border-bottom: 1px solid #ddd; width: 100%; height: 46px; padding: 0 20px; box-sizing: border-box;}
	.top .topBox .nav ul li a{ color: #333;}
	.top .topBox .nav ul li a{ height: 46px; line-height: 46px;}
	.w1400{ width: 100%;}
	body{ padding-top: 60px;}
	.indexContainer .layer1 ul li{ overflow: hidden;}
	.topPop{ display: none!important;}
	.top{z-index: 99!important; background: #fff!important; width: 100%; position: fixed!important; top: 0; left: 0; height: 60px; padding: 0 15px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.1)!important;}
	.top .topBox .logo{ line-height: 60px;}
	.top .SideClick{ z-index: 2; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 20px; transition: 0.5s;}
	.top .SideClick span{ display: block; position: absolute; left: 0; width: 100%; height: 2px; background: #000; border-radius:2px; transition: 0.5s;}
	.top .SideClick span:nth-child(1){ top: 0;}
	.top .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.top .SideClick span:nth-child(3){ bottom: 0;}
	.top .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.top .SideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.top .SideClick.on span:nth-child(2){ width: 0;}
	.top .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.indexBnnaer .list{ height: 40px;}
	.indexBnnaer .list ul li{ height: 40px; font-size: ;}
	.indexBnnaer .list ul li a{ font-size: 12px; line-height: 40px;}
	.indexBnnaer .swiper-pagination{ text-align: center; padding: 0; bottom: 55px!important;}
	.indexContainer .layer1{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer1 .video{ width: 100%; height: auto; padding: 5px;}
	.indexContainer .layer1 .text{ width: 100%; padding: 15px 0;}
	.indexContainer .layer1 .text h2{ font-size: 18px;}
	.indexContainer .layer1 .text p{ font-size: 14px; line-height: 24px;}
	.indexContainer .layer1 ul li{ width: 100%; margin-bottom: 25px;}
	.zixun .icon{ width: 100%; height: auto;}
	
	.zixun .text{ width: 100%; padding: 15px 0;}
	.zixun .text .bd ul li{ box-sizing: border-box; padding-right: 10px;}
	.indexContainer .layer3 ul{ overflow: hidden;}
	.indexContainer .layer3 ul li{ width: 32%; margin: 0 2% 10px 0; float: left; display: block;}
	.indexContainer .layer3 ul li:nth-child(3n){ margin-right: 0;}
	.indexContainer .layer3 ul li img{ width: 100%; height: auto;}
	.zixunHd ul{ width: 100%;}
	.caseList{ padding: 30px 0;}
	.caseList ul{ width: 100%;}
	.caseList ul li{ padding: 15px;}
	.caseList ul li .icon{ width: 100%; height: auto;}
	.caseList ul li .text{ padding: 25px 0; width: 100%; height: auto;}
	.caseList ul li .text h2{ font-size: 18px;}
	.caseList ul li .text p{ font-size: 14px; line-height: 24px;}
	.peoDeails .navGation{ padding-right: 15px;}
	.kechengLeft{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.kechengLeft .video video{ height: 240px;}
	.kechengLeft .text .bt{ height: auto; overflow: hidden;}
	.kechengLeft .text .bt dl{ margin: 0;}
	.kechengRight{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.copyRight{ height: auto; padding: 30px 15px; box-sizing: border-box; line-height: 26px;}
	.pageContainer .title{ padding: 30px 0;}
	.zixun .text .hd ul{ width: 100%; float: inherit; text-align: center;}
	.zixun .text .hd ul li{ display: inline-block; float: inherit;}
	.zixunList ul li{ width: 100%; margin-bottom: 15px;}
	.zixunList ul{ padding: 0 15px; box-sizing: border-box;}
	.online .layer1{ padding: 30px 15px; box-sizing: border-box;}
	.online .layer1Box .text{ width: 100%;}
	.online .layer1Box .text h2{ height: 80px;}
	.online .layer1Box .text h2 span{ height: 80px; line-height: 80px;}
	.online .layer1Box .text p{ line-height: 28px; font-size: 16px;}
	.online .layer1Box .video{ width: 100%; height: 260px; margin-top: 25px;}
	.online .layer1Box ul{ padding: 25px 0;}
	.online .layer1Box ul li{ width: 100%; margin-bottom: 25px;}
	.online .layer2 ul{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.online .layer2 ul li{ width: 100%; height: auto; margin-bottom: 25px;}
	.online .title{ padding: 30px 0;}
	.online .layer3{ width: 100%;}
	.pageContainer .layer2{ padding-bottom: 50px;}
	.pageContainer .title2{ padding: 0 15px; box-sizing: border-box;}
	.pageContainer .layer1{ width: 100%;}
	.pageContainer .layer1 .icon{ width: 100%; height: auto;}
	.pageContainer .layer1 .text{ width: 100%; padding: 25px 15px;}
	.pageContainer .layer1 .text h2{ font-size: 18px;}
	.pageContainer .layer1 .text p{ font-size: 16px; line-height: 28px;}
	.pageContainer .layer2 ul li{ width: 100%; margin-bottom: 35px;}
	.pageContainer .layer2 ul li .text{ width: 96%; margin: 25px auto 0 auto; height: auto; padding: 15px; box-sizing: border-box;}
	.pageContainer .layer2 ul li .bt{ padding-left: 15px;}
	.pageContainer .layer2 ul li .bt span{ font-size: 14px;}
	.pageContainer .layer2 ul li .text p{ font-size: 14px; line-height: 24px; padding: 0;}
	.pageContainer .layer3Box .Nr{ width: 100%; padding: 0 0 60px 0;}
	.pageContainer .layer3Box .Nr .time{ display: none;}
	.pageContainer .layer3Box .Nr ul li .text{ width: 100%; padding: 35px 165px 35px 15px; box-sizing: border-box;}
	.pageContainer .layer3Box .Nr ul li .text img{ right: 15px;}
	.pageContainer .layer3Box .Nr ul li .text h2{ line-height: 18px; height: 18px; overflow: hidden;}
	.peoDeails .layer2Box ul{ padding: 0 15px; box-sizing: border-box;}
	.peoDeails .layer2Box ul li{ width: 100%; margin: 0 0 25px 0;}
	.peoDeails .layer2Box .bt{ box-sizing: border-box; padding: 0 15px;}
	.top .topBox .serach{ display: none;}
}