@charset "utf-8";@import url('font.css');
@font-face {
font-family: 'DINCondBold';src: url('../fonts/DINCondBold.eot');src: local('DINCondBold Regular'),local('DINCondBold'),url('../fonts/DINCondBold.woff') format('woff'), url('../fonts/DINCondBold.ttf') format('truetype'),url('../fonts/DINCondBold.svg#DINCondBold') format('svg');} 
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.pager a font,a,.fixtop,.fixtop .logo,.fixtop ul.navpc li a.a:before,.fixtop ul.navpc li.tel span.icon,.fixtop ul.navpc li.tel,.indabout .mright img,.new_lst dd .in .pic p,.indsolution .mright li p,.indsolution .mright li span,.indnews li .pic p,.topblank,.culture li .pic p,.partner li,.case_map li span,#certify .swiper-slide:after,#certify .swiper-slide,.contact li,.message li #nbtn
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indabout .mright img:hover,.new_lst dd:Hover .in .pic p,.indsolution .mright li:hover p,.indnews li:hover .pic p,.culture li:Hover .pic p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.foot .menu,.indsolution .mleft .in,.partner li,#certify .swiper-slide .in,.contact li,.message li input[type="text"],.message li #nbeizu
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact li:hover .pic img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans','PingFang SC','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#333;font-weight:400;}a {color:#333}
a:hover,.fixtop ul.navpc li .list dd p a:hover,.indsubject h2 font,.new_lst dd:hover .in .title a {color:#eb3d00}
.indmore a,.foot .menu dd a:hover,.foot .menu dt a:hover,.footer a:hover,.indnews li:Hover .title a,.maincurrernt h2 a:hover {color:#009bda}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 25px;}.list-paddingleft-2 li { list-style:inherit;}
hr {border:0; background:#073190;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0  100px 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 5px;width:35px; height:35px; line-height:33px; background:none;text-align: center;border-radius:4px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#eb3d00; background: #eb3d00} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:20px;font-weight:400;color:#787878;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 33px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #a3a2a2;}
:-moz-placeholder {color: #a3a2a2; } 
::-moz-placeholder { color: #a3a2a2; } 
:-ms-input-placeholder {color: #a3a2a2; }

::selection {background:#eb3d00;color:#ffffff;}
::-moz-selection {background:#eb3d00;color:#ffffff;}
::-webkit-selection {background:#eb3d00;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1400px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:110px;}
.fixtop .logo { position: absolute;left:0px;width:162px; height:40px;background:url(../images/logo2.png) no-repeat center;background-size:100%;top:35px; z-index: 999;}
.fixtop .logo a { display:block;width:100%; height: 100%}
.fixtop ul.navpc {text-align:right;}
.fixtop ul.navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 45px}
.fixtop ul.navpc li a.a,.fixtop ul.navpc li.tel a { display: block; height:110px; line-height:108px;font-size:18px;color:#fff; position: relative}
.fixtop:Hover ul.navpc li a.a {color:#333}
.fixtop ul.navpc li a.a:before {content:''; position: absolute;left:0;bottom:0;width:100%;height:2px; background:none;}

.fixtop ul.navpc li.tel {margin-left:50px; position: relative;top:32px;}
.fixtop ul.navpc li.tel a {font-weight:700;font-size:14px;line-height: 22px; text-align: left;padding:0 0 0 40px;}
.fixtop ul.navpc li.tel span.icon {font-weight:400;margin:0;font-size:25px;color:#fff; position: absolute;left:0;top:13px}
.fixtop ul.navpc li.tel .t1 {font-size:25px; letter-spacing: 0.7px;margin:0 0 5px 0}
.fixtop ul.navpc li.tel em {font-size:12px;margin:0 5px}

.fixtop ul.navpc li a.a:hover,.fixtop ul.navpc li.check a.a,.fixtop ul.navpc li:Hover>a,.fixtop.active ul.navpc li.check a.a,
.fixtop:hover ul.navpc li a.a:hover,.fixtop:hover ul.navpc li.check a.a,.fixtop:hover ul.navpc li:Hover>a,.fixtop.active ul.navpc li:hover>a.a{color:#eb3d00}
.fixtop ul.navpc li:hover a.a:before,.fixtop ul.navpc li.check a.a:before { background:#eb3d00;}
.fixtop ul.navpc li .list { position:absolute; z-index: 9999; left:50%;width:140px;margin-left:-70px;top:110px; display: none; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1);padding:15px 0 17px 0;}
.fixtop ul.navpc li .list dd { position: relative; line-height:25px;font-size:15px; text-align: center;}
.fixtop ul.navpc li .list dd p {padding:5px 0}
.fixtop ul.navpc li .list dd p a {color:#666}
.fixtop:Hover,.fixtopin,.fixtop.active { background: #fff;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.fixtop:Hover .logo,.fixtopin .logo,.fixtop.active .logo { background:url(../images/logo.png) no-repeat center;}
.fixtop:Hover ul.navpc li.tel a:before,.fixtopin ul.navpc li.tel span.icon,.fixtop.active ul.navpc li.tel span.icon,.fixtop:hover ul.navpc li.tel span.icon {color:#eb3d00}
.fixtop:Hover ul.navpc li.tel a:hover,.fixtopin ul.navpc li a.a,.fixtop.active ul.navpc li a.a,.fixtopin ul.navpc li.tel a,.fixtop:hover ul.navpc li.tel a,.fixtop.active ul.navpc li.tel a {color:#333}
.fixtop:Hover ul.navpc li.tel:hover span.icon { background: none}
.fixtop.active {top:-30px}
.fixtop.active .logo {top:50px}
.fixtop.active ul.navpc li a.a { line-height:138px;}
.fixtop.active ul.navpc li.tel {top:46px}

.indvideo {
background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.indvideo:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.3); z-index: 100}
.indvideo .cons {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 1100;color:#fff}
.indvideo .cons .t {font-size:65px; line-height: 75px;font-weight:500; letter-spacing:2px;padding:60px 0 0 0}
.indvideo .cons .c {font-size:40px; line-height: 1.8;margin:5px 0 60px 0; letter-spacing: 2px;font-weight:300}
.indvideo .cons .m a {color:#fff;font-size:16px;font-weight:300; letter-spacing:2px; display: block;border:1px solid #fff;width:220px; height: 50px; line-height: 48px; text-transform: uppercase;text-align: center;border-radius:0px}
.indvideo .cons .m a:hover {background: #eb3d00;border-color:#eb3d00}
.indvideo .pic {display:none;}
.indvideo .pic2 {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 2}
#myvideo {object-fit:cover;width:100%; height: 100%}

.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url() no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}
.vangogh_num {padding:90px 0}
.indnum ul {width:116%;margin:0 0 0 -8%}
.indnum li {float:left;width:33.3333%; text-align: center; position: relative}
.indnum li:before {content:''; position: absolute;left:0;top:18px;width:2px; height: 136px; background: #e5e5e5}
.indnum li:nth-child(1):before {display:none;} 
.indnum li h3 {display:inline-block;vertical-align: top;font-family: 'DINCondBold';color:#eb3d00;font-size:100px; line-height: 100px;}
.indnum li h4 {display:inline-block;vertical-align: top;font-family: 'DINCondBold';color:#eb3d00;font-size:60px; line-height: 45px;}
.indnum li .content {color:#999;font-size:25px; line-height: 1.6;margin:20px 0 0 0}

.indabout { background: #f8f8f8;padding:90px 0}
.indabout .mleft {float:left;width:42%}
.indabout .mleft .content {margin:0 0 60px 0}
.indabout .mright {float:right;width:47%; overflow: hidden;margin:5px 0 0 0}
.indabout .mright img {width:100%}
.indsubject {margin:0 0 55px 0}
.indsubject h2 {font-size:35px; line-height: 35px; font-weight:700}
.indsubject p {font-size:14px; line-height: 14px;color:#999;font-weight:300; position: relative;margin:15px 0 0 0; text-transform: uppercase; letter-spacing: 0.5px}
.indsubject p:before {content:''; position: absolute;left:0;bottom:-20px;width:47px; height: 2px; background: #ccc;}
.indmore a {border:1px solid #009bda;width:170px; height: 38px; line-height: 37px; text-align: center; letter-spacing: 2px; display: block;font-weight:300}
.indmore a:hover,.indnews li:Hover .indmore a { background:#009bda;color:#fff;}

.indpro {padding:100px 0}
.new_telst { text-align:center;margin:-10px 0 4% 0;position: relative; z-index: 10}
.new_telst:before { position:absolute;left:0;bottom:0;width:100%;height:2px; background: #ccc; content:''; z-index: -1}
.new_telst p { display:none;}
.new_telst li {cursor: pointer; display:inline-block; vertical-align:top;width:25%; height:80px; line-height:78px;font-size:20px;border-bottom:2px solid transparent;}
.new_telst li.newon {color:#eb3d00;border-color:#eb3d00;}

.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}
.new_lst dl {width:104%;margin:-4% 0 0 -2%;}
.new_lst dd { float:left;width:29.3333%;margin:4% 2% 0 2%;}
.new_lst dd .in { position:relative;box-shadow:0 0 10px rgba(0,0,0,0.15);padding:20px;border-radius:5px}
.new_lst dd .in .pic {padding:37% 0; position: relative; overflow: hidden}
.new_lst dd .in .title { height:30px; line-height: 30px; overflow: hidden; text-align: center;margin:15px 0 0 0}
.new_lst dd .in .title a {font-size:18px;color:#666}

.indsolution { background:#F8F8F8;}
.indsolution .mleft {display:inline-block; vertical-align:middle;width:50%;padding:20px 0}
.indsolution .mleft .in {width:700px;margin:0 0 0 auto;padding:0 17.5% 0 0}
.indsolution .mleft .in .content {margin:60px 0 60px 0}
.indsolution .mright {display:inline-block; vertical-align:middle;width:50%;}
.indsolution .mright li {float:left;width:33.3333%; padding:13.9% 0; position: relative; overflow: hidden}
.indsolution .mright li span { position:absolute;left:0;bottom:0;width:100%; height: 40px; line-height: 38px;color:#fff;padding:0 10px; z-index: 100; background: rgba(0,0,0,0.5); text-align: center;font-weight:300}
.indsolution .mright li:hover span {opacity:0}

.indnews {padding:120px 0 120px 0}
.indnews .indsubject,.indpartner .indsubject { text-align:center;margin-bottom:80px}
.indnews .indsubject p:before,.indpartner .indsubject p:before {left:50%;margin-left:-24px}
.indnews ul {width:104%;margin:0 0 0 -2%}
.indnews li {float:left;width:29.3333%;margin:0 2%}
.indnews li .pic { position:relative; overflow: hidden;padding:31% 0; background: #f8f8f8}
.indnews li .title {font-size:24px; height: 30px; line-height: 30px; overflow: hidden;margin:15px 0 10px 0}
.indnews li .addtime {color:#999;padding:15px 0 0 0}
.indnews li .content {color:#999; line-height: 25px; height: 50px; overflow: hidden;font-size:14px;margin:0 0 30px 0}
.bannin {padding:9% 0;color:#fff; position: relative}
.bannin .in { position:absolute;left:0;top:0; z-index: 100;width:100%; height: 100%}
.bannin .in .t {font-size:45px; line-height: 55px;font-weight:700; letter-spacing: 2px}
.bannin .in .e {font-size:28px; line-height: 1.6; text-transform: uppercase; letter-spacing: 0.5px}
.bannin_abu .in .t{margin-top:-120px}

.about {margin:100px auto}
.aboutsubject { text-align:center;font-size:35px;line-height: 45px;font-weight:700; position: relative;margin:0 0 80px 0}
.aboutsubject:before {content:''; position: absolute;left:50%;width:60px;height:3px; background: #333;margin-left:-30px;bottom:-25px;}

.culture { background:#f8f8f8;padding:95px 0 100px;}
.partner {margin:100px 0;}
.topblank {height:110px}
.topblank.active {height:80px}
.namemj {height:0; position:relative;top:-80px}
.namemj2 {height:0; position:absolute;top:-110px}
.navbar { background: #f8f8f8; height: 60px;text-align: center; position: relative; z-index: 100}
.navbar.active { position:fixed;left:0;top:80px; z-index: 999;width:100%}
.navbar-nav li {display:inline-block; vertical-align: top;}
.navbar-nav li a:before {content:''; position: absolute;left:-1px;top:20px;width:1px;height: 20px;background: #999; z-index: -1}
.navbar-nav li:nth-child(1) a:before {display:none;}
.navbar-nav li a { display: block;color:#666;font-size:18px; height: 60px;line-height: 59px;paddinG:0 45px; position: relative; z-index: 100}
.navbar-nav li.active a,.navbar-nav li:hover a { background: #009bda;color:#fff;}
.culture ul {width:106%;margin:90px 0 0 -3%}
.culture li {float:left;width:27.3333%;margin:0 3%; text-align: center}
.culture li .pic {padding:55.5% 0; position: relative; overflow: hidden;border-radius:10px}
.culture li .pic p {border-radius:10px}
.culture li .title {font-size:30px; height: 40px; line-height: 40px; overflow: hidden;margin:40px 0 10px 0;font-weight:500}
.culture li .content {color:#666;font-size:18px}

.partner ul {width:102%;margin:-3% 0 0 -1%;padding-top:20px}
.partner li {float:left;width:18%;margin:2% 1% 0 1%; height: 120px; text-align: center;border:1px solid #ccc;border-radius:10px; position: relative;top:0}
.partner li img {max-width:200px;max-height:100px}
.partner li:hover {top:-5px;border-color:#009bda}

.product {display:block}
.procate { text-align:center; position: relative; z-index: 10;}
.procate .subject {font-size:50px; line-height: 70px;font-weight:700;padding:120px 0 90px 0; }
.procate ul {margin:0 0 50px 0}
.procate li {display:inline-block; vertical-align: top;margin:10px 40px; position: relative}
.procate li:before {content:''; position: absolute;left:-40px;top:7px;width:1px; height:18px; background: #999;}
.procate li:nth-child(1):before {display:none;}
.procate li a {font-size:20px;line-height: 25px; height:35px;border-bottom:2px solid transparent; display: inline-block}
.procate li a:Hover,.procate li.check a {border-color:#009bda;color:#009bda}
.proshow { background: #f8f8f8;margin:100px 0 120px 0}
.proshow .mleft {float:left;width:25%;}
.proshow .mleft dt {height:78px; line-height: 77px;font-weight:700;padding:0 0 0 30px;font-size:22px; background: #e9edef; position: relative}
.proshow .mleft dt:after {content:''; position: absolute;right:0;top:0;height:78px;width:78px; background: url("../images/1.png") no-repeat center; background-size:100%}
.proshow .mleft p { height:12px; background: #d3d3d3; position: relative; position: relative}
.proshow .mleft p:before {content:''; position: absolute;left:0;top:0;height:100%;width:100px; background: #009bda}
.proshow .mleft p:after {content:''; position: absolute;left:100px;top:0;height:12px;width:12px; background: url("../images/2.png") no-repeat center; background-size:100%}
.proshow .mleft dd {border-bottom:1px solid #e0e0e0;position: relative}
.proshow .mleft dd a {display:inline-block;padding:12px 50px 13px 30px;font-size:18px;color:#666;font-weight:500; }
.proshow .mleft dd a:before {content:''; position: absolute;right:30px;top:21px;content: "\e62d";font-family: "iconfont" !important;font-size:20px; line-height:20px}
.proshow .mleft dd a:hover,.proshow .mleft dd.check a {color:#eb3d00;}
.proshow .mright {float:right;width:68.6%;padding:0 0 0 6.4%; background: #fff}
.proshow .mright .pic {background:#f8f8f8; text-align: center;padding:60px;margin:0 0 40px 0}
.proshow .mright .pic p {display:inline-block; background: #fff;padding:30px;}

.proshow .mright .pic2 {margin:0 0 30px 0}
.proshow video::-webkit-media-controls {opacity:1}

.proshow .mright .cons img {margin:40px 0 0 0}
.proshow .mright .cons p:nth-child(1) img {margin-top:0}
.proshow .mright .cons hr {background:#ccc;margin:10px 0}
.maincurrernt {border-bottom:1px solid #e0e0e0;padding:0 0 20px 0; position: relative;margin:0 0 40px 0;}
.maincurrernt p {font-size:22px; line-height: 22px;font-weight:700;}
.maincurrernt h2 { position:absolute;right:0;top:-2px; text-align:right;color:#999;font-size:14px}
.maincurrernt h2 a {font-size:14px;color:#999}
.maincurrernt h2 span {font-size:14px;margin:0 10px 0 0}
.maincurrernt h2 i {font-family:'宋体';margin:0 5px 0 7px;font-weight:700}

.wrap1 {margin:0 auto;max-width:1200px;position:relative;}
.wrap2 {margin:0 auto;max-width:1475px;position:relative;}
.case_map { background:url("../images/map.jpg") no-repeat center;height:1038px; position: relative; z-index: 1000}
.case_map .mb {display:none;}
.case_map .wrap1 {height:100%;}
.case_map li { position: absolute; z-index: 100}
.case_map li.li308 {left:63%;top:76%}/****广东******/
.case_map li.li307 {left:74%;top:60%;z-index: 97}/****上海******/
.case_map li.li306 {left:66.2%;top:43.2%}/****北京******/
.case_map li.li305 {left:71.2%;top:64.3%}/*****浙江*****/
.case_map li.li304 {left:58.8%;top:60.5%; z-index: 103}/*****湖北*****/
.case_map li.li303 {left:59.5%;top:66.5%; z-index: 102}/*****湖南*****/
.case_map li.li302 {left:71%;top:57%;z-index: 98}/*****江苏*****/
.case_map li.li301 {left:67.6%;top:45.3%}/*****天津*****/
.case_map li.li300 {left:65%;top:67%;z-index: 101}/*****江西*****/
.case_map li.li299 {left:53.5%;top:63.2%;z-index: 103}/*****重庆*****/
.case_map li.li298 {left:67.3%;top:59.5%}/*****安徽*****/
.case_map li.li297 {left:69%;top:70%}/*****福建*****/
.case_map li.li296 {left:56%;top:74%}/*****广西*****/
.case_map li.li295 {left:53%;top:68%;z-index: 104}/*****贵州*****/
.case_map li.li294 {left:57%;top:81%}/*****海南*****/
.case_map li.li293 {left:46%;top:62%;z-index: 104}/*****四川*****/
.case_map li.li292 {left:45%;top:72%}/*****云南*****/
.case_map li.li291 {left:64.5%;top:47.5%}/*****河北*****/
.case_map li.li290 {left:62.5%;top:54%}/*****河南*****/
.case_map li.li289 {left:68%;top:51%;z-index: 99}/*****山东*****/
.case_map li.li288 {left:60%;top:49%}/*****山西*****/
.case_map li.li287 {left:55%;top:55%;z-index: 103}/*****陕西*****/
.case_map li.li286 {left:48.3%;top:50%;z-index: 104}/*****甘肃*****/
.case_map li.li285 {left:51.5%;top:48.6%;z-index: 103}/*****宁夏*****/
.case_map li.li284 {left:36%;top:52%;z-index: 104}/*****青海*****/
.case_map li.li283 {left:57%;top:41%}/*****内蒙古*****/
.case_map li.li282 {left:84%;top:29%}/*****黑龙江*****/
.case_map li.li281 {left:80%;top:36%}/*****吉林*****/
.case_map li.li280 {left:76%;top:41%}/*****辽宁*****/
.case_map li.li279 {left:25%;top:40%}/*****西藏*****/
.case_map li.li278 {left:26%;top:60%}/*****新疆*****/
.case_map li span { background: url("../images/map_icon.png");width:47px; height: 42px; display: block; position: relative;z-index: 1000;top:-15px;left:-22px}
.case_map li span:Hover {top:-20px}
.map_dian {
    position: relative;
    animation: bordershow 3s infinite;
    display: block;
    width:12px;
    height:12px;
    background: #fff;
    border:4px solid #009bda;
    border-radius: 50%;
}
.map_dian:hover {border-color:#fadf00}
.map_dian::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0,155,218, 0.5);
    animation: boderM 3s .75s infinite;
}
.map_dian::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0,155,218,0.5);
    animation: boderM 3s infinite;
}
.map_dian:hover::before,.map_dian:hover::after {background: rgba(250,223,0,0.5);}

.vangogh_num_in {padding-top:50px}

.case { background: #f8f8f8;padding:150px 0 200px 0}
.case .title {border-bottom:2px solid #e5e5e5;font-size:30px; line-height:40px;font-weight:700;color:#666;padding:0 0 10px 0;margin:0 0 30px 0}
.case .cons .mleft {float:left;width:37%;color:#666; overflow: auto;height:423px;padding:0 10px 0 0}
.case .cons .mright {float:right;width:60%;}
.case .cons .mright iframe {width:100%;border-radius:10px;margin:7px 0 0 0}
.case .cons .mleft::-webkit-scrollbar {width: 1px;}
.case .cons .mleft::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}
.case .cons .mleft::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);}

#certify {position: relative;width:100%;}
#certify .swiper-slide {width:1020px;height:590px; position: relative; overflow: hidden; cursor: pointer; padding:10px;border-radius:10px;}
#certify .swiper-slide .in {position:relative;box-shadow:0px 0px 10px rgba(0,0,0,0.10);border-radius:30px;background: #fefefe;width:1000px;height:590px;padding:40px 50px 0 50px}
#certify .swiper-pagination {bottom:-80px;width:100%}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px;background: #dcdedd;width:20px;height:20px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background: #009bda;}
#certify .swiper-button-prev {left:0;width: 60px;height: 111px;top:50%;margin-top:-55px;background:#ccc;background-size: 100%;display:none;}
#certify .swiper-button-next {right:0;width: 60px;height: 111px;top:50%;margin-top:-55px;background:#ccc;background-size: 100%;display:none;}
#certify .swiper-slide:after {position: absolute;top: 0;left: 0;display: block;box-sizing: border-box;content: "";width: 100%;height: 100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
#certify .swiper-slide-active:after {-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);display:none;}

.case_pics .pic { position: relative;padding:32% 0;}
.case_pics .pic p {border-radius:10px}
.case_pics .owl-carousel .owl-dots { bottom:-60px;}
.case_pics .owl-carousel .owl-dots .owl-dot span{background:#dcdedd;width:10px; height:10px;margin:0 8px;}
.case_pics .owl-carousel .owl-dots .owl-dot.active span,.case_pics .owl-carousel .owl-dots .owl-dot:hover span{background:#009bda}
.news {padding:0}
.news ul {margin-top:-5%;padding-top:40px}
.news li {margin-top:5%}

.nshow .title {text-align:center;font-size:30px; line-height: 40px;font-weight:700;padding:100px 0 0 0}
.nshow .addtime {text-align:center;color:#999;border-bottom:1px solid #ccc;padding:20px 0 25px 0;margin:0 0 50px 0}
.nshow .prevnext {text-align: center;padding:80px 0 100px 0; }
.nshow .prevnext a {display:inline-block; vertical-align: top;margin:0 25px;width:200px; background: #f8f8f8; height: 60px; line-height: 59px;font-size:18px;color:#666}
.nshow .prevnext a:hover {background:#009bda;color:#fff}

#container,.map iframe {width:100%; height:600px}
.contact {margin:100px 0}
.contact ul {width:102%;margin:-2% 0 0 -1%;padding:20px 0 0 0}
.contact li {float:left;width:23%;margin:2% 1% 0 1%; background: #f8f8f8;padding:60px 20px 40px 20px; text-align: center; position: relative;top:0}
.contact li .pic { background:#009bda;border-radius:50%;color:#fff;width:80px; height: 80px;margin:0 auto}
.contact li .pic img {margin:15px 0 0 0;width:50px;height:50px}
.contact li .title {font-size:18px;font-weight:700;color:#009bda;margin:15px 0 50px 0}
.contact li .content {color:#666;font-weight:500; line-height: 1.8;min-height:80px}
.contact li:hover {top:-10px}

.message {margin:100px 0}
.message .mleft {float:left;width:48%}
.message .mright {float:right;width:48%}
.message li { position:relative;margin:0 0 30px 0}
.message li span { position:absolute;}
.message li p {margin:0 0 0 65px}
.message li input[type="text"] {border:1px solid #ccc;border-radius:5px; height: 38px; line-height: 37px;width:100%;padding:0 15px}
.message li #nbeizu {border:1px solid #ccc;border-radius:5px; height: 242px; line-height: 25px;width:100%;padding:10px 15px; vertical-align: top;}
.message li #nbtn {background:#eb3d00;color:#fff;width:150px;border-radius:5px;padding:7px 0 9px 0; cursor: pointer}
.message li #nbtn:hover { background:#009bda;}

.indpartner { background: #f8f8f8;padding:100px 0;margin:-1px 0}
.indpartner li { background:#fff}










.foot { background:#f8f8f8;padding:40px 0 30px 0; position: relative}
.footbg .foot {background:#fff;padding-top:60px}
.foot .subject {font-size:20px; line-height: 20px;}
.foot .subject p {color:#009bda;margin:0 0 5px 0}
.foot .line { background:url("../images/foot_line.png") no-repeat center;height:4px;margin:10px 0 0 0}
.footbg .foot .line { background:url("../images/foot_line2.png") no-repeat center;margin-top:15px}
.foot .menu {width:100%;margin:25px 0 0 0;padding:0 200px 0 0}
.foot .menu dl {float:left;margin:0 0 0 10%; position: relative; z-index: 100}
.foot .menu dl:nth-child(1) {margin:0}
.foot .menu a { position:relative}
.foot .menu dt {margin:0 0 10px 0}
.foot .menu dt a {font-weight:700; letter-spacing: 1px;font-size:18px}
.foot .menu dd a {color:#666;font-size:15px}
.foot .weixin { position: absolute;right:0;top:32px}
.foot .weixin h2 {font-size:16px;color:#666;margin:63px 0 15px 20px}
.foot .weixin p {display:inline-block; vertical-align: top;margin:0 0 0 20px;width:100px}
.tel_add {text-align: right;color:#666}
.tel_add .tel { display: inline-block;vertical-align: top; position: relative;padding:0 0 0 37px;margin:0 55px 0 0;font-weight:700;font-size:15px}
.tel_add .tel:before {content:''; position: absolute;left:0;top:1px; background: url("../images/tel_ft.png");width:27px; height: 27px; background-size:cover;}
.tel_add .add { display: inline-block;vertical-align: top; position: relative;padding:0 0 0 37px;font-size:15px}
.tel_add .add:before {content:''; position: absolute;left:0;top:1px; background: url("../images/add.png");width:27px; height: 27px; background-size:cover;}
.tel_add .add:after {content:''; position: absolute;left:-30px;top:5px; width:1px; height: 20px; background:#5e5e5e;}
.footer { background: #e5e5e5; position: relative;color:#777;padding:15px 0;font-size:14px}
.footer a {color:#777}
.footer .mleft {padding:0 200px 0 0}
.footer .mright { position: absolute;right:0;top:0;text-align: right;}