@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;}
.pichover,
.casec li p,
.case li .pic img,
.toper,
.toper .logo,.video li .pic .vicon i,.vshow li .pvbg i,.vshow li .pvbg p
 {-webkit-transition-property: all; -o-transition-property: all;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.vshow li:hover .pvbg 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)} 
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei';}
body {color:#595757; line-height:25px;font-size:12px;margin:0 auto;font-family:arial,'Microsoft YaHei';padding:50px 0 0 0; letter-spacing:1px; background:#f7f8f8}
a {font-size:12px;color:#595757; text-decoration: none;outline:none;}
a:Hover {color:#58848f;}
img {border:0px;max-width:100%; height:auto}
.indexpic * img {max-width:none;}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei';border:0;color:#595757;font-size:14px}
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;}
h1,h2,h3,h4,h5 { font-weight:normal}
hr {border:0;border-top:1px solid #ccc; height:1px;margin-top:5px}
.clear,.clearfix { clear:both;}

:-moz-placeholder,
::-moz-placeholder, 
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #e2e2e2;}
  html {
    scroll-behavior: smooth;
  }
 .anchor_point{
	display:block;
	height:100px;
	margin-top:-100px;
}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0px  0; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center; font-size:14px; }   
.pager a { margin: 2px 3px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3}   
.pager span.current { margin: 0 3px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 3px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 3px -2px 3px; font-size:14px;}
.pager input {margin: 0px 3px -2px 3px;   padding:2px; text-align:center;font-size:14px;} 
.pager a,.pager span.disabled {background:#fff; font-size:14px;}  
.pager a:hover,.pager span.current { background:#55848f;border:1px solid #e60011}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #55848f;} 
.pager a,.pager span.disabled {color:#595757;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}
.pager font {font-family:宋体}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:45px;margin-bottom:10px;}
.picright {margin-left:45px;margin-bottom:10px;}

.wrap {width:90%;margin:0 auto}
.wrap2 {max-width:1200px;margin:0 auto}
.wrap3 {max-width:800px;margin:0 auto}
.wrap4 {max-width:1920px;margin:0 5%}

.mobmenu { display:none;}
.toper { position:fixed; z-index:9999;top:0; background:#f7f8f8;width:100%; height:90px;padding-top:50px;}
.mainc {margin-top:90px;}
.toper .logo { background:url(logo2.png?v=3) no-repeat;width:200px; height:62px;float:left; background-size:100%;}
.toper .menuqq {float:right; position:relative;margin-top:7px}
.toper .menuqq ul { display:inline-block; vertical-align:middle}
.toper .menuqq ul li { display:inline-block;margin-left:40px;}
.toper .menuqq ul li a {color:#999;font-size:16px}
.toper .menuqq ul li.check a,.toper .menuqq ul li a:hover {color:#58848f}
.blueqq { background:#999;border-radius:3px;width:20px; height:20px; background-size:50%; display:inline-block; vertical-align:middle;margin:0 5px 0 35px; text-align:center}.blueqq img {width:11px; height:11px; vertical-align:top;margin-top:4px;}
.bluewx { background:#999;border-radius:3px;width:20px; height:20px; background-size:65%; display:inline-block; vertical-align:middle; text-align:center;}.bluewx img {width:12px; height:12px; vertical-align:top;margin-top:4px;}
.bluewx p { position:absolute; z-index:9999;top:30px;right:0; display:none;}
.bluewx p img {width:200px; height:auto}
.bluewx:hover p { display:block}
.blueqq:Hover,.bluewx:Hover { background-color:#58848f}

.particulars-nav-fixed.actives .toper {padding-top:10px;height:60px}
.particulars-nav-fixed.actives .toper .logo {width:113px; height:75px; background-size:100%;margin-top:5px}

.case {margin-top:35px;min-height:530px}
.case li {float:left;width:32.666%;margin:0 1% 20px 0; position:relative; letter-spacing:1px; text-align:center}
.case li.n3 {margin-right:0}
.case li .pic { position:relative; height:100%;width:100%; overflow:hidden}
.case li img { vertical-align:middle}
.case li .title { height:20px; line-height:20px; overflow:hidden;margin-top:30px;margin-bottom:30px;}


.case2 li .title { letter-spacing:2px;margin-top:30px;margin-bottom:13px}
.case li .title a {font-size:14px;color:#666}
.case li .hy { height:20px; line-height:20px; overflow:hidden;margin-top:15px;margin-bottom:50px;display: none}
.case li .hy a {font-size:12px;color:#999;}
.case li .hy a:hover {color:#58848f}
.casec li {margin-bottom:1%}
.casec li p { background:rgba(88,132,143,0.6); position:absolute; z-index:1;width:100%; height:100%; text-align:center;color:#fff;font-size:16px; letter-spacing:5px}
.casec li p span { display:block; position:absolute; z-index:2;top:45%;width:100%;}
.casec li:hover p {background:rgba(0,0,0,0);opacity:0}
.case li .pic:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}

.video li .pic .vicon { position:absolute; z-index:1; background:rgba(0,0,0,0.1);width:100%; height:100%}
.video li .pic .vicon i { position:absolute; z-index:2; background:url(1.png) no-repeat center;width:31px; height:31px;top:50%;margin-top:-15px;left:50%;margin-left:-15px;opacity:0; background-size:cover;}
.video li:hover .pic .vicon i {opacity:1}

.pichover { background:rgba(255,255,255,0.85); position:absolute; z-index:1;top:0;left:0;width:100%; height:100%;opacity:0}
.pichover:Hover {opacity:0.1}
.pichover i { position:absolute; z-index:2; width:49px; height:20px;top:50%;left:50%;margin:-10px 0 0 -25px; background-image:url(link2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}

.caseshow {margin-top:30px;font-size:14px}
.caseshow a {font-size:14px}
.caseshow .title {font-size:18px; line-height:30px;margin-bottom:20px}
.mp4pic {padding:0px 0 20px 0}
.mp4pic iframe,.mp4pic emble {width:100%;}
.prev_next { text-align:center;margin-top:80px}
.prev_next a { display:inline-block;width:20px; height:20px; background:url(h.png) no-repeat center; background-size:100%}.prev_next a:hover {opacity:0.8}
.prev_next a.prev {float:left; background:url(l.png) no-repeat center;background-size:100%}
.prev_next a.next {float:right; background:url(r.png) no-repeat center;background-size:100%}

.news {margin-top:-60px}
.news .title {margin-top:40px;font-size:18px}
.news .cons {margin-top:-15px; line-height:30px}

.contact_map {margin-top:20px}
.contact_map iframe,#container { height:400px}
.contact_subject {border:10px solid #e6e6e6;padding:20px 30px; line-height:28px;margin-top:30px}
.contact_subject .title {margin:0;padding:0 0 0px 0;color:#58848f;font-size:16px}
.contact_subject .cons {font-size:12px}
.contact_cons {padding:30px 40px 0 40px;font-size:14px;color:#333; line-height:35px}
.contact_cons a {font-size:14px;color:#333}
.contact_cons a:hover {color:#58848f}

.caseshowcontent {margin:0 auto 35px auto;width:950px; line-height:30px}
.caseshowcontent .title { line-height:40px;margin-top:10px;margin-bottom:30px}
.caseshowdetail {width:950px;margin:0 auto 20px auto; line-height:30px}
.icons { line-height:30px;}
.icons2 img { vertical-align:top;margin:0;padding:0}

.info {max-width:800px;margin:-50px auto 0 auto;min-height:550px}
.info li {margin-top:80px}
.info .title a {font-size:24px;color:#58848f}
.info .title a:Hover { text-decoration:underline}
.info .cons {color:#666;margin-top:-15px; line-height:30px; height:180px;font-size:14px; overflow:hidden}
.info .addtime {font-size:16px;color:#999;margin-top:15px;margin-bottom:5px}
.info .more a { display:block; background:#58848f;color:#fff;font-size:16px; height:35px; line-height:35px;width:95px; text-align:center}
.info .more a:Hover { background:#999}

.iaddtime {color:#999;font-size:16px;margin:25px 0 5px 0;}
.ititle {color:#58848f;font-size:24px;margin:0 0 30px 0}
.ititle2 {margin:-25px 0 30px 0;color:#999}

.vshow {width:104%;margin-left:-2%;margin-top:-80px}
.vshow li {float:left;width:21%;margin:80px 2% 0 2%; position:relative; overflow:hidden}
.vshow li .title { height:25px; line-height:25px; overflow:hidden;margin:50px 0 0 0;padding:0; text-align:center;font-size:14px;}
.vshow li .title.t2 {color:#999;margin:10px 0 0 0}
.jwdisplayIcon div {transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}

.wrap1 {max-width:450px;margin:0 auto; position:relative}
.wrap5 {max-width:1200px;margin:0 auto; position:relative}
.vshow li .pvbg { position:relative; overflow:hidden}
.vshow li .pvbg p { position:absolute; z-index:10;width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.vshow li .pvbg i { background:url(1.png) no-repeat center;width:31px; height:31px; position:absolute; z-index:20;top:50%;left:50%;margin:-15px 0 0 -15px;opacity:0; background-size:cover;}
.vshow li:Hover .pvbg i {opacity:1}
.floatvideo { position:fixed;top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; display:none;}
.floatvideo iframe {width:100%; height:100%}
.video_cons {width:100%; height:100%;background:none; text-align:center;color:#fff}
.video_cons p { position:absolute;right:0;top:0; background:url(close.png) no-repeat center;width:20px; height:20px; background-size:cover;margin:-10px -10px 0 0; z-index:9999999; cursor:pointer; display:block}

.show_mp4pic {margin:30px 5% -20px 5%;max-width:1920px; text-align:center}
.show_pics { text-align:center}
.show_pics img {margin:5px 0}

.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(play.png) 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}






.foot {text-align:center;margin-top:150px;padding:20px 0 20px 0;font-size:12px;background:#58848f;color:#fff;}
.foot .copy { vertical-align:middle; display:inline-block;}
.foot .qqwx { display:inline-block; vertical-align:middle;position:relative; }
.foot .qqwx .blueqq {margin-left:10px;background:#fff}
.foot .qqwx .bluewx p {top:auto;bottom:40px;right:0;margin-right:-80px}
.foot .qqwx .bluewx p img {width:200px;}
.foot .qqwx .bluewx { background:#fff}
.footlink {padding-bottom:0px;padding-top:0px; background:#58848f;color:#fff; height:auto; width:100%; overflow:hidden;}
.footlink li {float:left;width:9%;margin-right:4%;height:25px; line-height:25px; overflow:hidden;}
.footlink li.n8 {margin-right:0}
.footlink li a {color:#fff;font-size:12px}
.footlink li a:hover {color:#58848f}
.foot .copy a {color:#fff}

.fixed{position:fixed; z-index:99999;bottom:50px;right:15px;width:30px;}
.fixed .fixedTop {width:30px; height:30px;cursor:pointer; display:none;background-image:url(totop.png); background-size:100%;opacity:0.5}
.fixed .fixedTop:Hover {opacity:1}