@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:14px Arial,"microsoft yahei"; color:#666; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#666;cursor: pointer;}
a:hover{text-decoration:none; color:#0082c8;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#666;color:#FFF;}
::selection {background: #666;color: #FFF;}
img{border:0;}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
table{ width: 100% !important; border: solid 1px #ddd; border-collapse:collapse; }
table tr,table td{ max-width: 100%; padding: 20px;  border: solid 1px #ddd; vertical-align: inherit;}
.scrollbar::-webkit-scrollbar{ width:4px; background:rgba(0, 124, 198, 0.2); }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#0082c8;cursor: pointer;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}


.fl{ float:left;}
.fr{ float:right;}
@font-face {font-family:'BebasNeue'; src: url('../fonts/BebasNeue-Regular-3.ttf'); }
.c1200{width:1200px; margin:0 auto;min-width: 1110px;}
.scroll-box{position: absolute; bottom:3%; left: 0;right:0;z-index:999;width: 88%;margin:auto;min-width: 1110px;}
.chevron{-webkit-animation: pul 2s infinite; animation: pul 2s infinite;display: block;}
@-webkit-keyframes pul{
    0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
    50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);}
    100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes pul{
    0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
    50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);}
    100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}

#fp-nav {width: 90px;position: fixed;top: 50%;left: 0;z-index: 10000000;}
#fp-nav ul{width: 10px;margin: 0 auto;}
#fp-nav li {width: 10px;height: auto ;vertical-align: middle;}
#fp-nav li a span{width:8px;height:8px;margin:4px 0; border: solid 1px #000; background-color:rgba(255,255,255,0);border-radius:50%;text-decoration:none;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;}
#fp-nav li .active span {background-color: #0082c8; border-color: #0082c8;}


/* customer */
.customer { position:fixed;bottom:20px;right:20px;z-index:9999999;}
.customer li{margin-bottom: 14px;width:40px; height:40px;position: relative;}
.customer li .a{display: block;width:40px; height:40px; border: solid 2px #0082c8;  border-radius: 50%;position: relative;z-index: 10000;transition: all 0.8s ease; background:rgba(0, 124, 198, 0) url(../images/sidebar_icon1.png) no-repeat;}
.customer .phone .a{ background-position: 0 0;}
.customer .qq .a{background-position: -80px 0;}
.customer .wx .a{background-position: -80px 0;}
.customer .phone .a:hover{ background:rgba(0, 124, 198, 1) url(../images/sidebar_icon.png) no-repeat; background-position: 0 0;}
.customer .qq .a:hover{background:rgba(0, 124, 198, 1) url(../images/sidebar_icon.png) no-repeat; background-position: -80px 0;}
.customer .wx .a:hover{background:rgba(0, 124, 198, 1) url(../images/sidebar_icon.png) no-repeat; background-position: -80px 0;}

.customer li .phoneSub{width:120px;height: 48px;line-height: 48px;background-color: #0082c8;position:absolute; right:50px;bottom:-4px; z-index:999;text-align: center;display: none;}
.customer li .phoneSub a{color: #fff;font-size: 16px;display: block;line-height: 48px;}
.customer li .phoneSub::after{content: '';width: 0;height: 0;border-left: 10px solid #0082c8;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: absolute;top: 0;right: -10px;bottom: 0;margin: auto;}
.customer li .erweimaSub{width:100px;right:50px; bottom:1px;background-color: #0082c8;position:absolute; z-index:999;padding:12px 12px 10px; display: none;}
.customer li .erweimaSub::after{content: '';width: 0;height: 0;border-left: 10px solid #0082c8;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: absolute;bottom: 10px;right: -10px;}
.customer li .erweimaSub img{ width:100px; height:100px;}
.customer li .erweimaSub p{ width:100%; line-height:20px; text-align:center; color: #fff;font-size:14px; display:inline-block; margin-top:5px;}



/*onlineService*/
.onlineService{width: 110px;height: 110px;background-color: rgba(255,255,255,0.3);border: solid 1px rgba(255, 255, 255, 0.4);position:fixed;bottom:10%;right:2%;z-index:96;cursor: pointer;padding-top: 8px;box-sizing: border-box;transition: all 0.8s ease;}
.onlineService::after{content: '';width: 54px;height: 56px;background: url("../images/customer.png") center center no-repeat;position: absolute;top: 14px;left: 0;right: 0;margin: auto;}
.onlineService a{display: block;width: 110px;height: 110px;}
.onlineService .num{width: 18px;height: 18px;background-color: #f7971e;border-radius: 50%;line-height: 18px;color: #fff;text-align:center;font-size: 12px;margin-left: 76px;}
.onlineService .txt{font-size: 16px;color: #ffffff;text-align: center;margin-top: 50px;}
.onlineService:hover{background-color: #f7971e;border-color: #f7971e;}

/* header */
.headerBox{position: fixed;top: 0;left: 0;z-index: 9999999;overflow:hidden;background: #fff url("../images/sidebar_bg.png") bottom center no-repeat;width: 90px;height: 100%;transition: all 0.6s ease;}
.onHeaderBox{width: 1000px !important;box-shadow: 2px 0 20px -1px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 0 20px -1px rgba(0,0,0,0.1);-moz-box-shadow: 2px 0 20px -1px rgba(0,0,0,0.1);}
.header{width: 90px;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;border-right: 1px solid rgba(0,0,0,0.1);box-sizing: border-box; z-index: 9999999;}
.header .sideLogo{ width: 70%; margin: 20px 15% 30px;}
.header .sideLogo img{ width: 100%;}
.header .sideNav{width: 100%;margin:0 0 20px;cursor: pointer;position: relative;}
.header .sideNav .icon{width: 30px;height: 22px;background: url("../images/menu.png") center center no-repeat; background-size: 100% 100%; margin: 0 auto 6px;transition: all 0.8s ease;}
.header .solidBox{position: absolute;top: 0;left: 0;right: 0;margin: auto;opacity: 0;transition: all 0.8s ease;}
.header .solidBox .solid:nth-of-type(1){width: 30px;height: 2px;background-color: #f7971e;margin: 0 auto 0;transition: all 0.8s ease;}
.header .solidBox .solid:nth-of-type(2){width: 30px;height: 2px;background-color: #f7971e;margin: 16px auto 0;transition: all 0.8s ease;}
.header .sideNav .tit{color: #0082c8;font-size: 12px;text-transform: uppercase;text-align: center;transform: scale(0.9);}
.header .sideNav:hover .icon{ background: url("../images/menu1.png") center center no-repeat;  background-size: 100% 100%;}
.header .sideNav:hover .tit{ color: #f7971e;}
.onSide .solidBox{opacity: 1 !important;}
.onSide .solidBox .solid:nth-of-type(1){margin: 13px auto 0 !important;transform: rotate(45deg);}
.onSide .solidBox .solid:nth-of-type(2){margin: -2px auto 0 !important;transform: rotate(-45deg);}
.onSide .icon1{background: url("../images/menu1.png") center center no-repeat !important ;  background-size: 100% 100% !important;}
.onSide .icon2{opacity: 0;}
.onSide .icon3{opacity: 0;}
.onSide .tit{color: #f7971e !important;}
.header .sideSearch{width: 100%;cursor: pointer;position: relative; margin: 0 0 20px 0;}
.header .sideSearch .icon{width: 30px;height: 22px;background: url("../images/search.png") center center no-repeat;  background-size: 100% 100%; margin: 0 auto 6px;transition: all 0.8s ease;}
.header .sideSearch .tit{color: #333;font-size: 12px;text-transform: uppercase;text-align: center;transition: all 0.8s ease; transform: scale(0.9);}
.header .sideSearch:hover .icon{background: url("../images/search_01.png") center center no-repeat;  background-size: 100% 100%;}
.header .sideSearch:hover .tit{color: #f7971e;}
.header .sideLanguage{width: 100%;cursor: pointer;position: relative; }
.header .sideLanguage .icon{width: 30px;height: 22px;background: url("../images/language.png") center center no-repeat;  background-size: 100% 100%; margin: 0 auto 6px;transition: all 0.8s ease;}
.header .sideLanguage .tit{color: #333;font-size: 12px;text-transform: uppercase;text-align: center;transition: all 0.8s ease; transform: scale(0.9);}
.header .sideLanguage:hover .icon{background: url("../images/language_01.png") center center no-repeat;  background-size: 100% 100%;}
.header .sideLanguage:hover .tit{color: #f7971e;}
.header .gotop{width: 40px;height: 40px;background: url("../images/top.png") center center no-repeat;position: absolute;bottom: 3%;left: 0;right: 0;margin: auto;cursor: pointer;}
.header .gotop:hover{background: url("../images/top1.png") center center no-repeat;}
.header .hnav{ width: 100%; position: absolute; left: 0; right: 0; margin: auto; bottom: 10px; text-align: center;}
.header .hnav li{ margin-bottom: 20px; width: 100%;}
.header .hnav li .icon{ width: 30px; height: 30px; margin:0 auto 5px;}
.header .hnav li .icon.fgs{ background: url("../images/fengognsi_01.png") center center no-repeat;  background-size: 100% 100%;}
.header .hnav li .icon.vr{ background: url("../images/vr_01.png") center center no-repeat;  background-size: 100% 100%;}
.header .hnav li .tit{color: #333;font-size: 12px;}
.header .hnav li:hover .icon.fgs{ background: url("../images/fengognsi_02.png") center center no-repeat;  background-size: 100% 100%;}
.header .hnav li:hover .icon.vr{ background: url("../images/vr_02.png") center center no-repeat;  background-size: 100% 100%;}
.header .hnav li:hover .tit{ color: #f7971e;}

/*search*/
.searchBox{width: 500px;height: 50px;background-color: #fff;position: fixed;top: 118px;left:-100%;z-index:9999998;padding-left: 20px;border: 1px solid #ddd;opacity:0;transition: all 0.8s ease;}
.searchBox form{width: 100%;height: 50px;}
.searchBox form .inputBox{width: 88%;height: 50px;float: left;font-size: 16px;border: none;}
.searchBox form .search{border: none;width: 22px;height: 24px;background: url("../images/search1.png") center center no-repeat;float: right;cursor: pointer;background-size: 100% 100%;margin: 13px 13px 0 0;}
.aLeft{left: 90px !important;opacity: 1 !important;}
.searchBox form .search:hover{background: url("../images/search2.png") center center no-repeat;}

/*languageBox*/
.languageBox{width: 400px;height: 50px;background-color: #fff;position: fixed;top: 178px;left:-100%;z-index:9999998;border: 1px solid #ddd;opacity:0;transition: all 0.8s ease;}
.languageBox ul{ width: 100%;}
.languageBox ul li{ float: left; box-sizing: border-box; width: 33.33%; border-left: solid 1px #eee;}
.languageBox ul li a{ display: block; width: 100%; font-size: 16px; text-align: center; color: #333; line-height: 50px;}
.languageBox ul li a:hover{ color: #f7971e;}
.languageBox ul li.on a{ background-color: #0082c8; color: #fff;}
.languageBox.aLeft{left: 90px !important;opacity: 1 !important;}

/*nav*/
.headerNav{ width: 850px; height:100%;position: absolute;top: 0;left: 90px;z-index: 97;padding: 0 0 0 100px;box-sizing: border-box; z-index: 9999998;}
.headerNav .navLogo a{display: block; width: 212px;height:42px; margin-top: 10%; background: url("../images/logo.png") center center no-repeat;background-size: 212px 42px;}
.headerNav .nav{margin-top: 8%;}
.headerNav .nav dl{float: left;margin-right: 60px;}
.headerNav .nav dl:last-child{ margin-right: 0;}
.headerNav .nav dl dt{position: relative;margin-bottom: 20px;}
.headerNav .nav dl dt::after{content: '';width: 30px;height: 3px;background-color: #0082c8;position: absolute;left: 0;bottom: 0;}
.headerNav .nav dl dt a{font-size: 18px;color: #000000;font-weight: normal;display: block;padding-bottom: 20px;box-sizing: border-box;}
.headerNav .nav dl dd a{font-size: 14px;color: #666666;display: block;padding: 10px 0;box-sizing: border-box;}
.headerNav .nav dl:hover dt::after,.headerNav .nav dl.seced dt::after{background-color: #f7971e;}
.headerNav .nav dl dd:hover a,.headerNav .nav dl:hover dt a,.headerNav .nav dl dd.sece a,.headerNav .nav dl.seced dt a{color: #f7971e;}
.headerNav .txt{font-size: 14px;color: #999999;position: absolute;bottom:30px;left: 98px;}
.headerNav .txt a{ color: #999;}
.headerNav .txt a:hover{ color: #f7971e;}
.headerNav .navClose{width: 25px;height: 25px;cursor: pointer;background: url("../images/icon_close.png") center center no-repeat;background-size: 25px 25px;position: absolute;top: 30px;right: 30px;transition: all 0.8s ease;}
.headerNav .navClose:hover{background: url("../images/icon_close1.png") center center no-repeat;background-size: 25px 25px;}
.headerNav .mailboxLink { position: absolute; right: 0; bottom: 24px;}
.headerNav .mailboxLink a{ display: inline-block; line-height: 30px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #0082c8; border: solid 1px #0082c8; border-radius: 16px; color: #0082c8; transition: all 0.6s ease;}
.headerNav .mailboxLink a:hover{ background-color: #f7971e; border-color: #f7971e; color: #fff;}

/*logo*/
.indexLogo{position:fixed;top: 6%;right: 0;left: 0;margin: auto;z-index: 97;box-sizing: border-box;padding-left: 90px;min-width: 1200px;}
.indexLogo a{display: block; width: 232px;height:46px;float: right;background: url("../images/logo.png") center center no-repeat;}

/*content*/
.index_main {width: 100%;box-sizing: border-box;padding-left: 90px;min-width: 1200px;}
.wrap{width: 88%;margin:0 auto;min-width: 1110px;}
.section {position: relative;overflow: hidden;}

/*section1*/
.section1{}
.indexBanner{width: 100%;position: relative;height: 100%;background: #000;}
.indexBanner .hd{width: 88%;position: absolute;z-index: 1;bottom: 18%;left: 0;right: 0;margin: auto;min-width: 1110px;}
.indexBanner .hd ul li{cursor: pointer;display: inline-block;overflow: hidden;width: 50px;height: 5px;background-color: #fff;margin-right: 10px;font-size: 0;}
.indexBanner .hd ul .on{ background:  #f7971e;}

.indexBanner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.indexBanner .bd ul{width: 100% !important;}
.indexBanner .bd li{width: 100% !important;height: 100vh; position: relative; background-color: #000 !important; overflow: hidden;}
.indexBanner .bd li video{width: 100%;background-color: #000;opacity: 0.8;}
.indexBanner .bd li .cont{position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.indexBanner .bd li .b1 h1{font-size: 48px;color: #ffffff;margin: 12% 0 5%;}
.indexBanner .bd li .b1 h2{font-size: 20px;color: #ffffff;}
.indexBanner .bd li .b1 .txt{	font-size: 16px;line-height: 32px;color: #ffffff;margin: 2% 0 3%;}
.indexBanner .bd li .b1 .a{width: 170px; display: inline-block; height: 44px;line-height: 44px;text-align: center;color: #ffffff;font-size: 14px;position: relative;padding-right: 32px;box-sizing: border-box;z-index: 2;border: 1px solid #fff;transition: all 0.8s ease;}
.indexBanner .bd li .b1 .a::after{content: '';width: 22px;height: 12px;background: url("../images/icon_arrow.png") center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto; transition: all 0.8s ease;}
.indexBanner .bd li .b1 .a::before{content: '';width: 0;height: 44px;background-color: #f7971e;position: absolute;left: 0;top: 0;z-index:-1;transition: all 0.8s ease;}
.indexBanner .bd li .b1 .a:hover{border: 1px solid #f7971e;}
.indexBanner .bd li .b1 .a:hover::before{width: 100%;}

.indexBanner .bd li .b2 h1{font-size: 48px;color: #0082c8;margin: 12% 0 5%;}
.indexBanner .bd li .b2 h2{font-size: 20px;color: #333;}
.indexBanner .bd li .b2 .txt{	font-size: 16px;line-height: 32px;color: #333;margin: 2% 0 3%;}
.indexBanner .bd li .b2 .a{width: 170px; display: inline-block; height: 44px;line-height: 44px;text-align: center;color: #333;font-size: 14px;position: relative;padding-right: 32px;box-sizing: border-box;z-index: 2;border: 1px solid #333;transition: all 0.8s ease;}
.indexBanner .bd li .b2 .a::after{content: '';width: 22px;height: 12px;background: url("../images/icon_arrow1.png") center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto; transition: all 0.8s ease;}
.indexBanner .bd li .b2 .a::before{content: '';width: 0;height: 44px;background-color: #f7971e;position: absolute;left: 0;top: 0;z-index:-1;transition: all 0.8s ease;}
.indexBanner .bd li .b2 .a:hover{border: 1px solid #f7971e; color: #fff; }
.indexBanner .bd li .b2 .a:hover::before{width: 100%;}
.indexBanner .bd li .b2 .a:hover::after{ background: url("../images/icon_arrow.png") center center no-repeat;}
.indexBanner .bd li .b2 .img{ width: 35%; position: absolute; top: 30%;  right: 10%;  }
.indexBanner .bd li .b2 .img img{ width: 100%;}



/* .indexBanner>a{display:block; width:50px; height:50px;border-radius: 50%;transition: all 0.8s ease; filter:alpha(opacity=40);opacity:0.4;}
.indexBanner .prev{ position:absolute; left:-50px; top:50%; margin-top:-25px;background:#fff url(../images/icon_arrow_left.png) center center no-repeat;transition: all 0.8s ease;}
.indexBanner .next{ position:absolute; right:-50px; top:50%; margin-top:-25px;background:#fff url(../images/icon_arrow_right.png) center center no-repeat;transition: all 0.8s ease;}
.indexBanner:hover .prev{ left: 2%;}
.indexBanner:hover .next{ right: 4%;}
.indexBanner a:hover{opacity: 1;filter:alpha(opacity=100);}
.indexBanner .prev:hover,.indexBanner .next:hover{background-color: #FFFFFF; } */


/*section2*/
.section2{}
.indexProduct{width: 100%;height: 100%;position: relative; background-color: #fff;}
.indexProduct li{width: 33.3333%;height: 100%;float: left;transition: all 0.8s ease; position: relative; background-color: #fff;}
.indexProduct li::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #ddd;}
/* .indexProduct li::before{ content: ''; position: absolute; width: 100% !important; height: 100% !important; top: 0; left:0; background-color: rgba(0,0,0,0.5); z-index: 1; transition: all 0.8s ease;} */
.indexProduct li .img{ width: 70%; position: absolute; top: 50%; left: 15%; transform: translateY(-35%); z-index: 0; transition: all 0.8s ease; }
.indexProduct li .img::after{ content: ''; width: 80%; height: 80%; top: 10%; left: 10%; position: absolute; background-color: rgba(0, 130, 200, 0.3); border-radius: 50%; z-index: 0; transition: all 0.8s ease;}
.indexProduct li .img::before{content: ''; width: 84%; height: 84%; top: 8%; left: 8%; position: absolute; border: dashed 1px rgba(0, 130, 200, 0.6); border-radius: 50%; z-index: 0; -webkit-animation: spin 60s linear infinite;animation: spin 60s linear infinite; transition: all 0.8s ease;}
.indexProduct li .img img{ width: 100%; position: relative;z-index: 1;}
.indexProduct li h6{color: #0082c8;text-align: center;font-size: 34px;position: relative;z-index: 2; margin-top: 20%;  transition: all 0.8s ease;}
.indexProduct li .txt{text-align: center;color: #333;font-size: 14px;position: relative;z-index: 2; width: 80%; margin: 20px auto 0;padding: 0 10px;box-sizing: border-box;line-height: 28px;  transition: all 0.8s ease;}
.indexProduct li .a{width: 170px;height: 44px;display: block;line-height: 44px;text-align: center;color: #333;font-size: 14px;position: relative;padding-right: 32px;box-sizing: border-box;z-index: 2;border: 1px solid #333;margin: 0 auto;opacity: 0;filter: alpha(opacity=0);transition: all 0.8s ease;}
.indexProduct li .a::after{content: '';width: 22px;height: 12px;background: url("../images/icon_arrow1.png") center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto; transition: all 0.8s ease;}
.indexProduct li .a::before{content: '';width: 0;height: 44px;background-color: #f7971e;position: absolute;left: 0;top: 0;z-index:-1;transition: all 0.8s ease;}
.indexProduct li:hover .img{ width: 60%; left: 20%; transform: translateY(0);}
.indexProduct li:hover .img::after{ background-color: rgba(247, 151, 30, 0.3);}
    .indexProduct li:hover .img::before{ border-color: rgba(247, 151, 30, 0.6);}
.indexProduct li:hover h6{color: #f7971e; margin-top: 30%; }
.indexProduct li:hover .a{opacity: 1;margin: 8% auto 0;filter: alpha(opacity=100); }
.indexProduct li:hover .txt{ color: #333;}
.indexProduct li:hover::before{ background-color: rgba(0,0,0,0.2); }
.indexProduct li .a:hover{border: 1px solid #f7971e; color: #fff;}
.indexProduct li .a:hover::before{width: 100%;}
.indexProduct li .a:hover::after{  background: url("../images/icon_arrow.png") center center no-repeat;}
.indexProduct:hover li{width: 30%;}
.indexProduct:hover li:hover{ width: 40%;}


/*section3*/
.indexTitle{position: absolute;top: 11%;left: 0;margin:-100% auto 0;z-index: 3;transition: all 0.8s ease; display: inline-block;}
.indexTitle h1{font-size: 50px;color: #fff;font-weight: normal;}
.indexTitle p{font-size: 16px;color: #fff;margin-top: 16px;}

.section3{}
.section3 .indexTitle{ display: inline-block; }
.indexIndustry{width:100%;height: 100vh;position: relative; background-color: #000;}
.indexIndustry .bd{width: 100% !important;height: 100vh;}
.indexIndustry .bd .industry{width: 100% !important;height: 100vh;position: relative; background-color: #000;}
.indexIndustry .bd .industry .bgImg{ width: 100%; height: 100vh; position: relative; z-index: 1;}
.indexIndustry .bd .industry .bgColor{content: '';width: 50%;height: 100vh;background-color: rgba(12,51,91,0.35);border-right: 1px solid rgba(255,255,255,0.3);position: absolute;top: 0;left: 0; z-index: 2;}
.indexIndustry .bd .industry .cont{position: absolute;bottom:30%;left: 0;right:0;margin: 0 auto -100%;z-index: 3;transition: all 0.8s ease;}
.indexIndustry .bd .industry .cont .text{width:40%;float: left;}
.indexIndustry .bd .industry .cont .text h2{color: #fff;font-size:34px;margin-top: 10px;}
.indexIndustry .bd .industry .cont .text .tit{font-size: 24px;color: #ffffff;text-transform: capitalize;margin: 6px 0 24px;}
.indexIndustry .bd .industry .cont .text .txt{font-size: 16px;line-height: 30px;color: #ffffff;padding-right: 4%;box-sizing: border-box;}
.indexIndustry .bd .industry .cont .text a{width: 170px;height: 44px;display: block;line-height: 44px;margin-top: 8%;text-align: center;color: #fff;font-size: 14px;position: relative;padding-right: 32px;box-sizing: border-box;z-index: 10;border: 1px solid #fff;transition: all 0.8s ease;}
.indexIndustry .bd .industry .cont .text a::after{content: '';width: 22px;height: 12px;background: url("../images/icon_arrow.png") center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto;}
.indexIndustry .bd .industry .cont .text a::before{content: '';width: 0;height: 44px;background-color: #f7971e;position: absolute;left: 0;top: 0;z-index:-1;transition: all 0.8s ease;}
.indexIndustry .bd .industry .cont .text a:hover{border: 1px solid #f7971e;}
.indexIndustry .bd .industry .cont .text a:hover::before{width: 100%;}
.indexIndustry .hd{position: absolute;top: 0;right: 0;left: 0;margin:-100% auto 0;height:100%;padding-top:8%;box-sizing:border-box;transition: all 0.8s ease;}
.indexIndustry .hd ul{width: 460px;float: right; position: relative; z-index: 5;}
.indexIndustry .hd ul li{float:left;cursor:pointer; color: #333;font-size: 16px;width: 120px;height: 120px;border-radius: 50%;margin:0 50px 40px 0;position: relative;z-index: 1;transition: all 0.8s ease;}
.indexIndustry .hd ul li::before{ content: ''; width: 100%; height: 100%; top: 0; left: 0;border: dashed 2px #ffffff; border-radius: 50%; overflow: hidden;  position: absolute; box-sizing: border-box; -webkit-animation: spin 60s linear infinite;animation: spin 60s linear infinite;}
.indexIndustry .hd ul li::after{content: '';width: 100%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;border-radius: 50%;z-index: -1;transition: all 0.8s ease; transform: scale(0);}
.indexIndustry .hd ul li:nth-of-type(3n){margin-right: 0;}
.indexIndustry .hd ul li>div{width: 60px;height: 50px;margin: 16px auto 10px;transition: all 0.8s ease;}
.indexIndustry .hd ul li>p{	font-size: 16px;color: #ffffff;text-align: center;transition: all 0.8s ease;}
.indexIndustry .hd ul li.on::after{ transform: scale(1);}
.indexIndustry .hd ul li.on>div{background-image: url("../images/index_industry_icon1.png") !important;}
.indexIndustry .hd ul li.on>p{color: #f7971e;}
.indexIndustry .hd .pageState{position: absolute;bottom: 5%;right: 0;font-size: 22px;color: #fff; z-index:10;}
.indexIndustry .hd .pageState span{font-size: 30px;margin-right: 10px;}

.active .indexTitle{ margin-top: 0;transition-delay: 0.7s;}
.active .indexIndustry .bd .industry .cont{ margin-bottom: 0; transition-delay: 0.7s; }
.active .indexIndustry .hd{ margin-top: 0; transition-delay: 0.7s; }

.ltie10 .indexTitle{ margin-top: -100%;transition-delay: 0.7s;  }
.ltie10 .indexIndustry .bd .industry .cont{ margin-bottom: -100%; transition-delay: 0.7s; }
.ltie10 .indexIndustry .hd{ margin-top: -100%; transition-delay: 0.7s; }

/*section4*/
.section4{}
.indexNews{ width:100%;height: 100vh;position: relative; overflow: hidden; background-color: #fff;}
.indexNews .indexTitle h1,.indexNews .indexTitle p{ color: #333;}
.indexNews .hd{position: absolute;top: 10%;right: 0;left: 0;margin: -100% auto 0;z-index: 5;transition: all 0.8s ease;}
.indexNews .hd ul{float: right; margin-top: 30px;}
.indexNews .hd ul li{display: inline-block;font-size: 18px; position: relative; overflow: hidden;}
.indexNews .hd ul li a{ padding: 10px 20px; display: inline-block; position: relative; z-index: 2; color: #333;}
.indexNews .hd ul li::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #0082c8; transform: translateX(-101%); transition: all 0.8s ease; z-index: 0;}
.indexNews .hd ul li.on a{color: #fff;}
.indexNews .hd ul li.on::before{ transform: translateX(0);}
.indexNews .bd{position: absolute !important;z-index: 1;width: 100% !important; height: 100% !important; bottom: 0;right: 0;transition: all 0.8s ease;}
.indexNews .bd .contBox{width: 100% !important;right:0; height: 100%; margin:auto !important;min-width: 1110px; z-index: 2; }
.indexNews .bd .contBox .bgImg{width: 100%; height: 100%; position: absolute;top: 0; left: 0; z-index: 1;}
.indexNews .bd .contBox .newBox{ position: absolute; right: 0; bottom: 14%; width: 100%; margin-right: -100%; transition: all 0.8s ease; z-index: 2;}
.indexNews .bd .contBox .newBox::after{content: '';width: 100%;height: 1px;background-color:rgba(0, 124, 198, 0.2);position: absolute;top: 44px;left: 0;z-index: 1;}
.indexNews .bd .contBox ul{ }
.indexNews .bd .contBox li{width: 33.3333%;float: left;transition: all 0.8s ease; position: relative; z-index: 2;}
.indexNews .bd .contBox li .box{ width: 80%; padding: 0 10%;}
.indexNews .bd .contBox li .time{width: 88px;height: 88px;background-color: #0082c8;border-radius: 50%;	font-size: 40px;color: #fff;text-align: center;padding-top: 12px;box-sizing: border-box;transition: all 0.8s ease; left: 0; position: relative;}
.indexNews .bd .contBox li .time p{font-size: 14px;}
.indexNews .bd .contBox li h2{font-weight: normal; margin: 6% 0 3%;}
.indexNews .bd .contBox li h2 a{ color: #333; transition: all 0.8s ease; font-size: 24px;}
.indexNews .bd .contBox li .txt{font-size: 14px;line-height: 24px;color: #666;}
.indexNews .bd .contBox li .a{font-size: 14px; padding: 8px 0; color: #333;margin-top: 10%;display: inline-block;transition: all 0.8s ease; box-sizing: border-box; position: relative; overflow: hidden; left: 0; }
.indexNews .bd .contBox li .a span{ position: relative; z-index: 2;}
.indexNews .bd .contBox li .a::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0;left: 0; background-color: #0082c8; transform: translateX(-101%); z-index: 1; transition: all 0.8s ease;}
.indexNews .bd .contBox .more{width: 170px;height: 44px;display: block;line-height: 44px;text-align: center;color: #333;font-size: 14px;margin: 4% auto 0;position: relative;padding-right: 32px;box-sizing: border-box;border: 1px solid #333;transition: all 0.8s ease;}
.indexNews .bd .contBox .more::after{content: '';width: 22px;height: 12px;background: url("../images/icon_arrow1.png") center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto; transition: all 0.8s ease;}
.indexNews .bd .contBox .more::before{content: '';width: 0;height: 44px;background-color: #0082c8;position: absolute;left: 0;top: 0;z-index:-1;transition: all 0.8s ease;}
.indexNews .bd .contBox .more:hover{border: 1px solid #0082c8; color: #fff;}
.indexNews .bd .contBox .more:hover::before{width: 100%;}
.indexNews .bd .contBox .more:hover::after{ background: url("../images/icon_arrow.png") center center no-repeat;}
.indexNews .bd .contBox li:hover .time{background-color: #f7971e;color: #fff;  left: 50%; transform: translateX(-50%);}
.indexNews .bd .contBox li:hover h2 a{ color: #0082c8;}
.indexNews .bd .contBox li:hover .a{ padding: 8px 15px;  }
.indexNews .bd .contBox li .a:hover{ border-color: #0082c8; color: #fff; }
.indexNews .bd .contBox li .a:hover::before{ transform: translateX(0);}

.active .indexNews .hd{ margin-top: 0; transition-delay: 0.7s; }
.active .indexNews .bd .contBox .newBox{ margin-right: 0; transition-delay: 0.7s; }

.ltie10 .indexNews .hd{ margin-top: -100%; transition-delay: 0.7s; }
.ltie10 .indexNews .bd .contBox .newBox{ margin-right: -100%; transition-delay: 0.7s; }

/*section5*/
.section5{}
.indexService{width: 100%;height: 100%;background: url("../images/index_service_bg.jpg") center center no-repeat;}
.indexService .wrap{position: relative;height: 100%;}
.indexService .serviceTit{transition: all 0.8s ease;width: 100%;position: absolute;top: 10%;left: 0;margin-top: -100%;}
.indexService .indexTit{float: left;}
.indexService .indexTit h1{font-size: 50px;color: #fff;font-weight: normal;}
.indexService .indexTit p{font-size: 16px;color: #eee;margin-top: 16px;}
.indexService .more{float: right;width: 170px;height: 44px;display: block;line-height: 44px;text-align: center;color: #fff;font-size: 14px;margin-top: 3%;position: relative;z-index: 1;padding-right: 32px;box-sizing: border-box;border: 1px solid #fff;transition: all 0.8s ease;}
.indexService .more::after{content: '';width: 22px;height: 12px;background: url("../images/icon_arrow.png") center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto;}
.indexService .more::before{content: '';width: 0;height: 44px;background-color: #f7971e;position: absolute;left: 0;top: 0;z-index:-1;transition: all 0.8s ease;}
.indexService .more:hover{border: 1px solid #f7971e;}
.indexService .more:hover::before{width: 100%;}
.indexService .serviceList{width: 90%;display: table;text-align: left;font-size: 0;position: absolute;bottom: 16%;left: 5%;transition: all 0.8s ease;margin-bottom: -100%;}
.indexService .serviceList li{display: inline-block;vertical-align: top;width: 45%;margin-right: 10%;padding-bottom: 40px;box-sizing: border-box;position: relative;}
.indexService .serviceList li:nth-of-type(2){margin-right: 0;}
.indexService .serviceList li::after{content: '';width: 0;height: 4px;background-color: #0082c8;position: absolute;bottom: 0;left: 0;transition: all 0.8s ease;}
.indexService .serviceList li .img{width: 100%;overflow: hidden;position: relative;background-color: #0082c8;}
.indexService .serviceList li .img img{transition: all 0.8s ease;width: 100%;display: block;}
.indexService .serviceList li .tit{	font-size: 22px;font-weight: normal;color: #ffffff;margin-top: 5%;}
.indexService .serviceList li .txt{	font-size: 14px;line-height: 24px;color: #ffffff;margin-top: 2%;}
.indexService .serviceList li:hover .img img{opacity: 0.4;filter: alpha(opacity=40); transform: scale(1.05);}
.indexService .serviceList li:hover::after{width: 100%;}

.active .indexService .serviceTit{ margin-top: 0; transition-delay: 0.7s; }
.active .indexService .serviceList{ margin-bottom: 0; transition-delay: 0.7s; }

.ltie10 .indexService .serviceList{ margin-bottom: -100%; transition-delay: 0.7s; }
.ltie10 .indexService .serviceTit{ margin-top: -100%; transition-delay: 0.7s; }

/*section6*/
.section6{}
.indexFooter{width: 100%;height:100%;background: url("../images/index_footer_bg.jpg") center center no-repeat;position: relative;}
.indexFooter .wrap{position: relative;height: 100%;}
.indexFooter .footerListBox{position: absolute;top: 15%;left: 0;right: 0;margin: -100% auto 0;transition: all 0.8s ease;}
.indexFooter .footerList{display: table;margin: auto;}
.indexFooter .footerList dl{float: left;margin-right: 150px;}
.indexFooter .footerList dl:nth-of-type(5n){margin-right: 0;}
.indexFooter .footerList dl dt{margin-bottom: 10px;}
.indexFooter .footerList dl dt a{font-size: 24px;color: #333;}
.indexFooter .footerList dl dd a{font-size: 16px;color: #666;line-height: 36px;}
.indexFooter .footerList dl dt:hover a{color: #f7971e;}
.indexFooter .footerList dl dd:hover a{color: #f7971e;}
.indexFooter .botBox{position: absolute;bottom: 12%;left: 0;right: 0; width: 1000px; margin: 0 auto -100%;transition: all 0.8s ease;}
.indexFooter .conList{ width: 700px; margin-top: 20px;}
.indexFooter .conList dl{ float: left;width: 260px; margin-right: 80px;}
.indexFooter .conList dl:nth-child(2n){ margin-left: 0;}
.indexFooter .conList dl:nth-child(n+3){ margin-top: 30px;}
.indexFooter .conList dl dt{ font-size: 18px; color: #333; margin-bottom: 15px;}
.indexFooter .conList dl dd{ margin-top: 5px; font-size: 14px; color: #333;}
.indexFooter .conList dl dd span{ display: inline-block; font-size: 24px; color: #0082c8; font-weight: bold;}
.indexFooter .conList dl dd:nth-child(2n-1) span{ font-size: 18px; font-weight: normal;}
.indexFooter .weChat{display: table;margin: auto; width: 300px; margin-top: 40px;}
.indexFooter .weChat .imgBox{float: left;width: 140px;margin: 0 0;vertical-align: middle;}
.indexFooter .weChat .imgBox:first-child{ margin-right: 20px;}
.indexFooter .weChat .imgBox .img{width: 130px;height: 130px;background-color: #fff;}
.indexFooter .weChat .imgBox .img img{width: 130px;height: 130px;}
.indexFooter .weChat .imgBox p{font-size: 14px;color: #333;margin-top: 14px;text-align: center;}
.indexFooter .phone{color: #333;font-size: 16px;line-height: 24px;margin:0 auto -100%;position: absolute;bottom: 15%;left: 0;right: 0;width: 740px;padding-left: 34px;box-sizing: border-box;transition: all 0.8s ease;}
.indexFooter .phone::after{content: '';width: 24px;height: 24px;background: url("../images/phone.png") center center no-repeat;position: absolute;left: 0;top: 0;margin: auto;}
.indexFooter .mailbox{color: #333;font-size: 16px;line-height: 24px;margin:0 auto -100%;position: absolute;bottom: 10%;left: 0;right: 0;width: 960px;padding-left: 34px;box-sizing: border-box;transition: all 0.8s ease;}
.indexFooter .mailbox::after{content: '';width: 24px;height: 24px;background: url("../images/mailbox.png") center center no-repeat;position: absolute;left: 0;top: 0;margin: auto;}
.indexCopyRight{width: 100%;border-top: 1px solid rgba(255,255,255,0.2);padding: 20px 0;position: absolute;bottom: 0;left: 0;margin-bottom: -100%;transition: all 0.8s ease;}
.indexCopyRight .address{float: left;color: #333;font-size: 14px;position: relative;padding-left: 22px;box-sizing: border-box;}
.indexCopyRight .address::after{content: '';width: 12px;height: 18px;background: url("../images/address.png") center center no-repeat;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.indexCopyRight .copy{float: right;font-size: 14px;color: #333;}
.indexCopyRight .copy a{color: #333;font-size: 14px;}
.indexCopyRight .copy a:hover{color: #f7971e;}

@media (max-width: 1560px){
.indexFooter .footerListBox{top: 10%;}
.indexFooter .footerList dl dt a{font-size: 18px;}
.indexFooter .footerList dl dd a{font-size: 14px;line-height: 32px;}
.indexFooter .conList dl dt{ font-size: 16px;  margin-bottom: 10px;}
.indexFooter .conList dl dd{ margin-top: 5px; font-size: 14px;}
.indexFooter .conList dl dd span{  font-size: 20px;}
.indexFooter .weChat .imgBox{float: left;width: 120px;margin: 0 0;vertical-align: middle;}
.indexFooter .weChat .imgBox .img{width: 110px;height: 110px;background-color: #fff;}
.indexFooter .weChat .imgBox .img img{width: 110px;height: 110px;}

}

.active .indexFooter .footerListBox{ margin-top: 0; transition-delay: 0.7s; }
.active .indexFooter .botBox{ margin-bottom: 0; transition-delay: 0.7s; }
.active .indexFooter .phone{ margin-bottom: 0; transition-delay: 0.7s; }
.active .indexFooter .mailbox{ margin-bottom: 0; transition-delay: 0.7s; }
.active .indexCopyRight{ margin-bottom: 0; transition-delay: 0.7s; }

.ltie10 .indexFooter .footerListBox{ margin-bottom: -100%; transition-delay: 0.7s; }
.ltie10 .indexFooter .botBox{ margin-top: -100%; transition-delay: 0.7s; }
.ltie10 .indexFooter .phone{ margin-top: -100%; transition-delay: 0.7s; }
.ltie10 .indexFooter .mailbox{ margin-top: -100%; transition-delay: 0.7s; }
.ltie10 .indexCopyRight{ margin-top: -100%; transition-delay: 0.7s; }


/*pageNav*/
.pageNav{width: 100%;background-color: rgba(0,0,0,0);position: fixed;top: -80px;right: 0;z-index: 8;padding:20px 0 20px 90px;box-sizing: border-box;transition: all 0.8s ease; overflow: hidden;}
.pageNav .back{float: left;width: 108px;height: 38px;background-color: #f7971e;position: relative;transition: all 0.8s ease;}
.pageNav .back::after{content: '';width: 18px;height: 18px;background: url("../images/nav_icon.png") center center no-repeat;position: absolute;top: 10px;left: 10px;transition: all 0.8s ease;}
.pageNav .back a{width: 108px;height: 38px;display: block;font-size: 14px;text-align: center;line-height: 38px;color: #ffffff;padding-left: 28px;box-sizing: border-box;transition: all 0.8s ease;}
.pageNav .back:hover{background-color: #FFFFFF;}
.pageNav .back:hover::after{background: url("../images/nav_icon1.png") center center no-repeat;}
.pageNav .back:hover a{color: #f7971e;}
.pageNav .nav{float: left;transition: all 0.8s ease;}
.pageNav .nav .nLi{display: inline-block;margin-left: 70px;position: relative;}
.pageNav .nav .nLi h3{padding: 11px 0;box-sizing: border-box;}
.pageNav .nav .nLi h3 a{ display:block; line-height: 16px;font-size:16px;color:#fff;font-weight: normal;transition: all 0.8s ease;}
.pageNav .nav .nLi:hover h3 a{color: #f7971e;}
.pageNav .nav .sub{ display:none; position:absolute;top:38px;z-index: 999;transform: translateX(-50%);left: 50%;width: 130px;background-color:#FFFFFF;}
.pageNav .nav .sub li{border-bottom: 1px solid #eee;transition: all 0.8s ease;}
.pageNav .nav .sub li:last-child{border-bottom: 0;}
.pageNav .nav .sub li a{display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;transition: all 0.8s ease;}
.pageNav .nav .sub li:hover{background-color: #f7971e;}
.pageNav .nav .sub li:hover a{color: #FFFFFF;}
.pageNav .pageLogo{float: right;}
.pageNav .pageLogo a{display: block; width: 162px;height:35px;background: url(../images/logo.png) center center no-repeat;transition: all 0.8s ease;background-size: 100% 100%; }
.is-fixed{background-color: rgba(0,0,0,0.55); top: 0;}

/*pageBanner*/
.pageBanner{width: 100%;height: 100vh;padding-top: 20%;box-sizing: border-box; background-color: #000 !important; position: relative;}
.pageBanner h1{font-weight: normal;color: #fff;font-size: 48px; z-index: 2; position: relative;}
.pageBanner p{color: #fff;font-size: 18px;text-transform: capitalize;margin-top: 10px; z-index: 2; position: relative;}
.pageBanner.white h1,.pageBanner.white p{ color: #333;}
.pageBanner iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

/*pageAbout*/
.pageNumber{width: 100%;height: 280px;background: url("../images/about/number_bg.jpg") center center no-repeat;}
.pageNumber .number{width: 100%;height: 280px;padding-top: 90px;box-sizing: border-box;}
.pageNumber .number dl{float: left;width: 25%;}
.pageNumber .number dl dt{text-align: center;position: relative;}
.pageNumber .number dl dt b{font-size: 72px;color: #0082c8;margin-right: 5px;font-family: BebasNeue;}
.pageNumber .number dl dt span{font-size: 14px;color: #999;}
.pageNumber .number dl dt sup{font-size: 42px;color: #0082c8;line-height: 42px;display: block;position: absolute;top: 0;right: 32%;}
.pageNumber .number dl:nth-of-type(4) dt span{margin-left: 30px;}
.pageNumber .number dl dd{font-size: 14px;color: #666;text-align: center;margin-top: -10px;}
/*pageIntroduce*/
.pageIntroduce{width: 100%; padding: 50px 0; box-sizing: border-box; background:#fbfbfb url("../images/about/about_bg.jpg") bottom center no-repeat;position: relative;}
.pageIntroduce .cont{width: 100%; box-sizing: border-box; position: relative; padding-right: 50%;}
.pageIntroduce .cont h3{font-size: 36px;font-weight: normal;color: #0082c8;position: relative;padding-top: 30px;box-sizing: border-box;margin: 0 0 20px;}
.pageIntroduce .cont h3::after{content: '';width: 22px;height: 20px;background: url("../images/about/about_icon.png") center center no-repeat;position: absolute;top: 0;left: 0;}
.pageIntroduce .cont .txt{font-size: 14px;line-height: 28px;color: #333;max-height: 460px; overflow-y: auto; box-sizing: border-box; padding-right: 5px;}
.pageIntroduce .cont .txt p{margin-bottom: 5px; }
.pageIntroduce .cont .txt img{ max-width: 100%; height: auto !important; display: none; }
.pageIntroduce .img{width: 48%;height: 100%;  position: absolute; top: 0; right: 0; background: url("../images/about/about_pic.jpg") center center no-repeat; background-size: 100% auto;}
.pageIntroduce .img .aboutPlay{width: 60px;height: 60px; border: solid 3px #fff; border-radius: 50%;background: url("../images/play.png") center center no-repeat;cursor: pointer;position: absolute;top: 0;left: 0;right: 0; z-index: 2; bottom: 0;margin: auto;transition: all 0.8s ease;}
.pageIntroduce .img .aboutPlay:hover{ background-color: #f7971e; border-color: #f7971e;}


/*video*/
.aboutVideoBg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 97;background-color: rgba(0,0,0,0.8);display: none;}
.aboutVideo{width: 50%;height: auto;position: fixed;top: 50%;left: 50%;margin: -15% 0 0 -22%;z-index: 98;display: none;}
.aboutVideo video{width: 100%;   padding: 0; border: 0; border-radius: 0;}
.aboutVideo .aboutClose{position: absolute;top: 0;right:-40px;background:#fff url("../images/close_icon1.png") center center no-repeat;width: 40px;height: 40px;transition: all 0.8s ease;cursor: pointer;}
.aboutVideo .aboutClose:hover{background:#f7971e url("../images/close_icon.png") center center no-repeat;}


/*aboutTitle*/
.aboutTitle{color: #333;font-size: 36px;text-align: center;font-weight: normal;}

/*pageCulture*/
.pageCulture{width: 100%; padding-top: 60px; }
.cultureList{width: 100%;height: 570px;position: relative;margin-top: 60px;}
.cultureList .tempWrap{height: 100%;}
.cultureList .bd{width: 100%;height: 100%;}
.cultureList .bd .cont{width: 100%;height: 100%; position: relative;}
.cultureList .bd .cont::after{ content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1;}
.cultureList .bd .cont .wrap{ z-index: 2; text-align: center;position: relative;}
.cultureList .bd .cont h2{color: #FFFFFF;font-size: 30px;font-weight: normal;padding: 70px 0 20px;box-sizing: border-box;}
.cultureList .bd .cont .txt{font-size: 16px;color: #fff;position: relative;padding-bottom: 30px;box-sizing: border-box;}
.cultureList .bd .cont .txt::after{content: '';width: 16px;height: 4px; margin-left: -8px; background-color: #FFFFFF;position: absolute;left: 50%;bottom: 0;}
.cultureList .hd{position: absolute;bottom: 0;left: 0;right: 0; z-index: 2; margin: auto;width: 88%;min-width: 1100px;}
.cultureList .hd .pageState{  color: #fff;font-size: 24px;font-family: BebasNeue;padding-bottom: 20px;box-sizing: border-box;display: block;}
.cultureList .hd .pageState span{font-size: 60px;}
.cultureList .hd ul{width: 100%;height: 140px;background-color: #FFFFFF;}
.cultureList .hd ul li{float:left;width: 11.1111%;height: 140px;padding-top: 30px;box-sizing: border-box;cursor: pointer;}
.cultureList .hd ul li .icon{width: 50px;height: 50px;margin: 0 auto 6px;}
.cultureList .hd ul li p{color: #999;font-size: 16px;text-align: center;}
.cultureList .hd ul li.on{background-color: #0082c8;}
.cultureList .hd ul li.on .icon{background-image: url("../images/about/culture_icon1.png") !important;}
.cultureList .hd ul li.on p{color: #FFFFFF;}

/*pageFooter*/
.pageFooter{width: 100%;height: 400px;background:url("../images/footer_bg.jpg") bottom center no-repeat;position: relative; overflow: hidden; }
.pageFooter .footerNav{float: left;width: 68%;margin-top: 50px;}
.pageFooter dl{float: left;margin-right: 12%;}
.pageFooter dl:nth-of-type(5n){margin-right: 0;}
.pageFooter dl dt{margin-bottom: 8px;}
.pageFooter dl dt a{font-size: 18px;color: #FFFFFF;}
.pageFooter dl dd{margin-top: 12px;}
.pageFooter dl dd a{font-size: 14px;color: #e1e1e1;}
.pageFooter dl dt:hover a{color: #f7971e;}
.pageFooter dl dd:hover a{color: #f7971e;}
.pageFooter .weChat{float: right;margin-left: 30px;margin-top: 50px;}
.pageFooter .img{width: 130px;height: 130px;background-color: #fff;}
.pageFooter .img img{width: 130px;height: 130px;}
.pageFooter .tit{width: 130px;text-align: center;color: #e1e1e1;font-size: 14px;margin-top: 10px;}
.pageFooter .phone{color: #e1e1e1;font-size: 16px;line-height: 16px;position: relative;padding-left: 34px;box-sizing: border-box;margin-top: 50px;}
.pageFooter .phone::after{content: '';width: 24px;height: 24px;background: url("../images/phone1.png") center center no-repeat;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.pageFooter .copyRight{width: 100%;border-top: 1px solid rgba(255,255,255,0.2);padding: 20px 0;position: absolute;bottom: 0;left: 0;transition: all 0.8s ease;}
.pageFooter .copyRight .address{float: left;color: #e1e1e1;font-size: 14px;position: relative;padding-left: 22px;box-sizing: border-box;}
.pageFooter .copyRight .address::after{content: '';width: 12px;height: 18px;background: url("../images/address1.png") center center no-repeat;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.pageFooter .copyRight .copy{float: right;font-size: 14px;color: #e1e1e1;}
.pageFooter .copyRight .copy a{color: #e1e1e1;font-size: 14px;}
.pageFooter .copyRight .copy a:hover{color: #f7971e;}

/*pageDevelop*/
.pageDevelop{width: 100%;height: 100vh;background: url("../images/development/development_bg.jpg") center center no-repeat;padding-top:0;box-sizing:border-box;position: relative;overflow: hidden;}
.pageDevelop .circle{width: 840px;height: 100%;border: 1px solid rgba(0,0,0,0.2);border-radius: 50%;position: absolute;top: 0;bottom: 0;margin: auto;left: -26%;}
.pageDevelop .circle i{display: block;width: 10px;height: 10px;background-color: #0082c8;border-radius: 50%;}
.pageDevelop .circle i:nth-of-type(1){position: absolute;top:4%;right: 28.5%;}
.pageDevelop .circle i:nth-of-type(2){position: absolute;top:12%;right: 16.2%;}
.pageDevelop .circle i:nth-of-type(3){position: absolute;bottom:4%;right: 28.5%;}
.pageDevelop .circle i:nth-of-type(4){position: absolute;bottom:12%;right: 16.2%;}

.development{width: 100%;height: 100vh;position: relative;box-sizing: border-box;}
.development::after{content: '';width: 36px;height:32px;background: url("../images/development/development_icon.png") center center no-repeat;position: absolute;top: 12%;left: 0;}
.development .contbox{width: 100%;height: 100vh;}
.development .contbox li{width: 100%;height: 100vh;position: relative;}
.development .contbox li .cont{float: right;width: 60%;margin-top: 16%;}
.development .contbox li .cont h1{ display: inline-block !important;  vertical-align: top; color: #0082c8;font-size: 150px;position: relative;padding-right: 30px;box-sizing: border-box;font-family: BebasNeue;font-weight: normal;}
.development .contbox li .cont h1::after{content: '';width: 1px;height: 80px;background-color: #0082c8;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.development .contbox li .cont .txt{ display: inline-block !important;  vertical-align: top; margin:55px 0 0 30px;color: #333;font-size: 16px;line-height: 30px;width: 50%;}
.development .contbox li .cont .txt img{ max-width: 100%; display: none;}
.development .contbox li .img{width: 500px;height: 500px;border-radius: 50%;overflow: hidden; border: 6px solid #fff;box-sizing: border-box;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.development .contbox li .img img{width: 100%; transition: all 0.8s ease;}
.development .contbox li .img::after{content: '';width: 100px;height: 100px;background-color: rgba(247, 151, 30, 0.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-radius: 50%; transition: all 0.8s ease;}
.development .contbox li .img::before{content: '';width: 120px;height: 120px; border-radius: 50%; border: dashed 1px #f7971e; position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transition: all 0.8s ease; -webkit-animation: spin 50s linear infinite;animation: spin 50s linear infinite;}
.development .contbox li .img:hover::after{ width: 100%; height: 100%; background-color: rgba(247, 151, 30, 0.1);}
.development .contbox li .img:hover::before{ width: 90%; height: 90%; border:dashed 2px #f7971e;}
.development .smallScroll{ position: absolute;left: 40%;  bottom: 30%;}
.development .smallImg{position: relative;  padding-left: 80px;     overflow: hidden; }
.development .prev,.development .next{display:block;width:44px; height:44px;border-radius: 50%;border: 1px solid rgba(0,130,200,0.3);transition: all 0.8s ease;z-index: 20;position: absolute;left: 0;}
.development .prev{top: 0; background:url(../images/development/icon_arrow_up.png) center center no-repeat;}
.development .next{bottom: 0;background:url(../images/development/icon_arrow_down.png) center center no-repeat;}
.development .prev:hover{background:#0082c8 url(../images/development/icon_arrow_up1.png) center center no-repeat;}
.development .next:hover{background:#0082c8 url(../images/development/icon_arrow_down1.png) center center no-repeat;}
/* .development .nextStop,.development .prevStop{ display: none;} */
.development .smallImg ul{  overflow: hidden;}
.development .smallImg ul li{cursor:pointer; line-height: 46px; padding-left: 46px; font-size: 16px;color: #999;border-bottom: 1px solid #eee;position: relative; }
.development .smallImg ul li span{font-family: BebasNeue;color: #0082c8;font-size: 24px;display: block;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.development .smallImg ul li.on{color: #0082c8; display: inline-block; }
.development .smallImg ul li.on span{ color: #f7971e;}
@media (max-width: 1680px){
    .pageDevelop .circle{width: 780px;}
}
@media (max-width: 1600px){
    .pageDevelop .circle{width: 740px;}
}
@media (max-width: 1440px){
    .pageDevelop .circle{width: 660px;}
    .development .contbox li .img{width: 440px;height: 440px;border: 6px solid #fff;}
    .development .contbox li .img::after{width: 80px;height: 80px;}
    .development .contbox li .img::before{width: 100px;height: 100px;}
}
@media (max-width: 1400px){
    .pageDevelop .circle{width: 620px;}
    .development .contbox li .img{width: 400px;height: 400px;border: 6px solid #fff;}
}
@media (max-width: 1280px){
    .pageDevelop .circle{width: 540px;}
}
@media (max-width: 1200px){
    .pageDevelop .circle{width: 500px;}
}

/*pageEquipment*/
.pageEquipment{width: 100%;height: 840px;background: url("../images/equipment/equipment_bg.jpg") center center no-repeat;padding: 120px 0 0;box-sizing: border-box; overflow: hidden;}
.equipment{width: 100%;position: relative;}
.equipment .bd{width: 100%; overflow: hidden;}
.equipment .bd ul{ overflow: hidden;}
.equipment .bd li{width: 100%;}
.equipment .bd li .imgBox{float: left;position: relative;width: 600px;height: 600px;}
.equipment .bd li .imgBox .img{width: 540px;height: 540px;border-radius: 50%;overflow: hidden;margin: 30px 0 0 30px;position: relative;}
.equipment .bd li .imgBox .img img{width: 100%; transition: all 0.8s ease;}
.equipment .bd li .imgBox .img:hover img{ transform: scale(1.05);}
.equipment .bd li .imgBox::after{content: '';width: 600px;height: 600px;background: url("../images/equipment/equipment_circle.png") center center no-repeat;background-size: 100% 100%;position: absolute;top: 0;left: 0; -webkit-animation: spin 60s linear infinite;animation: spin 60s linear infinite;}
@-webkit-keyframes spin {
    0%{-webkit-transform: rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@keyframes spin {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(180deg);}
    100%{transform: rotate(360deg);}
}
.equipment .bd li .imgBox .equipmentPlay{display:block;width: 60px;height: 60px;box-sizing: border-box; border:solid 3px #fff; background: url("../images/play.png") center center no-repeat;border-radius:50%;cursor: pointer;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); z-index:3;transition: all 0.8s ease;}
.equipment .bd li .imgBox .equipmentPlay:hover{ width: 100%; height: 100%; background-color: rgba(0, 130, 200, 0.3); border: 0;}
.equipment .bd li .cont{float: right;width:  calc(100% - 700px);}
.equipment .bd li .cont .tit{font-size: 36px;color: #333333;margin: 14% 0 4%;}
.equipment .bd li .cont .txt{color: #666;font-size: 16px;line-height: 30px;margin-top:3%;}
.equipment .bd li .cont .txt img{ max-width: 100%; display: none;}
.equipment .hd{width: 54%;position: absolute;right: 0;bottom: 20%;}
.equipment .hd>a{display:block;float: left;width:44px; height:44px;border-radius: 50%;border: 1px solid rgba(0,130,200,0.3);transition: all 0.8s ease;}
.equipment .prev{background:url(../images/icon_arrow_left.png) center center no-repeat;}
.equipment .next{background:url(../images/icon_arrow_right.png) center center no-repeat;margin-left:30px;}
.equipment .prev:hover{background:#0082c8 url(../images/icon_arrow_left1.png) center center no-repeat;}
.equipment .next:hover{background:#0082c8 url(../images/icon_arrow_right1.png) center center no-repeat;}
@media (max-width: 1680px){
    .equipment .bd li .imgBox{width: 540px;height: 540px;}
    .equipment .bd li .imgBox .img{width: 500px;height: 500px;margin: 20px 0 0 20px;}
    .equipment .bd li .imgBox::after{width: 540px;height: 540px;background-size: 540px 540px;}
    .equipment .bd li .cont{width:  calc(100% - 600px);}
}
@media (max-width: 1440px){
    .equipment .bd li .imgBox{width: 460px;height: 460px;}
    .equipment .bd li .imgBox .img{width: 420px;height: 420px;}
    .equipment .bd li .imgBox::after{width: 460px;height: 460px;background-size: 460px 460px;}
    .equipment .hd{bottom: 12%;}
    .equipment .bd li .cont{width:  calc(100% - 540px);}
}

/* animationDetail */
.animationDetail{ width: 100%; position: relative; }
.animationDetail #a1{position: relative; z-index: 1;}
.animationDetail h3{ position: absolute; font-weight: normal; top: 20px; left: 20px; z-index: 2; font-size: 26px; color: #f7971e;}

.jquery-lightbox-overlay{ background:#000; }
.jquery-lightbox{ position:relative; padding:0; margin:0;}
.jquery-lightbox-html{ z-index:7000; padding:0; position:relative; border:solid 20px #fff;}
.jquery-lightbox-background{z-index:6999; position:absolute; padding:0; float:left;}
.jquery-lightbox-mode-html .jquery-lightbox-background{background:#fff;}
.jquery-lightbox-loading{background:url(../images/loading.gif) #fff no-repeat center center}
.jquery-lightbox-mode-html .jquery-lightbox-loading{background:url(../images/loading.gif) #fff no-repeat center center}
.jquery-lightbox-button-close{position:absolute; width:50px; background:#333 url(../images/iconbox.png) no-repeat 0 0; height:50px; top:0px; right:-50px;}
.jquery-lightbox-button-close:hover{background:#f7971e url(../images/iconbox.png) no-repeat 0 0}
.jquery-lightbox-button-close SPAN{display:none}
.jquery-lightbox-buttons SPAN{display:none}
.jquery-lightbox-buttons{z-index: 7001; position: absolute; display: none; height:100px; width:50px; top:50px; right:-50px;}
.jquery-lightbox-buttons .jquery-lightbox-button-left{margin:0px; width:50px; height:50px; display:inline; background:#333 url(../images/iconbox.png) no-repeat -50px 0; float:left; }
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:#f7971e url(../images/iconbox.png) no-repeat -50px 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-right{margin:0px; width:50px; display: inline; background:#333 url(../images/iconbox.png) no-repeat -100px 0; float:left; height:50px}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:#f7971e url(../images/iconbox.png) no-repeat -100px 0;}
.jquery-lightbox-navigator{display: none}

/*equipmentShow*/
.equipmentShow{width: 100%;height:820px;background: url("../images/equipment/equipment_bg1.jpg") center center no-repeat;padding: 80px 0 0;box-sizing: border-box; border-top: solid 1px #eee;}
.equipmentShow h5{font-size: 30px;color: #333333;font-weight: normal;}

.equipmentList {width: 94%;float: right;padding: 80px 0 !important;box-sizing: border-box !important;margin-top: -40px !important;}
.equipmentList .swiper-slide {width: 32% !important;margin-right: 1.9% !important;float: left;cursor: pointer;transition: all 0.8s ease;}
.equipmentList .swiper-slide .img{width:100%; height:470px; text-align: center;overflow: hidden;position: relative;cursor: pointer;}
.equipmentList .swiper-slide .img img{ height:100%; display:block;}
.equipmentList .swiper-slide .img .con{ width: 90%; padding: 20px 5%;   position: absolute; bottom: -100%; left: 0; background-color: rgba(0, 0, 0, 0.4); font-size: 16px; line-height: 30px; color: #fff; text-align: left;transition: all 0.8s ease; }
.equipmentList .swiper-slide .img .add{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;transition: all 0.8s ease;cursor: pointer;}
.equipmentList .swiper-slide .img .add img{display:block;width: 64px;height: 64px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.equipmentList .swiper-slide .txt{font-size: 18px;color: #0082c8;position: relative;padding-left: 40px;box-sizing: border-box;margin-top: 40px;opacity: 0}
.equipmentList .swiper-slide .txt::after{content: '';width: 30px;height: 3px;background-color: #0082c8;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.equipmentList .swiper-pagination{top: 20px;right: 0 !important;text-align: right !important;width: 88% !important;left: 0 !important;margin: auto !important;}
.equipmentList .swiper-pagination .swiper-pagination-bullet {width: 10px !important;height: 10px !important;margin:0 0 0 10px !important;background-color: #0082c8 !important;opacity: 0.5 !important; cursor: pointer;}
.equipmentList .swiper-pagination .swiper-pagination-bullet-active{background-color: #0082c8 !important;opacity: 1 !important;}
.equipmentList .a{width: 44px;height: 44px;border-radius: 50%;border: solid 1px rgba(0, 130, 200, 0.3);cursor:pointer;transition: all 0.8s ease;margin-top: -46px !important;}
.equipmentList .swiper-button-next{background:url("../images/icon_arrow_right.png") center center no-repeat;position: absolute;top: 100% !important;left: 74px;}
.equipmentList .swiper-button-prev{background:url("../images/icon_arrow_left.png") center center no-repeat;position: absolute;top: 100% !important;left: 0;}
.equipmentList .swiper-button-next:hover{background:#0082c8 url("../images/icon_arrow_right1.png") center center no-repeat;}
.equipmentList .swiper-button-prev:hover{background:#0082c8 url("../images/icon_arrow_left1.png") center center no-repeat;}
.equipmentList .swiper-slide.swiper-slide-active{width: 50% !important;}
.equipmentList .swiper-slide.swiper-slide-active .img .add{opacity: 0;}
.equipmentList .swiper-slide.swiper-slide-active .txt{opacity: 1;}
.equipmentList .swiper-slide.swiper-slide-active .img .con{ bottom: 0;}


/*pageQualifications*/
.pageQualifications{width: 100%;margin-top:80px;}
.pageQualifications .honorTitle h5{font-size: 36px;font-weight: normal;color: #333333;text-align: center;}
.pageQualifications .honorTitle .txt{font-size: 16px;line-height: 30px;color: #666666;text-align: center;width: 1000px;margin: 20px auto 0;}
#certify {position: relative;width: 100%;}
#certify .swiper-container {padding: 80px 0 110px;}
#certify .swiper-slide {width: 310px;height: 420px;}
#certify .swiper-slide .img{width: 310px;height: 420px;background: url("../images/honor/qualifications_bg.jpg") center center no-repeat;}
#certify .swiper-slide .img img{display:block;width: 280px;height: 390px;padding: 15px;}
#certify .swiper-slide p {text-align: center;color: #636363;font-size: 18px;margin: 20px 0 0 0;opacity: 0;}
#certify .swiper-slide.swiper-slide-active p{opacity: 1;}
#certify .swiper-button-prev {margin-top: -45px !important;left:0;width: 64px;height: 64px;background: url(../images/icon_arrow_left.png) center center no-repeat;border: solid 1px rgba(0, 124, 198, 0.16);border-radius: 50%;transition: all 0.8s ease;}
#certify .swiper-button-prev:hover {background: #0082c8 url(../images/icon_arrow_left1.png) center center no-repeat;border-color: #0082c8;}
#certify .swiper-button-next {margin-top: -45px !important;right:0;width: 64px;height: 64px;background: url(../images/icon_arrow_right.png) center center no-repeat;border: solid 1px rgba(0, 124, 198, 0.16);border-radius: 50%;transition: all 0.8s ease;}
#certify .swiper-button-next:hover {background: #0082c8 url(../images/icon_arrow_right1.png) center center no-repeat;border-color: #0082c8;}

/* certifiedProduct */
.certifiedProduct{ width: 100%; padding: 80px 0; background: url(../images/honor/honor_bg2.jpg) no-repeat; background-attachment: fixed;}
.certifiedProduct .honorTitle h5{font-size: 36px;font-weight: normal;color: #333333;text-align: center;}
.certifiedProduct .honorTitle .txt{font-size: 16px;line-height: 30px;color: #666666;text-align: center;width: 1000px;margin: 20px auto 0;}
.certifiedList{ width: 100%; margin-top: 80px;}
.certifiedList .bd {font-size: 0; display: table; text-align: center; width: 100%;}
.certifiedList .bd ul {min-width: 100%;}
.certifiedList .bd ul li{display: inline-block; vertical-align: top; width: 25%; position: relative;}
.certifiedList .bd ul li a{ padding:0  20px 30px 20px; box-sizing: border-box; width: 100%; display: inline-block;}
.certifiedList .bd ul li .img{ width: 100%; padding: 15px; box-sizing: border-box; position: relative; background: url("../images/honor/qualifications_bg.jpg") center center no-repeat; background-size: 100% 100%; z-index: 1;}
.certifiedList .bd ul li .img img{ width: 100%; }
.certifiedList .bd ul li p{ position: absolute; width: 60%; position: absolute; left: 20%; bottom: 0; padding: 20px ; box-sizing: border-box; line-height: 20px; font-size: 16px; color: #333; background-color: #fff; z-index: 2;  box-shadow: 2px 0 20px -1px rgba(0,0,0,0.15);-webkit-box-shadow: 2px 0 20px -1px rgba(0,0,0,0.15);-moz-box-shadow: 2px 0 20px -1px rgba(0,0,0,0.15);}
.certifiedList .hd ul{display: table;margin: 40px auto 0; text-align: center; font-size: 0;}
.certifiedList .hd ul li{display: inline-block;width:12px;height:12px;margin:0 10px;cursor:pointer;background-color: #0082c8;font-size: 0;border-radius: 50%; opacity: 0.5;}
.certifiedList .hd ul li.on{opacity: 1;}


/*pageHonor*/
.pageHonor{width: 100%;height: 750px;background: url("../images/honor/honor_bg.jpg") center center no-repeat;padding-top: 120px;box-sizing: border-box;}
.pageHonor .honorTit h5{font-size: 36px;font-weight: normal;color: #fff;}
.pageHonor .honorTit .txt{font-size: 16px;line-height: 30px;color: #fff;width: 710px; margin-top: 20px;}
.honorList{width:100%;position: relative;padding-top: 80px;}
.honorList .hd a{display: block;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;cursor:pointer;transition: all 0.8s ease;position: absolute;top: -80px;}
.honorList .hd .prev{background:url("../images/icon_arrow_left1.png") center center no-repeat;background-size: 10px 18px;right: 80px;}
.honorList .hd .next{background:url("../images/icon_arrow_right1.png") center center no-repeat;background-size: 10px 18px;right: 0;}
.honorList .hd .prev:hover{background:#fff url("../images/icon_arrow_left.png") center center no-repeat;}
.honorList .hd .next:hover{background:#fff url("../images/icon_arrow_right.png") center center no-repeat;}
.honorList .bd{width: 100% !important;overflow: hidden;}
.honorList .bd ul{}
.honorList .bd ul li{width: 25%;float: left;margin:0; padding:0 ; box-sizing: border-box;}
.honorList .bd ul li a{display: block;width: 100%;}
.honorList .bd ul li .img{width: 94%;margin: 0 3%;  overflow: hidden;background: url("../images/honor/honor_pic_bg.jpg") center center no-repeat;background-size: 100% 100%;}
.honorList .bd ul li .img img{width: 100%;padding:15px; box-sizing: border-box;}
.honorList .bd ul li .txt{font-size: 18px;color: #fff;text-align: center;margin-top: 20px;}



/*pageJoin*/
.joinTitle{margin: 70px;}
.joinTitle h2{color: #333;font-size: 36px;font-weight: normal;text-align: center;}
.joinTitle p{color: #999;font-size: 16px;text-align: center;margin-top: 10px;line-height: 30px;}
.pageJoin{width: 100%;}
.pageJoin li{width: 23.5%;border-top: 8px solid #ddd;background-color: #f1f9fc;float: left;position: relative;padding: 0 2%;box-sizing: border-box;margin-right: 2%;}
.pageJoin li:nth-of-type(4n){margin-right: 0;}
.pageJoin li::after{content: '';width: 0;height: 8px;background-color: #0082c8;position: absolute;top: -8px;left: 0;transition: all 0.8s ease;}
.pageJoin li .icon{width: 50px;height: 50px;margin-top: 50px;}
.pageJoin li .txt{color: #333;font-size: 20px;text-transform: capitalize;margin: 20px 0 10px;}
.pageJoin li h3{color: #333;font-size: 24px;font-weight: normal;margin-bottom: 18px;}
.pageJoin li .cont{font-size: 14px;color: #666;line-height: 30px;margin-bottom: 20%;}
.pageJoin li:hover::after{width: 100%;}
.pageRecruit{width: 100%;margin-bottom: 80px;}
.pageRecruit li{width: 49%;float: left;margin-right: 2%;position: relative;z-index: 2;}
.pageRecruit li:nth-of-type(2n){margin-right: 0;}
.pageRecruit li .img{width: 100%;overflow: hidden;}
.pageRecruit li .img img{width: 100%;transition: all 0.8s ease;}
.pageRecruit li .cont{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 8% 5% 0;box-sizing: border-box;z-index: 1;}
.pageRecruit li .cont::after{content: '';width: 0;height: 0;background-color: rgba(0, 130, 200, 0.3);position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;z-index:-1;transition: all 0.8s ease;}
.pageRecruit li h4{color: #fff;font-size: 30px;font-weight: normal;margin-bottom: 20px;transition: all 0.8s ease;}
.pageRecruit li .txt{color: #e9e9e9;font-size: 16px;line-height: 28px;}
.pageRecruit li .btn{position:absolute;bottom:12%;left:0;right:0;margin:auto;width: 90%;border-bottom: 1px solid rgba(255,255,255,0.4);color: #fff;font-size: 16px;line-height: 16px;padding: 18px 0;}
.pageRecruit li .btn::after{content: '';width: 0;height: 2px;background-color: #f7971e;position: absolute;bottom: -1px;left: 0;transition: all 1s ease;}
.pageRecruit li .btn span{display: block;position: absolute;top: 16px;right: 0;color: #fff;font-size: 16px;line-height: 16px;}
.pageRecruit li:hover .img img{transform: scale(1.1);}
.pageRecruit li:hover h4{color: #f7971e;}
.pageRecruit li:hover .cont::after{width: 100%;height: 100%;}
.pageRecruit li:hover .btn{color: #f7971e;}
.pageRecruit li:hover .btn span{color: #f7971e;}
.pageRecruit li:hover .btn::after{width: 100%;}

/*pageTalent*/
.pageTalent{width: 100%;margin: 80px 0;}
.pageTalent .joinTitle div{color: #999;font-size: 16px;text-align: center;margin-top: 10px;line-height: 30px;}
.pageTalent .cont{width: 100%;height: 270px;background: url("../images/recruit_bg.jpg") center center no-repeat; position: relative; text-align: center;}
.pageTalent .cont p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 18px; line-height: 34px; color: #fff;}
.pageTalent .postTitle{width: 100%;background-color: #f8f8f8;padding: 20px 20px;border-bottom: solid 1px #eee;box-sizing: border-box;}
.pageTalent .postTitle p{ float: left; color: #333;font-size: 16px;}
.pageTalent .p1{width: 20%;}
.pageTalent .p2,.pageTalent .p3,.pageTalent .p4,.pageTalent .p5{width: 19%;text-align: center;}
.pageTalent .icon{width: 4%;height:20px;background: url("../images/jobIcon01.png") center center no-repeat;background-size: 16px 10px;}
.pageTalent ul{width: 100%;}
.pageTalent ul li.q{ cursor: pointer;}
.pageTalent ul li.q div{padding: 20px 20px;border-bottom: solid 1px #eee;box-sizing: border-box;}
.pageTalent ul li.q p{color: #666;font-size: 14px; float: left;}
.pageTalent ul li.a{display: none;line-height: 32px;border-bottom: solid 1px #eee;padding: 20px 20px;font-size: 14px;color: #333;}
.pageTalent ul li.a img{ max-width: 100%; display: none;}
.pageTalent ul li.q:hover p,.pageTalent ul li.q .on p{color: #0082c8;}
.pageTalent ul li.q div.on,.pageTalent ul li.q:hover{ background-color: rgba(0, 124, 198, 0.1);}
.pageTalent ul li.q:hover .icon{background: url("../images/jobIcon02.png") center center no-repeat;}
.pageTalent ul li.q div.on .icon{ background: url("../images/jobIcon03.png") center center no-repeat;}
.pageTalent ul li .qq{margin-top: 10px;display: block;width: 100px; height: 40px; line-height: 40px;text-align: right;padding: 0 20px;background: #0082c8 url(../images/jobIcon.png) left 30px center no-repeat;font-size: 14px;color: #fff;transition: all 0.8s ease;}
.pageTalent ul li .qq:hover{background-color: #f7971e;}

/* pageObligation */
.pageObligation{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageObligation ul{ width: 100%;}
.pageObligation ul li{ width: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.08);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.08); margin-bottom: 40px; padding: 40px; box-sizing: border-box; background-color: #fff; position: relative; }
.pageObligation ul li .tit{width: calc(100% - 200px);}
.pageObligation ul li .tit a{  display: inline-block; background: url(../images/icon_pdf.png) left top 3px no-repeat; background-size:auto 34px; font-size: 18px; color: #333; padding-left: 55px; line-height: 40px; box-sizing: border-box;}
.pageObligation ul li .tit a:hover{ color: #0082c8;}
.pageObligation ul li .more{ position: absolute; right: 40px; top: 40px; }
.pageObligation ul li .more a{ display: inline-block; width: 100%;width: 120px; text-align: center; line-height: 40px;  text-align: center; color: #0082c8; transition: all 0.8s ease; box-sizing: border-box; font-size: 16px; border: solid 1px #0082c8;}
.pageObligation ul li .more a:hover{ background-color: #0082c8; color: #fff;}


/*pageProduct*/
/* .onSelect{top: 0 !important;opacity: 1 !important;} */
.pageProduct{width:100%;height: 100vh;background-color: #fff;position: relative;z-index:98;padding-left: 90px;box-sizing: border-box;min-width: 1200px;transition: all 0.8s ease;}
.pageProduct .productHd{background:#fff;padding:20px 0; }
.pageProduct .productHd .productLogo{float: left;margin-left: 1.4%;}
.pageProduct .productHd .productLogo a{display: block; width: 162px;height:32px;background: url(../images/logo.png) center center no-repeat;background-size: 100% 100%;}
.pageProduct .productHd .all{display: block;float: left;font-size: 16px;line-height: 30px;color: #333333;position: relative;padding-left: 28px;box-sizing:border-box;transition: all 0.8s ease;}
.pageProduct .productHd .all::after{content: '';width: 18px;height: 18px;background: url("../images/product/product_arrow_all.png") center center no-repeat;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;transition: all 0.8s ease;}
.pageProduct .productHd .all:hover{color: #0082c8;}
.pageProduct .productHd .all:hover::after{background: url("../images/product/product_arrow_all1.png") center center no-repeat;}
.pageProduct .productHd .down{display: block;width:30px;height: 30px;margin-left:9%;background: url("../images/icon_close.png") center center no-repeat;float: left;transition: all 0.8s ease;}
.pageProduct .productHd .down:hover{background: url("../images/icon_close2.png") center center no-repeat;}
.pageProduct .hd{float: left;margin:0 5% 0 15%;width:50%}
.pageProduct .hd ul li{ float:left; cursor:pointer;margin-right: 15%;}
.pageProduct .hd ul li:last-child{margin-right: 0;}
.pageProduct .hd ul li .img{height: 30px;float: left;}
.pageProduct .hd ul li .img img{height: 100%;}
.pageProduct .hd ul li .tit{font-size: 16px;color: #333333;float: left;line-height: 30px;margin-left: 10px;}
.pageProduct .hd ul li.on .tit{color: #0082c8;}
.pageProduct .bd{width: 100% !important;box-sizing: border-box;}
.productBox{width: 100% !important;}

.productBox .inHd{width: 24%;position: absolute;top: 0;left: 0;z-index: 3}
.productBox .inHd ul{width: 100%;height: 530px;background-color: #fff; }
.productBox .inHd ul li{width:100%;cursor:pointer;font-size: 16px;color: #333333;line-height: 28px;padding: 29px 6% 30px 7%;box-sizing:border-box;border-top: 1px solid rgba(0,0,0,0.1);position: relative;}
.productBox .inHd ul li:last-child{border-bottom: 1px solid rgba(0,0,0,0.1);}
.productBox .inHd ul li::after{content:'';width: 10px;height: 18px;background: url("../images/product/product_arrow.png") center center no-repeat;position: absolute;top:0;right: 3%;bottom: 0;margin: auto; }
.productBox .inHd ul li.on{ background-color: #0082c8; color:#fff;}
.productBox .inHd ul li.on::after{background: url("../images/product/product_arrow1.png") center center no-repeat;}
.productBox .inBd{width: 100% !important;}
.productCont{width: 100% !important; }
.productCont .innerHd{width: 24%;height: 530px;position: absolute;top: 0;left: 24%;z-index: 2;background-color: rgba(255,255,255,0.9);}
.productCont .innerHd ul{width: 100%;height:440px;overflow-y: scroll;}
.productCont .innerHd ul::-webkit-scrollbar{display: none;}
.productCont .innerHd ul li{width:100%; cursor:pointer;padding: 29px 10% 30px 7%;line-height: 28px; min-height: 68px; box-sizing: border-box;position: relative;border-bottom: 1px solid rgba(0,0,0,0.1);}
.productCont .innerHd ul li::before{content:'';width: 10px;height: 18px;background: url("../images/product/product_arrow.png") center center no-repeat;position: absolute;top:0;right: 3%;bottom: 0;margin: auto; }
.productCont .innerHd ul li .tit{font-size: 16px;line-height: 28px;color: #333333; width: 75%; }
.productCont .innerHd ul li .img{ height: 50px;overflow: hidden; position: absolute; top: 50%; right: 10%; transform: translateY(-50%);}
.productCont .innerHd ul li .img img{height: 100%;}
.productCont .innerHd ul li.on{ background-color: #0082c8;}
.productCont .innerHd ul li.on .tit{color:#fff;}
.productCont .innerHd ul li.on::before{background: url("../images/product/product_arrow1.png") center center no-repeat;}
.productCont .innerHd .bottom{width: 100%;height: 90px; cursor: pointer; position: absolute;bottom: 0;left: 0;z-index:3;display: none;background:url("../images/product/product_icon1.png") center center no-repeat; -webkit-animation: top 2s infinite; animation: top 2s infinite;}
.productCont .innerHd .bottom:hover{background:url("../images/product/product_icon.png") center center no-repeat;}
@-webkit-keyframes top{
    0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
    50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);}
    100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes top{
    0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
    50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);}
    100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
.productCont .innerBd{ width: 100% !important; }
.productCont .innerBd .picBox{width: 100% !important;height: 530px; background-size: auto 100%;}
.productCont .innerBd .picBox .pic{position: absolute;top:0;right: 0;z-index: 1;width: 52%;height: 530px;}
.productCont .innerBd .picBox .pic .img{width: 70%;overflow: hidden;position: absolute;bottom: -80px;right: 16%;z-index: 1;}
/* .productCont .innerBd .picBox .pic .img::after{content: '';width: 100%;height: 20px;background: url("../images/product/shadow.png") center center no-repeat;background-size: 100% 100%;position: absolute;bottom: -5px;left: 0;z-index: -1;} */
.productCont .innerBd .picBox .pic .img img{width: 100%; padding: 15px 0; filter: drop-shadow(15px 5px 10px rgba(0,0,0,0.2)); }
.productCont .innerBd .picBox .cont{width: 100%;position: absolute;bottom: -180px;left: 0;}
.productCont .innerBd .picBox .cont h2{font-size: 24px;text-transform: uppercase;font-weight: normal;color: #333333;text-align: center;}
.productCont .innerBd .picBox .cont p{font-size: 14px;line-height: 24px;color: #666666;text-align: center;margin-top: 10px;}
@media (max-width: 1400px){
    .productBox .inHd ul{width: 100%;height: 430px;}
    .productBox .inHd ul li{padding: 19px 6% 20px 7%;}
    .productCont .innerHd{height: 430px;}
    .productCont .innerHd ul{height: 340px;}
    .productCont .innerHd ul li{padding: 19px 10% 20px 7%;}
    .productCont .innerHd ul li .img{ height: 30px;}
    .productCont .innerBd .picBox{height: 430px;}
    .productCont .innerBd .picBox .pic{height: 430px;}
    .productCont .innerBd .picBox .pic .img{bottom: -60px;}
    .productCont .innerBd .picBox .cont{bottom: -140px;}
}

/*pageAllProduct*/
.pageAllProduct{width: 100%;padding: 40px 0 80px 0;position: relative;}
.pageAllProduct .productNav{width: 70px;position: fixed;top:120px;border: 1px solid #eee;z-index: 2;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.pageAllProduct .productNav li{width: 100%;height: 70px; border-bottom: solid 1px #eee;}
.pageAllProduct .productNav li:last-child{border-bottom: none;}
.pageAllProduct .productNav li a{display: inline-block;font-size: 16px;color: #999999;text-align: center;line-height: 24px;padding: 11px 14px;box-sizing: border-box;}
.pageAllProduct .productNav li:hover a,.pageAllProduct .productNav li.current a{background-color: #0082c8;color: #fff;}
.pageAllProduct .allProduct{width: 100%;position: relative;padding-top:0;padding-left: 170px;box-sizing: border-box;}
.pageAllProduct .allProduct h2{font-size: 30px;font-weight: normal; padding-top:80px; color: #333333;}
.pageAllProduct .allProduct .txt{font-size: 18px;color: #666666;position: relative;line-height: 30px;padding-left: 15px;box-sizing: border-box;margin: 20px 0 40px;}
.pageAllProduct .allProduct .txt::after{content: '';width: 5px;height: 16px;background-color: #0082c8;position: absolute;top: 7px;left: 0;}
.pageAllProduct .allProduct h4{font-size: 18px;font-weight: normal;color: #333333;margin-top: 40px;}
.pageAllProduct .productList{width: 100%;display: table;text-align: left;font-size: 0;}
.pageAllProduct .productList li{display: inline-block;vertical-align: top;width: 20%;margin-top: 50px;transition: all 0.8s ease;}
.pageAllProduct .productList li .img{width: 100%;overflow: hidden;}
.pageAllProduct .productList li .img img{width: 70%; }
.pageAllProduct .productList li .cont{padding-right: 30%;width: 100%;box-sizing: border-box;text-align: center;color: #333;font-size: 16px;margin-top: 10px;}
.pageAllProduct .productList li:hover{ transform: translateY(-10px);}
.onProduct{background-color: #0082c8 !important;color: #fff !important;}

/*pageProductD*/
.productDB{width: 100%;height: 480px;}
.pageProductD{width: 100%;margin: -15% 0 0;position: relative;}
.pageProductD .bigImg{margin: 0 auto; }
.pageProductD .bigImg li{display: block;width: 100%;position: relative; text-align: center; z-index: 1;}
/* .pageProductD .bigImg li::after{content: '';width: 900px;height: 20px;background: url("../images/product/shadow.png") center center no-repeat;position: absolute;bottom: -6px;left: 0;right: 0;margin: auto;z-index: -1;} */
.pageProductD .bigImg li img{ max-width:800px; padding: 15px 0; filter: drop-shadow(15px 5px 15px rgba(0,0,0,0.2)); }
.pageProductD .small{width:1200px;position: relative;margin: 100px auto 0;padding: 0 100px;box-sizing: border-box;text-align: center; display: table; font-size: 0;}
.pageProductD .small .smallImg ul { }
.pageProductD .small .smallImg ul li{ display: inline-block; vertical-align: top; position: relative;width: 150px;height: 150px;overflow:hidden;border-radius: 50%;margin-right: 60px;border: 1px solid #eee; background-color: #fff; cursor:pointer;}
.pageProductD .small .smallImg ul li img{width: 80%;  text-align: center; position: absolute; z-index: 1; left: 10%; top: 50%; transform: translateY(-50%);}
.pageProductD .small .smallImg ul li p{position:absolute;top: 0;left: 0;  width: 100%; height: 100%; border-radius: 50%;background: rgba(0,130,200,0.5);text-align: center;transition: all 0.8s ease; z-index: 2; overflow: hidden; transform: scale(0);}
.pageProductD .small .smallImg ul li p span{ color: #fff; width: 80%; font-size: 16px; position: absolute; top: 50%; left:10%; transform: translateY(-50%);}
.pageProductD .small .smallImg ul li.on p{ transform: scale(1);}
.pageProductD .small>a{width: 44px;height: 44px;border: 1px solid #eee;border-radius: 50%;position: absolute;top: 0;bottom: 0;margin: auto;z-index:2;transition: all 0.8s ease;}
.pageProductD .small .sPrev{background: url("../images/icon_arrow_left.png") center center no-repeat;left: 0;}
.pageProductD .small .sNext{background: url("../images/icon_arrow_right.png") center center no-repeat;right: 0;}
.pageProductD .small .sPrev:hover{background:#0082c8 url("../images/icon_arrow_left1.png") center center no-repeat;border-color: #0082c8;}
.pageProductD .small .sNext:hover{background:#0082c8 url("../images/icon_arrow_right1.png") center center no-repeat;border-color: #0082c8;}
.productDetail{width: 1200px;margin: 80px auto 20px; position: relative;}
.productDetail .title{ position: relative; padding-right: 350px; box-sizing: border-box;}
.productDetail .title h2{font-size: 30px;font-weight: normal;color: #333333;text-transform: uppercase;}
.productDetail .title .tit{font-size: 16px;color: #666666;margin-top: 10px;}
.productDetail .title .proCrumbs{ font-size: 14px; color: #bbb; margin-top: 20px;}
.productDetail .title .proCrumbs a{ color: #bbb;}
.productDetail .title .proCrumbs a:hover{ color: #f7971e;}
.productDetail .info{position: absolute; top: 10px; right: 0; }
.productDetail .down{display:inline-block; position: relative; padding: 0 80px 0 20px; height: 50px;border: solid 1px #0082c8;font-size: 14px;line-height: 50px;color: #0082c8;box-sizing: border-box;text-align: center;transition: all 0.8s ease;}
.productDetail .down::after{content: '';width: 60px;height: 49px;background: #0082c8 url("../images/download_icon1.png") center center no-repeat;position: absolute;top: 0;right: 0;transition: all 0.8s ease;}
.productDetail .down:hover{color: #f7971e;border-color: #f7971e;}
.productDetail .down:hover::after{background-color: #f7971e;}

.productDetail .video{display:inline-block; position: relative; padding: 0 80px 0 20px; height: 50px;border: solid 1px #0082c8;font-size: 14px;line-height: 50px;color: #0082c8;box-sizing: border-box;text-align: center;transition: all 0.8s ease;}
.productDetail .video::after{content: '';width: 60px;height: 49px;background: #0082c8 url("../images/iconVideo.png") center center no-repeat;position: absolute;top: 0;right: 0;transition: all 0.8s ease;}
.productDetail .video:hover{color: #f7971e;border-color: #f7971e;}
.productDetail .video:hover::after{background-color: #f7971e;}




.productD{width: 1200px;border-top: 1px solid #ddd;margin:0 auto 60px;padding-top: 60px;}
.productD h3.tit{font-size: 20px;color: #333333;float: left; width: 20%;}
.productD .cont{float: right;font-size: 16px;color: #333; width: 80%; line-height: 34px;}
.productD .cont img{ max-width: 100%;}
.productD .cont table{width: 100%; text-align: left; }
.productD .cont table tr{ width: 100%; background-color: rgba(247, 151, 30, 0.05);}
.productD .cont table tr:nth-child(odd){ background-color: rgba(0,130,200,0.05);}
.productD .cont table tr td{  line-height: 30px; width: 25%; padding: 15px 15px; font-size: 16px; color: #666; border: 1px solid #fff;}

@media (max-width: 1400px){
    .pageProductD .small{width: 1110px;}
    .pageProductD .small .smallImg ul li{margin-right: 38px;}
    .productDetail{width: 1110px;}
    .productD{width: 1110px;}
}

/*pageIndustry*/
.pageIndustry{width: 100%;overflow: hidden;height: 100vh;}
.pageIndustry li{width: 16.6666%;height: 100%;float: left;padding-top: 10%;box-sizing: border-box;transition: all 0.8s ease;}
.pageIndustry li h2{color: #fff;font-size: 36px;position: relative;transition: all 0.8s ease;padding-bottom: 20px;margin-bottom: 30px;font-weight: normal;text-align: center;transform: translateX(-10%);}
.pageIndustry li h2::after{content: '';width: 40px;height: 3px;background-color: #f7971e;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0;transition: all 0.8s ease;}
.pageIndustry li .txt{color: #e4e7ef;font-size: 14px;line-height: 28px;transition: all 0.8s ease;opacity: 0;width: 100%;text-align: center;padding: 0 23%;box-sizing: border-box;}
.pageIndustry li .a{display: block;width: 170px;height: 44px;text-align: center;line-height: 44px;color: #fff;font-size: 14px;border: 1px solid #fff;opacity: 0;margin: 60px auto 0;transition: all 0.8s ease; position: relative;}
.pageIndustry li .a::before{ content: ''; width: 0; left: 0; position: absolute; top: 0; height: 100%; background-color: #f7971e;transition: all 0.8s ease; z-index: 1;}
.pageIndustry li .a span{ position: relative; z-index: 2;}
.pageIndustry li:hover{padding-top: 18%;}
.pageIndustry li:hover h2{transform: translateX(0px);}
.pageIndustry li:hover h2::after{opacity: 1;}
.pageIndustry li:hover .txt{opacity: 1;}
.pageIndustry li:hover .a{opacity: 1;}
.pageIndustry li .a:hover{border: 1px solid #f7971e;}
.pageIndustry li .a:hover::before{ width: 100%;}



/*pageIndustryD*/
.industryTitle{padding: 70px 0 60px;}
.industryTitle h6{font-size: 36px;font-weight: normal;color: #333333;text-align: center;}
.industryTitle .txt{font-size: 16px;line-height: 30px;color: #999999;text-align: center;width: 1040px;margin: 20px auto;}
.industryTitle .tit{font-size: 22px;color: #666666;text-align: center; line-height: 36px; width: 1040px; margin: auto;}
.industryTitle .down{display: block;width: 230px;height: 50px;border: solid 1px #0082c8;font-size: 14px;line-height: 50px;color: #0082c8;text-align: center;margin: 30px auto 0;position: relative;padding-right: 60px;box-sizing: border-box;transition: all 0.8s ease;}
.industryTitle .down::after{content: '';width: 60px;height: 49px;background: #0082c8 url("../images/download_icon1.png") center center no-repeat;position: absolute;top: 0;right: 0;transition: all 0.8s ease;}
.industryTitle .down:hover{color: #f7971e;border-color: #f7971e;}
.industryTitle .down:hover::after{background-color: #f7971e;}
.pageIndustryD{width: 100%;height: 840px;position: relative;}
.pageIndustryD a{display: block;float: left;}
.pageIndustryD .item1{position: absolute;top: 10%;left: 48%;}
.pageIndustryD .item2{position: absolute;top: 18%;right: 20%;}
.pageIndustryD .item3{position: absolute;top: 58%;left: 25%;}
.pageIndustryD .item4{position: absolute;top: 55%;left: 25%;}
.pageIndustryD .item5{position: absolute;top: 25%;left: 15%;}
.pageIndustryD .item6{position: absolute;top: 50%;left: 50%;}
.pageIndustryD .item7{position: absolute;top: 20%;right: 13%;}
.pageIndustryD .item8{position: absolute;bottom: 20%;left: 15%;}
.pageIndustryD .item9{position: absolute;bottom: 25%;left: 40%;}
.pageIndustryD .item10{position: absolute;bottom: 50%;right: 30%;}
.pageIndustryD .item11{position: absolute;top: 10%;right: 13%;}
.pageIndustryD .item12{position: absolute;top: 20%;left:20%;}
.pageIndustryD .item13{position: absolute;top: 10%;right: 30%;}
.pageIndustryD .item14{position: absolute;bottom: 30%;left: 35%;}
.pageIndustryD .item15{position: absolute;top:30%;right: 35%;}

.pageIndustryD a .power{transition: all 0.8s ease;}
.pageIndustryD a .power .icon{float: left;width: 36px;height: 36px;border-radius: 50%;transition: all 0.8s ease;background-size: 36px 36px !important;box-shadow: 0 0 0 5px rgba(0,130,200,0.4);-webkit-box-shadow: 0 0 0 5px rgba(0,130,200,0.4);-moz-box-shadow: 0 0 0 5px rgba(0,130,200,0.4);}
.pageIndustryD a .power p{font-size: 26px; font-weight: bold; line-height: 36px;color: #fff;float: left;margin-left: 10px;transition: all 0.8s ease;-webkit-text-stroke: 1px #0082c8;}
.pageIndustryD a .power:hover { transform: scale(1.2);}
.pageIndustryD a .power:hover .icon{box-shadow: 0 0 0 5px rgba(247, 151, 30, 0.4);-webkit-box-shadow: 0 0 0 5px rgba(247, 151, 30,0.4);-moz-box-shadow: 0 0 0 5px rgba(247, 151, 30,0.4);}
.pageIndustryD a .power:hover .icon{ background-color: #f7971e !important;}
.pageIndustryD a .power:hover p{-webkit-text-stroke: 1px #f7971e;}
.industryD{width: 100%;margin: 80px 0 60px;}
.industryList{width:100%;background-color: #f2f9fc;padding:3.7% 1.5%;box-sizing: border-box;}
.industryList h5{font-size: 30px;font-weight: normal;color: #333333;margin:0 2% 0 1.5%;}

.industryList .bd ul{ width: 100% ; text-align: left; font-size: 0; display: table;}
.industryList .bd ul li{ float: left; width:100%; text-align: left; font-size: 0; display: table;}
.industryList .bd ul li a{ display: inline-block; vertical-align: top; border-bottom: 1px solid #ddd; width: 47%; padding: 30px 0; margin: 0 1.5%; box-sizing: border-box;}
.industryList .bd ul li p{width: 100%;position: relative;font-size: 16px;color: #999999;padding: 0 15px;box-sizing: border-box;}
.industryList .bd ul li p::after{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #0082c8;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.industryList .bd ul li p:hover{color: #0082c8;}
.industryList .hd ul{display: table;margin: 4% auto 0;}
.industryList .hd ul li{display: inline-block;width:25px; height:4px;margin-right:10px;font-size: 0; cursor:pointer; background-color: #0082c8;opacity: 0.5;}
.industryList .hd ul li.on{opacity: 1;}

.industryCont{width: 100%;margin-bottom: 80px;}
.industryCont ul li{margin-bottom: 40px;}
.industryCont ul li .img{float: left;width: 40%;height:340px;overflow: hidden;text-align: center;}
.industryCont ul li .img img{width: 100%;height: 100%;transition: all 0.8s ease;}
.industryCont ul li .cont{float: right;width: 58%;height: 340px;border-bottom: 1px solid #ddd;transition: all 0.8s ease;}
.industryCont ul li .cont h5{font-size: 24px;font-weight: normal;color: #333333;margin: 3% 0 0;transition: all 0.8s ease;}
.industryCont ul li .cont .tit{font-size: 16px;color: #0082c8;margin: 1% 0;}
.industryCont ul li .cont .txt{font-size: 14px;line-height: 34px;color: #999999;}
.industryCont ul li:hover .img img{transform: scale(1.1);}
.industryCont ul li:hover .cont{border-color: #0082c8;}
.industryCont ul li:hover .cont h5{color: #0082c8;}
@media (max-width: 1680px){
    .pageIndustryD .wind{top: 18%;left: 69%;}
    .pageIndustryD .thermal{top: 58%;left: 10%;}
}
@media (max-width: 1440px){
    .pageIndustryD .wind{top: 18%;left: 73%;}
    .pageIndustryD .thermal{top: 58%;left: 4%;}
}
@media (max-width: 1280px){
    .pageIndustryD .wind{top: 18%;left: 76%;}
    .pageIndustryD .thermal{top: 58%;left: -3%;}
}
/*popup*/
.popupBg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.7);z-index: 97;min-width: 1200px;padding-left: 90px;box-sizing: border-box;display: none;}
.popupBox{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 98;min-width: 1200px;padding-left: 90px;box-sizing: border-box;}
.popupBox1,.popupBox2,.popupBox3,.popupBox4{display: none;}
.popupBox .wrap{height: 100%;}
.popupBox .popup{width: 100%;height: 88%;margin-top: 4%;position: relative;}
.popupBox .popup .imgBox{width: 50%;height: 100%;float: left; background-size: 100% 100% !important;}
.popupBox .popup .contBox{float: left;width: 50%;height: 100%;background: url("../images/industry/popup_bg.jpg") center center no-repeat;background-size: 100% 100%;position: relative;padding: 4% 0 0 0;box-sizing: border-box;}
.popupBox .popup .contBox h4{color: #333;font-size: 30px;font-weight: normal;text-align: center;position: relative; margin: 0 6%;}
.popupBox .popup .contBox h4::after{content: '';width: 28%;height: 1px;background-color: #ddd;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.popupBox .popup .contBox h4::before{content: '';width: 28%;height: 1px;background-color: #ddd;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.popupBox .popup .contBox ul{display: table;margin: 8% auto 0;}
.popupBox .popup .contBox ul li{display: inline-block;cursor: pointer;}
.popupBox .popup .contBox ul li:nth-of-type(2){margin: 0 50px;}
.popupBox .popup .contBox ul li .img{width: 100px;height: 100px;line-height:100px;text-align: center;border-radius: 50%;overflow: hidden;background-color:#ecf6fc;border: 1px solid #eee;transition: all 0.8s ease; vertical-align: middle; position: relative;}
.popupBox .popup .contBox ul li .img img{max-width: 100%;vertical-align: middle;  position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}
.popupBox .popup .contBox ul li .tit{text-align:center;color: #333;font-size: 14px;margin-top: 4%;transition: all 0.8s ease;}
.popupBox .popup .contBox .contList{ display: none; transition: all 0.8s ease; }
.popupBox .popup .contBox .contList .text{width: 74px;height: 74px;line-height: 74px;background-color: #0082c8;border-radius: 50%;vertical-align: middle;display: table-cell;}
.popupBox .popup .contBox .contList .text p{width:100%;line-height:16px; position: absolute;top: 50%; left: 0; transform: translateY(-50%); color: #fff;font-size: 14px;display:inline-block;vertical-align:middle;text-align: center;padding: 0 5px;box-sizing: border-box;}
.popupBox .popup .contBox .contList .text::after{content: '';width: 90px;height: 90px;border: 1px dashed #0082c8;border-radius: 50%;position: absolute;top: -8px;left: -8px;box-sizing: border-box;}
.popupBox .popup .contBox .contList .text::before{content: '';width: 1px;background-image: linear-gradient(rgba(0,130,200,0.5), rgba(255,255,255,0));position: absolute;top: 80px;left: 0;right: 0;margin: auto;}
.popupBox .popup .contBox .contList .text1::before{height: 100px;}
.popupBox .popup .contBox .contList .text1{position: absolute;bottom: 34%;right: 48%;}
.popupBox .popup .contBox .contList .text2::before{height: 240px;}
.popupBox .popup .contBox .contList .text2{position: absolute;bottom: 48%;left: 30%;}
.popupBox .popup .contBox .contList .text3::before{height: 180px;}
.popupBox .popup .contBox .contList .text3{position: absolute;bottom: 44%;right: 36%;}
.popupBox .popup .contBox .contList .text4::before{height: 70px;}
.popupBox .popup .contBox .contList .text4{position: absolute;bottom: 32%;left: 18%;}
.popupBox .popup .contBox .contList .text5::before{height: 50px;}
.popupBox .popup .contBox .contList .text5{position: absolute;bottom: 30%;right: 26%;}
.popupBox .popup .contBox .contList .text6::before{height: 160px;}
.popupBox .popup .contBox .contList .text6{position: absolute;bottom: 42%;right: 15%;}
.popupBox .popup .contBox .contList .text7::before{height: 120px;}
.popupBox .popup .contBox .contList .text7{position: absolute;bottom: 40%;left: 4%;}
.popupBox .popup .contBox .contList .text8::before{height: 50px;}
.popupBox .popup .contBox .contList .text8{position: absolute;bottom: 30%;right: 4%;}
.onShow .img{border-color: #0082c8 !important;}
.onShow .tit{color: #0082c8 !important;}
.onShow .contList{display: block !important;}
.popupBox .popup .contBox .zhuYi{font-size: 14px;color: #999;line-height: 24px;position: absolute;bottom: 0;left: 0;padding: 1.3% 8% 1.3% 5%;box-sizing: border-box;}
.popupBox .popup .popupClose{width: 44px;height: 44px;border: 1px solid #fff;border-radius: 50%;background: url("../images/close_icon.png") center center no-repeat;position: absolute;top: -40px;right: -44px;z-index: 99;cursor: pointer;transition: all 0.8s ease;}
.popupBox .popup .popupClose:hover{background: url("../images/close_icon1.png") center center no-repeat;border-color: #0082c8;}
@media (max-width: 1300px){ .popupBox .popup .popupClose{top: 10px;right: 10px;}}

/* wave */
.marquee-box{overflow:hidden;width:100%; height: 100%; position:absolute;left:0;top:0;}
.marquee{width:8000%;height:100%;}
.wave-list-box{float:left; height: 100%;}
.wave-list-box img{ height: 100%;}
.wave-box{position: absolute; bottom: 10%; left: 0; width: 100%; z-index: 1; height:16%;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}


/*pageNews*/
.newsNav{width: 100%;padding: 20px 0;background-color: #f8f8f8;}
.newsNav ul{display: table;margin: auto;}
.newsNav ul li{display: inline-block;margin: 0 40px;}
.newsNav ul li a{display: block;color: #333;font-size: 16px;}
.newsNav ul li.on a,.newsNav ul li:hover a{color: #0082c8;}

.pageNews{width: 100%;background-color: #fff;padding:80px 0;box-sizing: border-box;}
.pageNews ul{width: 100%;}
.pageNews ul li{width: 100%;}
.pageNews ul li:nth-of-type(odd) .img{float: left;}
.pageNews ul li:nth-of-type(even) .img{float: right;}
.pageNews ul li:nth-of-type(odd) .cont{float: right;padding-left: 50px;box-sizing: border-box;}
.pageNews ul li:nth-of-type(even) .cont{float: left;padding-right: 50px;box-sizing: border-box;}
.pageNews ul li .img{width: 50%;overflow:hidden;}
.pageNews ul li .img img{width: 100%;transition:all 0.8s ease;}
.pageNews ul li .cont{width: 50%;margin-top: 4%;}
.pageNews ul li .cont .time{font-size: 18px;color: #999;}
.pageNews ul li .cont h6{font-size: 24px;color: #000;font-weight: normal;margin: 1% 0 2%;transition:all 0.8s ease;}
.pageNews ul li .cont .txt{font-size: 14px;color: #999;line-height: 28px;}
.pageNews ul li .cont .info{ font-size: 18px;color: #666; margin-top: 40px; line-height: 32px;}
.pageNews ul li .cont .info p{ margin: 10px 0; padding-left: 100px; position: relative;}
.pageNews ul li .cont .info p span{ display: inline-block; color: #0082c8; position: absolute; left: 0; top: 0; }
.pageNews ul li .cont .a{width: 170px;height: 44px;line-height: 44px;text-align: center;color: #999;font-size: 14px;margin-top: 5%;border: 1px solid #999;transition: all 0.8s ease; position: relative;}
.pageNews ul li .cont .a span{ position: relative; z-index: 2;}
.pageNews ul li .cont .a::before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #0082c8;transition: all 0.8s ease;}
.pageNews ul li .cont .a:hover{border: 1px solid #0082c8;color: #fff;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .cont h6{color: #0082c8;}
.pageNews ul li:hover .time{ color: #f7971e;}
.pageNews ul li:hover .a:hover::before{ width: 100%;}


/*pageNewsD*/
.pageNewsD{width: 100%;height: 440px;background: url('../images/news_detail_bg.jpg') center center no-repeat;padding-top: 290px;box-sizing: border-box;position: relative;}
.pageNewsD .wrap{position: absolute;bottom: 8%;left: 0;right: 0;}
.pageNewsD .newsT{width: 70%;}
.pageNewsD .newsT h1{font-size: 36px;font-weight: normal;color: #ffffff;}
.pageNewsD .newsT p{font-size: 16px;color: #fff;margin-top: 20px;}
.pageNewsD .newsT p span{margin-left: 70px;}
.pageNewsD .wz{position: absolute;right:0;bottom:0;color: #fff;font-size: 14px;line-height: 14px;padding-left: 24px;box-sizing: border-box;margin-top: 60px;}
.pageNewsD .wz a{color: #fff;font-size: 14px;}
.pageNewsD .wz::after{content: '';width: 16px;height: 14px;background: url("../images/positionIcon.png") center center no-repeat;position: absolute;top: 0;left: 0;}
.pageNewsD .wz a:hover{color: #f7971e;}
.newsCont{color: #333;font-size: 16px;line-height: 36px;padding: 60px 0 50px;}
.newsCont img{max-width: 100%;}
.newsB{padding: 60px 0 80px;border-top: 1px dashed #eee;}
.newsB .strip{float: left;}
.newsB .strip a{display: block;color: #333;font-size: 14px;line-height: 14px;margin: 20px 0;transition: all 0.8s ease;}
.newsB .strip a:hover{color: #f7971e;}
.newsB .share{float: right;margin-top: 20px;}
.newsB .share p{float: left;color: #999;font-size: 14px;line-height: 36px;}
.newsB .share .icon{float: left;}
.newsB .share .icon a{display: block;float: left;padding: 0; width: 36px;height:36px;margin-left: 10px;border-radius: 50%; background:#ddd url(../images/shareIcon.png) no-repeat; transition: all 0.8s ease;}
.newsB .share .icon a.bshare-sinaminiblog{background-position: -36px 0 ;}
.newsB .share .icon a.bshare-weixin{background-position: 0 0 ;}
.newsB .share .icon a.bshare-qzone{background-position: -72px 0 ;}
.newsB .share .icon a.bshare-qqim{background-position: -108px 0  ;}
.newsB .share .icon a:hover{background-color: #f7971e;}

/*pageService*/
.pageService{width: 100%;height: 890px;position: relative;margin: 80px 0;}
.pageService ul{width: 100%;}
.pageService ul li{width: 49%;height: 430px;position: relative;float: left;margin-bottom: 30px; }
.pageService ul li .img{width: 100%;height: 100%;overflow: hidden;}
.pageService ul li .img img{width: 100%;height: 100%;transition: all 0.8s ease;}
.pageService ul li .content{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 67px 4% 0;box-sizing: border-box;z-index: 1;}
.pageService ul li .content::after{content: '';width: 0;height: 0;background-color: rgba(0, 130, 200, 0.4);  position: absolute;top: 0;left: 0;bottom:0;right:0;margin: auto;z-index:-1;transition: all 0.8s ease;}
.pageService ul li .content::before{ content: '';width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);  position: absolute;top: 0;left: 0;bottom:0;right:0;margin: auto;z-index:-2;transition: all 0.8s ease;}
.pageService ul li .content h4{font-size: 30px;color: #ffffff;transition: all 0.8s ease;}
.pageService ul li .content .txt{font-size: 16px;line-height: 30px;color: #ffffff;position: relative;padding-bottom: 24px;box-sizing: border-box;margin-top: 16px;}
.pageService ul li .content .txt::after{content: '';width: 24px;height: 3px;background-color: #ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.8s ease;}
.pageService ul li .contBox{margin-top: 400px;}
.pageService ul li .contBox .cont{border-bottom: 1px solid rgba(255,255,255,0.4);padding: 30px 0 14px;box-sizing: border-box;transition: all 0.8s ease;}
.pageService ul li .contBox .cont .text{float: left;font-size: 24px;line-height: 30px;color: #ffffff;transition: all 0.8s ease; }
.pageService ul li .contBox .cont .text span{font-size: 16px;}
.pageService ul li .contBox .cont .number{font-family: BebasNeue;float: right;font-size: 30px;line-height: 30px;color: #ffffff;transition: all 0.8s ease;}
.onClass{height: 890px !important;margin-right: 2%;}
.pageService ul li:hover .img img{transform: scale(1.1);}
.pageService ul li:hover .content::after{width: 100%;height: 100%;}
.pageService ul li:hover .content h4{color: #f7971e;}
.pageService ul li:hover .content .txt::after{background-color: #f7971e;}
/* .pageService ul li:hover .contBox .cont{border-bottom-color: #f7971e;}
.pageService ul li:hover .contBox .cont .text{color: #f7971e;}
.pageService ul li:hover .contBox .cont .number{color: #f7971e;} */

/*pageGuidance*/
.guidanceTitle{margin: 80px 0 60px;}
.guidanceTitle h2{color: #333;font-size:36px;font-weight: normal;}
.guidanceTitle p{color: #999;font-size: 16px;margin-top: 10px;line-height: 30px;}
.pageGuidance{width: 100%;margin-bottom: 60px;}
.pageGuidance ul{float: left;width: 66%;}
.pageGuidance ul li{width: 48.4%;background-color: #ebf0f5;height: 320px;margin-bottom: 30px;padding: 0 4%;box-sizing: border-box;position: relative;transition: all 0.8s ease;}
.pageGuidance ul li::after{content: '';width: 210px;height: 170px;position: absolute;bottom: 0;right: 0;}
.pageGuidance ul .problem1::after{background: url("../images/guidance/guidance_bg1.png") center center no-repeat;}
.pageGuidance ul .problem2::after{background: url("../images/guidance/guidance_bg2.png") center center no-repeat;}
.pageGuidance ul .problem3::after{background: url("../images/guidance/guidance_bg3.png") center center no-repeat;}
.pageGuidance ul .problem4::after{background: url("../images/guidance/guidance_bg4.png") center center no-repeat;}
.pageGuidance ul li:nth-of-type(2n-1){float: left;}
.pageGuidance ul li:nth-of-type(2n){float: right;}
.pageGuidance .icon{width: 60px;height: 50px;margin-top: 35px;}
.pageGuidance ul li h4{font-size: 24px;font-weight: normal;color: #333333;margin: 14px 0;transition: all 0.8s ease;}
.pageGuidance ul li .txt{font-size: 14px;line-height: 24px;color: #666666;}
.pageGuidance ul li:hover{background-color: rgba(247,151,30,0.1);}
.pageGuidance ul li:hover h4{color: #0082c8;}
.pageGuidance ul li .a{display: block;width: 160px;height: 44px;text-align: center;line-height: 44px;color: #fff;font-size: 14px;border: 1px solid #0082c8;background-color: #0082c8;margin-top: 30px;transition: all 0.8s ease; position: relative;}
.pageGuidance ul li .a::before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #f7971e;transition: all 0.8s ease;}
.pageGuidance ul li .a span{ position: relative; z-index: 2;}
.pageGuidance ul li .a:hover{border-color: #f7971e;}
.pageGuidance ul li .a:hover::before{ width: 100%;}
.pageGuidance .guidance{float: right;width: 32%;height: 670px;background: #ddd url("../images/guidance/guidance_bg5.jpg") center center no-repeat;padding: 0 2%;box-sizing: border-box;}
.pageGuidance .guidance h4{font-size: 24px;font-weight: normal;color: #ffffff;margin: 14px 0;transition: all 0.8s ease;}
.pageGuidance .guidance .txt{font-size: 14px;line-height: 24px;color: #ffffff;}
.pageGuidance .guidance .img{width: 100%;background-color: #333;overflow: hidden;margin-top: 24px;}
.pageGuidance .guidance .img img{width: 100%;transition: all 0.8s ease;}
.pageGuidance .guidance:hover h4{color: #f7971e;}
.pageGuidance .guidance:hover .img img{transform: scale(1.1);}
.pageGuidance .guidance .a{display: block;width: 160px;height: 44px;text-align: center;line-height: 44px;color: #fff;font-size: 14px;border: 1px solid #fff;margin-top: 40px;transition: all 0.8s ease; position: relative;}
.pageGuidance .guidance .a::before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #0082c8;transition: all 0.8s ease;}
.pageGuidance .guidance .a span{ position: relative; z-index: 2;}
.pageGuidance .guidance .a:hover{border-color: #0082c8;}
.pageGuidance .guidance .a:hover::before{ width: 100%;}

@media (max-width: 1440px){ .pageGuidance ul li h4{font-size: 22px;}}



/* guideCont */
.guideCont{ width: 100%; font-size: 16px; padding-bottom:  60px; line-height: 34px; color: #333;}
.guideCont img{ max-width: 100%;}




/*pageSample*/
.pageSample{width: 100%;margin: 80px 0;}
.pageSample ul li{float: left;width: 32%;margin-right: 2%;position: relative;}
.pageSample ul li:nth-of-type(3n){margin-right: 0;}
.pageSample ul li .img{width: 100%;overflow: hidden;}
.pageSample ul li .img img{width: 100%;transition: all 0.8s ease;}
.pageSample ul li .cont{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 6% 7% 0;box-sizing: border-box;z-index: 1;}
.pageSample ul li .cont::after{content: '';width: 0;height: 0;background-color: rgba(0, 130, 200, 0.4);position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index:-1;transition: all 0.8s ease;}
.pageSample ul li .cont h4{font-size: 30px;color: #ffffff;transition: all 0.8s ease;}
.pageSample ul li .cont .txt{font-size: 14px;color: #ececec;text-transform: uppercase;margin-top: 4%;position: relative;padding-bottom: 18px;box-sizing: border-box;}
.pageSample ul li .cont .txt::after{content: '';width: 28px;height: 3px;background-color: #ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.8s ease;}
.pageSample ul li .cont .a{width: 170px;height: 44px;display: block;line-height: 44px;text-align: center;margin-top: 24%;color: #fff;font-size: 14px;position: relative;z-index:1;padding-right: 32px;box-sizing: border-box;border: 1px solid #fff;transition: all 0.8s ease;}
.pageSample ul li .cont .a::after{content: '';width: 22px;height: 12px;background: url("../images/icon_arrow.png") center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto;}
.pageSample ul li .cont .a::before{content: '';width: 0;height: 100%;background-color: #f7971e;position: absolute;top: 0;left: 0;z-index:-1;transition: all 0.8s ease;}
.pageSample ul li .cont .a:hover{border: 1px solid #f7971e;}
.pageSample ul li .cont .a:hover::before{width: 100%;}
.pageSample ul li:hover .img img{transform: scale(1.1);}
.pageSample ul li:hover .cont::after{width: 100%;height: 100%;}
.pageSample ul li:hover .cont h4{color: #f7971e;}
.pageSample ul li:hover .cont .txt::after{background-color: #f7971e;}


/*sampleDownload*/
.pageSampleD{width: 100%;margin: 80px 0 50px;}
.sampleTitle{color: #333;font-size: 36px;font-weight: normal;margin-bottom:40px;}
.sampleDownload{width: 100%;margin-bottom: 20px; text-align: left; font-size: 0; display: table;}
.sampleDownload li{ display: inline-block; vertical-align: top; width: 32%;margin-right: 2%;background-color: #ddd;margin-bottom: 30px;}
.sampleDownload li:nth-of-type(3n){margin-right: 0;}
.sampleDownload li .imgBox{width: 100%;position: relative;}
.sampleDownload li .imgBox .img{width: 100%;overflow: hidden;}
.sampleDownload li .imgBox .img img{width: 100%;text-align: center;vertical-align: middle;}
.sampleDownload li .imgBox .txt{width: 100%;position: absolute;bottom: 0;left: 0;text-align: center;padding: 30px 0 20px;color: #fff;font-size: 22px;background-image: linear-gradient(to top, rgba(0,0,0,0.7),rgba(255,255,255,0));}
.sampleDownload li .cont{width: 100%;background-color: #eee;transition: all 0.8s ease;max-height: 520px;overflow-y: auto; word-spacing: 0;}
.sampleDownload li .cont::-webkit-scrollbar{ width:3px; background:#f4f4f4;display: none;}/* 滚动条整体部分 */
.sampleDownload li .cont::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.sampleDownload li .cont::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.sampleDownload li .cont::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.sampleDownload li .cont::-webkit-scrollbar-thumb{ background:#0082c8; }/*  滚动条里面可以拖动的那部分 */
.sampleDownload li .cont::-webkit-scrollbar-corner{display:none;}/* 边角 */
.sampleDownload li .cont::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */
.sampleDownload li .cont p{color: #666;font-size: 16px;padding: 20px 5%;box-sizing: border-box;position: relative;border-top: 1px solid rgba(0,0,0,0.05);line-height: 24px;}
.sampleDownload li .cont p::after{content: '';width: 14px;height: 18px;background: url("../images/sample/download_icon.png") center center no-repeat;position: absolute;right: 5%;top: 0;bottom: 0;margin: auto;}
.sampleDownload li .cont p span{color: #0082c8;}
.sampleDownload li .a{display: none;width: 100%;background-color: #eee;color: #666;font-size: 14px;padding: 20px 0;cursor:pointer;text-align: center;line-height: 24px;border-top: 1px solid rgba(0,0,0,0.05);}
.sampleDownload li .cont p:hover span{color: #f7971e;}
.sampleDownload li .cont p:hover::after{background: url("../images/sample/download_icon1.png") center center no-repeat;}
.sampleDownload li .a:hover{color: #f7971e;}
.onHeight{height: 260px;overflow: hidden;}
.onScrollbar::-webkit-scrollbar{display: block !important;}

/*pageSampleDetail*/
.pageSampleDetail{width: 100%;margin: 80px 0;}
.pageSampleDetail h4{color: #333;font-size: 36px;font-weight: normal;margin-bottom: 60px;}
.pageSampleDetail ul{width: 100%;display: table;text-align: left;font-size: 0;}
.pageSampleDetail ul li{display:inline-block;vertical-align:top;width: 17.6%;position: relative;margin: 0 3% 50px 0;border: 1px solid #eee;padding:1%;box-sizing: border-box;background-color: #fff;transition: all 0.8s ease;}
.pageSampleDetail ul li:nth-of-type(5n){margin-right: 0;}
.pageSampleDetail ul li .cont{}
.pageSampleDetail ul li .cont .img{width: 100%;margin: 0 auto;text-align: center;}
.pageSampleDetail ul li .cont .img img{ width: 100%;}
.pageSampleDetail ul li .cont .txt{color: #333333;font-size: 18px;margin:15px 0 20px;text-align: center;transition: all 0.8s ease;}
.pageSampleDetail ul li .down{display: block;height:40px;line-height:40px;border: 1px solid #0082c8;padding: 0 70px 0 10px;box-sizing: border-box;color: #0082c8;text-align: center;font-size: 14px;position: relative;transition: all 0.8s ease;}
.pageSampleDetail ul li .down::after{content: '';width: 50px;height: 39px;background: #0082c8 url("../images/download_icon1.png") center center no-repeat;background-size: 18px 20px;position: absolute;top:0;right: 0;transition: all 0.8s ease;}
.pageSampleDetail ul li:hover{border-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.pageSampleDetail ul li:hover .cont .txt{color: #f7971e;}
.pageSampleDetail ul li .down:hover{border-color: #f7971e;color: #f7971e;}
.pageSampleDetail ul li .down:hover::after{background-color: #f7971e;}


/*pageContact*/
.pageContact{width: 100%;margin: 80px 0;}
.contactPhone{width: 100%;}
.contactPhone dl{float: left;width: 25%;margin-bottom: 60px;}
.contactPhone dl dt{color: #333;font-size: 26px;margin-bottom: 20px;padding-left: 20px;box-sizing: border-box;}
.contactPhone dl dd{color: #0082c8;font-size: 16px;margin-top: 10px;padding-left: 20px;box-sizing: border-box;}
.productPhone{width: 100%;}
.productPhone dl{float: left;width: 33.3333%;background-color: #f7971e;padding:50px;box-sizing: border-box;position: relative;}
.productPhone dl:nth-of-type(2){background-color: #0082c8;}
.productPhone dl:nth-of-type(3){background-color: #008f71;}
.productPhone dl dt{width: 100%;color: #fff;font-size: 24px;margin-bottom: 20px;padding-bottom: 20px;position: relative;}
.productPhone dl dt::after{content: '';width: 60px;height: 1px;background-color: rgba(255,255,255,0.4);position: absolute;bottom: 0;left: 0;}
.productPhone dl dd{width: 100%;color: #fff;font-size: 16px;margin-top: 10px;}
.productPhone .many::after{content: '';width: 220px;height: 150px;background: url("../images/contact_bg1.png") bottom right no-repeat;position: absolute;bottom: 0;right: 0;}
.productPhone .double::after{content: '';width: 220px;height: 150px;background: url("../images/contact_bg2.png") bottom right no-repeat;position: absolute;bottom: 0;right: 0;}
.productPhone .single::after{content: '';width: 220px;height: 150px;background: url("../images/contact_bg3.png") bottom right no-repeat;position: absolute;bottom: 0;right: 0;}
.formBox{width: 100%;padding: 10px 0 80px;background-color: #fcfcfc;}
.formBox form .row{width: 32%;height: 60px;padding: 0 ;box-sizing: border-box;margin-right: 2%;position: relative;}
.formBox form .row:nth-of-type(3n){margin-right: 0;}
.formBox form label{ display: inline-block; width: 100%; position: relative;}
.formBox form label span{font-size: 14px;color: #999;position: absolute; top: 0;line-height: 60px;  left: 40px;}
.formBox form .txt.w1{border: 0;font-size: 14px;color: #333;width: 100%;line-height: 18px;padding:20px 10px 20px 40px; box-sizing: border-box; background-color: rgba(0,0,0,0); border: 1px solid #ddd; box-sizing: border-box;}
.formBox form .row1{width: 100%;margin: 30px 0;position: relative;}
.formBox form .txt.w2{height: 120px;resize: none; width: 100%;font-size: 14px; line-height: 18px; border: 1px solid #ddd;box-sizing: border-box; padding: 14px 10px 14px 40px;color: #333;line-height: 18px;background-color: rgba(0,0,0,0);}
.formBox form .btn{width: 200px;height: 56px;cursor: pointer;background-color: #0082c8;transition: all 0.4s ease;border: 1px solid #0082c8;color: #fff;font-size: 16px;}
.formBox form .btn:hover{background-color: #f7971e; border-color: #f7971e;}
.formBox form .row2{width: 100%;}
.formBox form .text{color: #999;font-size: 14px;line-height: 56px;}
.formBox form .icon1{background: url("../images/icon_name.png") center left 15px no-repeat;}
.formBox form .icon2{background: url("../images/icon_tel.png") center left 15px no-repeat;}
.formBox form .icon3{background: url("../images/icon_mailbox.png") center left 15px no-repeat;}
.formBox form .icon4{background: url("../images/icon_xuqiu.png") top 20px left 15px no-repeat;}
.formBox form .icon5{background: url("../images/icon_company.png") center left 15px no-repeat;}
.formBox form.l4 .row{ width: 49%; margin-bottom: 30px;}
.formBox form.l4 .row:nth-of-type(2n){ margin-right: 0;}
.formBox form.l4 .row:nth-of-type(3n){margin-right: 2%;}
.formBox form.l4 .row1{ margin-top: 0;}

/* pageMap */
.pageMap{ width:100%; position: relative; height: 100vh; margin: auto; overflow: hidden;}
.pageMap #allmap{height: 100vh;width:100%;overflow: hidden; position: relative; z-index: 1;}


/* 改变地图样式 */
.BMapLib_bubble_tools{ top: 10px !important;}
.BMapLib_bubble_top{ height: 50px !important;}
.BMapLib_bubble_title {color:#0082c8;font-size:26px !important; text-align:left; height: 50px !important; line-height: 50px !important; font-family:Arial,"Microsoft YaHei" !important;}
.BMapLib_bubble_content{ font-size: 16px !important; color: #333 !important; line-height: 30px !important; padding: 10px 5px !important;}
.BMapLib_bubble_content div{ line-height: 30px !important; font-family:Arial,"Microsoft YaHei" !important;}
.BMapLib_sendToPhone{ display: none;}





/* pageDetails */
.pageDetails{ width: 100%; padding: 80px 0; font-size: 14px; color: #333; line-height: 34px;}
.pageDetails img{ max-width: 100%;}

/* fenye */
.pages{ margin:60px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#0082c8;  border:1px solid #0082c8; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#0082c8; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}


/* pageResult */
.pageResult{ width: 100%; padding: 80px 0 ;}
.pageResult .name{ width: 100%;  text-align: center; display: table; font-size: 0; }
.pageResult .name i,.pageResult .name span{ display: inline-block; margin: 0 20px; vertical-align: top;}
.pageResult .name i{ width: 52px; height: 52px; background: url(../images/ResultIcon.png) center center no-repeat;}
.pageResult .name span{ margin: 0; font-size: 34px;  color: #333;}
.pageResult .img{ width: 260px; height: 215px; margin:40px auto; background: url(../images/ResultImg.png) center center no-repeat;}
.pageResult .slogan{ width: 100%; text-align: center; font-size: 28px; color: #333; line-height: 46px;}
.pageResult .more{ width: 100%; text-align: center; margin: 40px  auto; display: table; font-size: 0; }
.pageResult .more a{display: inline-block; margin: 0 20px; line-height: 50px; width: 260px; border-radius: 5px; overflow: hidden; font-size: 16px; color: #fff; transition: all 0.8s ease;}
.pageResult .more a:nth-child(1){ background-color: #333;}
.pageResult .more a:nth-child(2){ background-color: #0082c8;}
.pageResult .more a:hover{ background-color: #f7971e;}