@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: ; }
.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(/uploads/image/sdimages/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(/uploads/image/sdimages/sidebar_icon.png) no-repeat; background-position: 0 0;}
.customer .qq .a:hover{background:rgba(0, 124, 198, 1) url(/uploads/image/sdimages/sidebar_icon.png) no-repeat; background-position: -80px 0;}
.customer .wx .a:hover{background:rgba(0, 124, 198, 1) url(/uploads/image/sdimages/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:  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  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:  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:  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:  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:  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:  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:  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:  center center no-repeat;  background-size: 100% 100%;}
.header .sidelanguage:hover .tit{color: #f7971e;}
.header .gotop{width: 40px;height: 40px;background:  center center no-repeat;position: absolute;bottom: 3%;left: 0;right: 0;margin: auto;cursor: pointer;}
.header .gotop:hover{background:  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:  center center no-repeat;  background-size: 100% 100%;}
.header .hnav li .icon.vr{ background:  center center no-repeat;  background-size: 100% 100%;}
.header .hnav li .tit{color: #333;font-size: 12px;}
.header .hnav li:hover .icon.fgs{ background:  center center no-repeat;  background-size: 100% 100%;}
.header .hnav li:hover .icon.vr{ background:  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:  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:  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:  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:  center center no-repeat;background-size: 25px 25px;position: absolute;top: 30px;right: 30px;transition: all 0.8s ease;}
.headernav .navclose:hover{background:  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:  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:  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:  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:  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 .bd li .b3 h1{font-size: 48px;color: #ffffff;margin: 12% 0 1.5%;}
.indexbanner .bd li .b3 h2{font-size: 48px;color: #ffffff;}
.indexbanner .bd li .b3 .txt{	font-size: 16px;line-height: 32px;color: #ffffff;margin: 2% 0 3%;}
.indexbanner .bd li .b3 .a{width: 170px;margin: 3% 0 0%; 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 .b3 .a::after{content: '';width: 22px;height: 12px;background:  center center no-repeat;position: absolute;top: 0;bottom: 0;right: 32px;margin: auto; transition: all 0.8s ease;}
.indexbanner .bd li .b3 .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 .b3 .a:hover{border: 1px solid #f7971e;}
.indexbanner .bd li .b3 .a:hover::before{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(/uploads/image/sdimages/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(/uploads/image/sdimages/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:  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:  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:  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:  !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:  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:  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:  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:  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:  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:  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:  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:  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:  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:  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(/uploads/image/sdimages/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:  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  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:  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:  center center no-repeat; background-size: 100% auto;}
.pageintroduce .img .aboutplay{width: 60px;height: 60px; border: solid 3px #fff; border-radius: 50%;background:  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  center center no-repeat;width: 40px;height: 40px;transition: all 0.8s ease;cursor: pointer;}
.aboutvideo .aboutclose:hover{background:#f7971e  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; line-height: 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:  !important;}
.culturelist .hd ul li.on p{color: #ffffff;}

/*pagefooter*/
.pagefooter{width: 100%;height: 400px;background: 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:  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:  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:  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:  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(/uploads/image/sdidevelopment/icon_arrow_up.png) center center no-repeat;}
.development .next{bottom: 0;background:url(/uploads/image/sdidevelopment/icon_arrow_down.png) center center no-repeat;}
.development .prev:hover{background:#0082c8 url(/uploads/image/sdidevelopment/icon_arrow_up1.png) center center no-repeat;}
.development .next:hover{background:#0082c8 url(/uploads/image/sdidevelopment/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:  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:  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:  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(/uploads/image/sdimages/icon_arrow_left.png) center center no-repeat;}
.equipment .next{background:url(/uploads/image/sdimages/icon_arrow_right.png) center center no-repeat;margin-left:30px;}
.equipment .prev:hover{background:#0082c8 url(/uploads/image/sdimages/icon_arrow_left1.png) center center no-repeat;}
.equipment .next:hover{background:#0082c8 url(/uploads/image/sdimages/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(/uploads/image/sdimages/loading.gif) #fff no-repeat center center}
.jquery-lightbox-mode-html .jquery-lightbox-loading{background:url(/uploads/image/sdimages/loading.gif) #fff no-repeat center center}
.jquery-lightbox-button-close{position:absolute; width:50px; background:#333 url(/uploads/image/sdimages/iconbox.png) no-repeat 0 0; height:50px; top:0px; right:-50px;}
.jquery-lightbox-button-close:hover{background:#f7971e url(/uploads/image/sdimages/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(/uploads/image/sdimages/iconbox.png) no-repeat -50px 0; float:left; }
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:#f7971e url(/uploads/image/sdimages/iconbox.png) no-repeat -50px 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-right{margin:0px; width:50px; display: inline; background:#333 url(/uploads/image/sdimages/iconbox.png) no-repeat -100px 0; float:left; height:50px}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:#f7971e url(/uploads/image/sdimages/iconbox.png) no-repeat -100px 0;}
.jquery-lightbox-navigator{display: none}

/*equipmentshow*/
.equipmentshow{width: 100%;height:820px;background:  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: center center no-repeat;position: absolute;top: 100% !important;left: 74px;}
.equipmentlist .swiper-button-prev{background: center center no-repeat;position: absolute;top: 100% !important;left: 0;}
.equipmentlist .swiper-button-next:hover{background:#0082c8  center center no-repeat;}
.equipmentlist .swiper-button-prev:hover{background:#0082c8  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:  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(/uploads/image/sdimages/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(/uploads/image/sdimages/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(/uploads/image/sdimages/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(/uploads/image/sdimages/icon_arrow_right1.png) center center no-repeat;border-color: #0082c8;}

/* certifiedproduct */
.certifiedproduct{ width: 100%; padding: 80px 0; background: url(/uploads/image/sdihonor/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:  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:  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: center center no-repeat;background-size: 10px 18px;right: 80px;}
.honorlist .hd .next{background: center center no-repeat;background-size: 10px 18px;right: 0;}
.honorlist .hd .prev:hover{background:#fff  center center no-repeat;}
.honorlist .hd .next:hover{background:#fff  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:  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:  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:  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:  center center no-repeat;}
.pagetalent ul li.q div.on .icon{ background:  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  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(/uploads/image/sdimages/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(/uploads/image/sdimages/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:  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:  center center no-repeat;}
.pageproduct .producthd .down{display: block;width:30px;height: 30px;margin-left:9%;background:  center center no-repeat;float: left;transition: all 0.8s ease;}
.pageproduct .producthd .down:hover{background:  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:  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:  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:  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:  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: center center no-repeat; -webkit-animation: top 2s infinite; animation: top 2s infinite;}
.productcont .innerhd .bottom:hover{background: 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:  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:  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:  center center no-repeat;left: 0;}
.pageproductd .small .snext{background:  center center no-repeat;right: 0;}
.pageproductd .small .sprev:hover{background:#0082c8  center center no-repeat;border-color: #0082c8;}
.pageproductd .small .snext:hover{background:#0082c8  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  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  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  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:  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:  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:  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:  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:  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%;}
.newscont video{max-width: 100%; height:auto !important;}
.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  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:  center center no-repeat;}
.pageguidance ul .problem2::after{background:  center center no-repeat;}
.pageguidance ul .problem3::after{background:  center center no-repeat;}
.pageguidance ul .problem4::after{background:  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  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:  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:  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:  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  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:  bottom right no-repeat;position: absolute;bottom: 0;right: 0;}
.productphone .double::after{content: '';width: 220px;height: 150px;background:  bottom right no-repeat;position: absolute;bottom: 0;right: 0;}
.productphone .single::after{content: '';width: 220px;height: 150px;background:  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:  center left 15px no-repeat;}
.formbox form .icon2{background:  center left 15px no-repeat;}
.formbox form .icon3{background:  center left 15px no-repeat;}
.formbox form .icon4{background:  top 20px left 15px no-repeat;}
.formbox form .icon5{background:  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:  center center no-repeat;}
.pageresult .name span{ margin: 0; font-size: 34px;  color: #333;}
.pageresult .img{ width: 260px; height: 215px; margin:40px auto; background:  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;}