html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-size:16px;font-family:"HanHei SC","Helvetica Neue",Microsoft Yahei,"Helvetica","STHeitiSC-Light","Arial",sans-serif;line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
html,body {color:#5f6061}
body {background:#fff}
ul,ol,li {list-style:none}
a {color:#5f6061;text-decoration:none}
a:hover {text-decoration:none;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}
img {border:0}
b,em,i {font-style:normal}
h1,h2,h3,h4,h5 {font-weight:normal}
@-webkit-keyframes fadeleft {0% {-webkit-transform:translateY(40px);opacity:0}
100% {-webkit-transform:translateY(0px);opacity:1}
}

.local{ width:1260px; margin:0 auto; height:40px; line-height:40px;    padding: 70px 0 20px 0;}

.video_b_in {width:1260px;    max-height: 569px;margin:0 auto;overflow:hidden}
.video_ls {width:830px;height:467px;background:#fff;float:left;overflow:hidden;position:relative;}
.video_ls.on {position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999}
.video_rs {width:430px;height:467px;background:#fff;float:right}
#vids {display:block;width:100%;height:100%;object-fit:fill}
.title_top {position:absolute;top:-26px;left:36px;width:100%;height:28px;line-height:28px;font-size:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.5s;transition-delay:.3s;opacity:0}
.list_right {width:20px;height:auto;overflow:hidden;top:33px;right:-26px;position:absolute;transition:.5s;transition-delay:.3s;opacity:0}
.video_ls:hover .title_top {opacity:1;top:36px}
.video_ls:hover .list_right {opacity:1;right:30px}
.controls {min-width:764px!important;height:91px;position:absolute;bottom:20px;left:33px}
#pass {width:106px;height:106px;overflow:hidden;position:absolute;top:50%;left:50%;margin-top:-53px;margin-left:-53px;cursor:pointer}
#pass img {display:block;width:106px;height:106px}
.video_rs_t {width:100%;height:65px;border-bottom:1px solid #252525;position:relative;line-height:65px;font-size:12px;color:#4d4d4d;text-align:center}
.video_rs_t span {float:left;font-size:16px;margin-left:25px;color:#fff}
.btnadd {float:right;font-size:16px;margin-right:27px;color:#fff}
.video_rs_b {width:100%;height:467px;overflow:auto;overflow-x:hidden}
.one_tb {width:100%;height:96px;overflow:hidden;border-bottom:1px solid #eee;cursor:pointer}
.one_tb:hover {background:#fff}
.one_tb_l {width:52px;height:96px;line-height:96px;text-align:center;float:left;color:#000;font-size:12px;float:left;overflow:hidden}
.one_tb_c {width:88px;height:44px;color:#fff;font-size:12px;float:left;overflow:hidden;margin-top:26px;position:relative}
.one_tb_c img {width:88px;height:44px;float:left}
.one_tb_c b {display:block;width:14px;height:16px;position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-8px;display:none}
.one_tb.on .one_tb_c b {display:block}
.one_tb_r {width:236px;height:44px;float:left;overflow:hidden;margin-top:26px;margin-left:22px}
.one_tb_r h3 {font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.one_tb_r p {font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.imgbig {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:block !important}
.imgbig:hover {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.imgbigout {display:block;overflow:hidden}
.case-read-img{ font-size:18px; padding:50px 0 50px 0;}
.clear:after,.case-read-img p:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clear,.case-read-img p {zoom:1}
.left {float:left}
.right {float:right}
.hide {display:none}
.lazy {background:url("../image/loading.gif") 50% 50% no-repeat}
.tran {transition:all .3s ease}
.back2top {display:block;width:43px;height:43px;background:url(../image/back2top.png) no-repeat;position:fixed;right:3.5%;bottom:15%;opacity:.33;z-index:99}
.back2top:hover {opacity:1}
.pager { background:#ffc20e; width:200px; height:50px; line-height:50px; border-radius:50px; text-align:center; margin:0 auto; margin-bottom:50px; font-size:16px; }
.pager a{ display:block;color:#fff;}
.pager a:hover{ color:#fff;}

.pager a:active {color:#0f0b09}
.pager span.now {color:#0f0b09}
.pager span.disabled {color:#0f0b09}
.current:first-child,.pager .p1:last-child {display:none}
.header {height:100px;width:100%;position:fixed;top:0;left:0;z-index:99;transition:all .3s ease}
.header-small {height:60px;background:#fff;-webkit-box-shadow:rgba(0,0,0,.1) 0 1px 5px;-moz-box-shadow:rgba(0,0,0,.1) 0 1px 5px;box-shadow:rgba(0,0,0,.1) 0 1px 5px;transition:all .3s ease}
.header-in {width:95%;margin:15px auto;height:30px;transition:all .3s ease}
.header-in .logo img {transition:all .3s ease; height:76px;}
.header-small .header-in {margin:15px auto;transition:all .3s ease}
.header-small .logo img {height:22px;margin-top:4px}
.header .logo {float:left;margin-left:10px}
.header .meun-off {float:right;margin-right:10px; margin-top:10px;}
.header .meun-off span {width:23px;height:2px;background-color:#000;display:block;margin:6px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header .meun-on #span2 {opacity:0}
.header .meun-on #span1 {-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
.header .meun-on #span3 {-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
.nav {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.9);display:none;z-index: 999}
.nav ul {margin:0 auto;width:50%;text-align:center;height:500px;position:absolute;top:60%;margin-top:-250px;left:50%;margin-left:-25%}
.nav ul li {-webkit-animation:DDInY .8s .3s ease both;-ms-animation:DDInY .8s .3s ease both;-moz-animation:DDInY .8s .3s ease both;animation:DDInY .8s .3s ease both}
.nav ul a {display:block;height:80px;overflow:hidden;margin:10px 0}
.nav ul span {display:block;font-size:48px;line-height:80px;text-transform:uppercase;color:#e9e7e8;font-family:"xixi";font-weight:100;}
.nav .nav-tel {position:absolute;left:2%;bottom:2%}
.nav .close {display:block;position:absolute;top:4%;right:4%}
.nav .close img {transition:all .5s ease}
.nav .close:hover img {transform:rotate(180deg)}
.fullSlide {position:relative;margin:0 auto}
.fullSlide2 {display:none}
.slide {position:relative;margin:0 auto}
.slide .bd {position:relative;z-index:0;overflow:hidden}
.slide .bd li img {width:100%;vertical-align:top}
.slide .hd {position:relative;z-index:1;margin-top:-60px;height:30px;line-height:30px;text-align:center}
.slide .hd ul {text-align:center}
.slide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:5px;overflow:hidden;font-size:0;background-color:#fff;border-radius:50%}
.slide .hd ul .on {background-color:#ff0}
.slide .prev,.slide .next {z-index:1;display:block;width:53px;height:14px;position:relative;float:left;background:url(404.png) 0 0 no-repeat;filter:alpha(opacity=40);opacity:.4;position:absolute;top:50%;margin-top:-7px}
.slide .prev {left:2.1%;margin-left:10px}
.slide .next {background-position:right 0;right:2.1%;margin-right:10px}
.slide .prev:hover,.slide .next:hover {filter:alpha(opacity=80);opacity:.8}
.banner {width:100%;position:relative;z-index:1;overflow:hidden}
.banner .bd ul {width:100% !important}
.banner .bd li {width:100% !important;height:913px;background-position:center 0;background-attachment:fixed;background-repeat:no-repeat;min-width:1200px}
.banner .bd li a {display:block;width:1400px;margin:0 auto;height:100%}
.banner .hd {position:fixed;left:0;top:850px;z-index:1;width:100%;overflow:hidden}
.banner .hd ul {text-align:center}
.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:5px;overflow:hidden;font-size:0;background-color:#fff;border-radius:50%}
.banner .hd ul .on {background-color:#e70034}
.banner .prev,.banner .next {z-index:1;display:block;width:53px;height:44px;position:relative;float:left;background:url(404.png) 0 center no-repeat;filter:alpha(opacity=40);opacity:.4;position:absolute;top:50%;margin-top:-22px}
.banner .prev {left:2.1%;margin-left:10px}
.banner .next {background-position:right 0;right:2.1%;margin-right:10px}
.banner .prev:hover,.banner .next:hover {filter:alpha(opacity=80);opacity:.8}
.warp1 {width:1080px;margin:0 auto;padding:57px 0 80px;position:relative;z-index:9;background-color:#fff}
.warp1 h3 {font-size:36px;color:#5f6061;margin-bottom:48px}
.warp1 p a {color:#888889}
.warp1 .pingfang {-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft .5s .3s ease both;margin-top:2px}
.warp1 .p1 {-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft .8s .3s ease both}
.warp1 .p2 {-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft 1s .3s ease both}
.warp1 .p3 {-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft 1.2s .3s ease both}
.warp2 {width:95%;margin:0 auto;position:relative;z-index:10;background-color:#fff}
.warp2 .warp-type {height:50px;position:relative;margin-bottom:25px}
.warp2 .warp-type p {font-size:18px;width:1080px;line-height:50px;position:absolute;left:50%;margin-left:-540px;z-index:0}
.warp2 .warp-type-list {float:right;position:absolute;z-index:11;right:0}
.warp2 .warp-type-list .active {text-decoration:underline;color:#000;font-size:18px}
.warp2 .warp-type-list a {display:inline-block;margin-right:25px;line-height:50px;color:#888889;font-size:14px}
.warp2 .warp-type-list a:hover {text-decoration:underline}
.warp2 ul li {width:33.333333%;float:left;position:relative;overflow:hidden;display:block}
.warp2 ul li img {width:100%;height:auto;display:block}
.warp2 ul li:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.warp2 .case-summary {display:none;width:90%;height:90%;background:url(../image/black.png) repeat;top:0;left:0;position:absolute;padding:5%}
.warp2 .case-summary p {color:#f9f9f9;position:absolute;left:0;font-size:20px}
.warp2 .case-summary span {font-size:24px}
.warp2 ul li .p1 {top:0;color:#f9f9f9;position:absolute;left:0;font-size:20px;padding:5%; z-index:1;line-height: 28px;}
.warp2 .case-summary .p2 {bottom:0;font-size:16px}
.warp2 .case-more {display:block;width:148px;height:40px;margin:50px auto;border:2px solid #959595;text-align:center;line-height:40px}
.warp3 {width:1180px;margin:0 auto;display:-webkit-flex;display:flex;justify-content:space-between;position:relative;z-index:10;background-color:#fff}
.warp3 a {color:#898989}
.warp3 .warp3-list {width:250px;overflow:hidden}
.warp3 .warp3-list ul li a {word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#898989;font-size:14px}
.warp4 {width:1180px;margin:0 auto;display:-webkit-flex;display:flex;justify-content:space-between;padding:0px 0 20px;margin-bottom:100px;position:relative;z-index:10;background-color:#fff}
.warp4 h4 {text-align:center}
.warp4 .warp4-list {width:250px}
.warp4 .warp4-title {color:#444;font-size:18px;padding-bottom:15px;display:block}
.warp3 .warp3-title {font-size:18px;padding-bottom:15px;display:block}
.warp4 li a {color:#898989;font-size:14px}
.footer {background:#333;padding:45px 0;position:relative;z-index:10}
.footer-in {width:1180px;margin:0 auto;color:#d8d8d8; position:relative;}
.footer-in .right{ position:absolute; right:0; top:0; text-align:center;}
.footer-in .right img{ width:100px; height:100px;}
.footer-in a{ color:#d8d8d8;}
.footer1 {width:390px}
.footer1-1 {width:102px;font-size:12px;text-align:center;color:#d8d8d8}
.footer1-2 {width:225px;font-size:12px;color:#d8d8d8}
.footer1-2 img {display:block;margin-bottom:20px}
.footer2 {width:380px;margin-left:75px}
.footer2 dl {float:left;margin-right:60px;margin-top:-15px}
.footer2 dl dt {font-size:24px;border-bottom:1px solid #d8d8d8;margin-bottom:14px;color:#999}
.footer2 dl dd {height:24px}
.footer2 dl dd a {color:#d8d8d8;transition:all .3s ease;font-size:12px;display:block;line-height:24px}
.footer2 dl dd a:hover {color:#fff}
.footer3 {width:255px;font-size:12px;color:#d8d8d8}
.footer-bottom {margin-top:25px}
.footer-bottom h3 {color:#d8d8d8;font-size:14px}
.footer-bottom ul li {width:12.5%;float:left}
.footer-bottom ul li a {font-size:12px;color:#d8d8d8;transition:all .3s ease;line-height:24px;display:block}
.footer-bottom ul li a:hover {color:#fff}
.t-footer {display:none}
.case-content {padding-bottom:50px}
.case-list {width:94%;margin:0 auto; margin-top:150px;}
.case-list .warp-type {height:50px;position:relative;margin-bottom:25px}
.case-list .warp-type p {font-size:18px;line-height:50px;position:absolute;left:33.33333%;margin-left:-160px;z-index:0;width:160px}
.case-list .warp-type-list {float:right;position:absolute;z-index:11;right:0}
.case-list .warp-type-list .active {text-decoration:underline;color:#000;font-size:16px}
.case-list .warp-type-list a {display:inline-block;margin-right:20px;line-height:50px;color:#888889;font-size:14px}
.case-list .warp-type-list a:hover {text-decoration:underline}
.case-list ul li {width:33.333333%;float:left;position:relative;overflow:hidden;display:block}
.case-list ul li img {width:100%;height:auto;display:block}
.case-list ul li:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.case-list .case-summary {display:none;width:90%;height:90%;background:url(../image/black.png) repeat;top:0;left:0;position:absolute;padding:5%}
.case-list .case-summary p {color:#f9f9f9;position:absolute;left:0;font-size:20px}
.case-list .case-summary span {font-size:14px}

.case-list .p1 {top:0;color:#f9f9f9;position:absolute;left:0;font-size:20px;padding:5%; z-index:1}
.case-list .case-summary .p2 {bottom:0;font-size:16px}
.case-list .case-more {display:block;width:148px;height:40px;margin:100px auto;border:2px solid #959595;text-align:center;line-height:40px}
.case-read {width:100%;max-width:1260px; margin:0 auto; margin-top:50px;}
.case-read .news-tool {display:none}
.case-read img {width:100%;height:auto!important;float:left;display:block;}
.case-read img.small {width:50%;}
.case-read-top {padding:0px 0 20px 0;}
.case-read-top h1{ text-align:center; font-size:30px;}

.case-read-con{ width:100%;}
.case-fixed {position:fixed;width:28px;left:50%;margin-left:920px;top:35%}
.case-fixed li {position:relative;height:26px;margin-bottom:17px}
.case-fixed li .icon {background-image:url(../image/icon.png);background-repeat:no-repeat;display:block;width:28px;height:26px}
.case-fixed #close a {background-position:0 -117px}
.case-fixed #prev a {background-position:0 -155px}
.case-fixed #next a {background-position:0 -194px}
.case-fixed #close a:hover {background-position:-36px -117px}
.case-fixed #prev a:hover {background-position:-36px -155px}
.case-fixed #next a:hover {background-position:-36px -194px}
.share-box .icon {background-image:url(../image/icon.png);background-repeat:no-repeat}
#share {width:28px;height:26px;float:right;position:relative;z-index:99}
.share {width:28px;height:26px;display:block}
.ico-share {width:28px;height:26px;display:block;background-position:2px -231px}
.ico-share:hover {background-position:-33px -231px}
.share-list {width:100px;padding:10px 20px;background:#363636;position:absolute;right:0;top:32px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;visibility:hidden;z-index:-1;opacity:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.share-list.active {visibility:visible;z-index:1;opacity:1}
.share-list li a {height:24px;line-height:24px;display:block;padding-left:34px;color:#FFF;font-size:14px;position:relative}
.share-list li a:hover {color:#ffe514}
.share-list li .icon {width:24px;height:24px;display:block;position:absolute;left:0;top:50%;margin-top:-12px}
.share-list li .ico-weixin {background-position:-60px 0}
.share-list li .ico-xlwb {background-position:-100px 0}
.share-list li .ico-txwb {background-position:-140px 0}
.share-list li .ico-douban {background-position:-180px 0}
.share-list li .ico-tieba {background-position:-220px 0}
.share-list li a:hover .ico-weixin {background-position:-60px -40px}
.share-list li a:hover .ico-xlwb {background-position:-100px -40px}
.share-list li a:hover .ico-txwb {background-position:-140px -40px}
.share-list li a:hover .ico-douban {background-position:-180px -40px}
.share-list li a:hover .ico-tieba {background-position:-220px -40px}
.news {width:1070px;margin:0 auto;padding:100px 0}
.news-type {height:60px;margin-bottom:20px}
.news-type h3 {float:left;font-size:30px;width:15%}
.news-type ul {width:85%;float:right}
.news-type ul li {float:left;height:60px;color:#898989}
.news-type ul li a {line-height:60px;font-size:16px;padding:0 30px;color:#898989}
.news-type ul li a:hover {color:#5f6061}
.news-list li {padding:55px 0;border-bottom:1px solid #eee}
.news-list li .imgbigout {width:44%;float:left}
.news-list li .imgbigout img {width:100%;height:auto}
.news-list li .news-summary {float:right;width:49%}
.news-list li .news-summary h4 {color:#0f0b09;margin-bottom:30px;font-size:18px}
.news-list li .news-summary p {margin-bottom:30px}
.news-list li .news-summary p a {color:#0f0b09;font-size:24px;font-family:'xixi'}
.news-list li .news-summary span {margin-bottom:50px;display:block}
.news-list li .news-summary span a {font-size:16px}
.news-list li .news-summary .more {text-decoration:underline;font-size:18px}
.news-read {width:1140px;margin:0 auto;padding:150px 0}
.news-read .news-read-left {float:left}
.news-read .news-read-left h3 {font-size:24px}
.news-read .news-read-left h4 {font-size:16px}
.news-read .news-read-right {float:right;width:700px}
.news-read .news-read-right .title {font-size:30px;line-height:30px;padding-bottom:50px;border-bottom:1px solid #ccc;color:#0f0b09;margin-bottom:40px;font-family:'xixi'}
.news-read .content p,.news-read .content span,.news-read .content div {font-size:16px}
.news-read .content img {max-width:705px;height:auto;}
.news-read .content {padding-bottom:50px;border-bottom:1px solid #ccc;font-size:16px}
.contact {padding:100px 0}
.contact-read {width:1150px;margin:0 auto}
.contact1-left {float:left;font-size:36px;color:#595757;font-family:"xixi";margin-top:-10px}
.contact1-right {float:right;width:610px}
.contact1 p {font-size:20px}
.contact1 {margin-bottom:130px}
.contact2 p {margin-bottom:1em}
.contact2 {margin-bottom:100px}
.contact3,.contact4,.contact5 {margin-bottom:55px}
.contact-img {margin-bottom:120px}
.about {padding:100px 0}
.about1 {width:1600px;margin:0 auto}
.about3 {width:1870px;margin:0 auto}
.about1 .about1-left {float:left;font-size:36px;color:#595757;font-family:"xixi";margin-left:200px;margin-top:-9px}
.about1 .about1-right {float:right;width:860px}
.about3 .about3-right {float:right;width:1000px}
.about2 {width:100%;background:url(404.png);height:800px;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;margin:170px 0 150px;position:relative}
.about2 img {position:absolute;left:13%;top:45%}
.about1-1 p {font-size:24px;margin-bottom:1.8em;line-height:1.8em;color:#5f6061;font-family:"xixi";font-weight:100}
.about1-1 {margin-bottom:150px}
.about1-2 {float:left;width:392px}
.about1-2 h3 {font-size:22px;margin-bottom:20px;color:#0f0b09}
.about1-2 p {margin-bottom:1em;color:#5f6061}
.about1-3 {float:right;width:330px}
.about1-3 h3 {font-size:22px;margin-bottom:20px;color:#0f0b09}
.about1-3 p {margin-bottom:1em;color:#5f6061}
.about3-1 {float:left;width:38%}
.about3-2 {float:right;width:48%}
.about3-1 h3,.about3-2 h3,.about3-3 h3 {font-size:22px;color:#0f0b09;margin-bottom:1em}
.about3-1 p,.about3-2 p {margin-bottom:1em}
.about3-3 {margin-bottom:35px;margin-top:80px}
.about3-4 dl {width:260px;float:left;margin-bottom:45px}
.about3-4 dt {font-size:16px;color:#0f0b09;margin-bottom:14px}
.news-tool {margin-top:26px}
.news-tool-right li {position:relative;height:32px;float:left;margin:0 7px}
.news-tool-right li .icon {background-image:url(../image/icon.png);background-repeat:no-repeat;display:block;width:26px;height:26px}
.news-tool-right #close a {background-position:0 -114px}
.news-tool-right #prev a {background-position:0 -155px}
.news-tool-right #next a {background-position:0 -194px}
.news-tool-right #close a:hover {background-position:-36px -114px}
.news-tool-right #prev a:hover {background-position:-36px -155px}
.news-tool-right #next a:hover {background-position:-36px -194px}
.service {display:none}
@media screen and (max-width:1920px) {html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {font-size:14px}
.header-small {height:60px}
.header-small .logo img {height:55px;margin-top:0px;}
.header-small .header-in {margin:5px auto}
.fullSlide .hd {margin-top:-50px}
.fullSlide .hd ul li {width:10px;height:10px}
.banner .bd li {height:685px;background-size:1920px 685px}
.banner .hd {top:648px}
.banner .hd ul li {width:10px;height:10px}
.banner .bd li a {width:1400px}
.nav .close img {width:42px}
.warp1 {padding:20px 0 40px;}
.warp1 h3 {margin-bottom:20px;}
.warp2 .case-summary .p1 {font-size:18px}
.warp2 .case-summary .p2 {font-size:14px}
.warp3 .warp3-list ul li a {font-size:12px}
.warp4 li a {font-size:12px}
.warp4 {margin-bottom:50px}
.case-read {width:100%}
.case-read-top .left {font-size:16px}
.case-read-top .right p {font-size:16px;margin-bottom:18px}
.case-fixed {position:fixed;width:25px;left:50%;margin-left:870px}
.contact-read {width:925px;margin:0 auto}
.contact1-left {float:left;font-size:30px;color:#595757;margin-top:-10px}
.contact1-right {float:right;width:580px}
.contact1 p {font-size:16px}
.about1,.about3 {width:1120px;margin:0 auto}
.about2 {margin:100px 0 110px}
.about1 .about1-left {font-size:27px;margin-left:120px;margin-top:-7px}
.about1 .about1-right {width:640px;margin-right:0}
.about1-2 {float:left;width:270px}
.about1-3 {width:240px}
.about1-1 p {font-size:18px}
.about3 .about3-right {float:right;width:750px;margin-right:-120px}
.about1-2 h3,.about1-3 h3,.about3-1 h3,.about3-2 h3,.about3-3 h3 {font-size:16px;margin-bottom:10px}
.about1-2 p,.about1-3 p {font-size:12px}
.about3 .about3-right p {font-size:12px}
.about3-1 p,.about3-2 p {margin-bottom:2em}
.about3-4 dt {font-size:14px;margin-bottom:2px}
.about3-4 dd {font-size:12px}
.about3-3 {margin-bottom:25px;margin-top:60px}
.service {margin-top:74px !important}
.news-list li .imgbigout img,.news-list li .imgbigout {width:360px}
.news-summary {margin-right:130px}
.news-list li .news-summary span a {font-size:14px}
.news-list li .news-summary p a {font-size:22px}
.news-list li .news-summary h4,.news-list li .news-summary .more {font-size:16px}
.news-list li {padding:40px 0}
.news-type ul li a {font-size:14px}
.news-read .news-read-right .title {font-size:24px;padding-bottom:36px}
.news-read .news-read-left h3 {font-size:20px}
.news-read .news-read-left h4 {font-size:14px}
.news-read .news-read-left {margin-left:70px}
.news-read .content p,.news-read .content span,.news-read .content div {font-size:14px}
.news-tool-right li {transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7)}
.about3-4 dl {width:195px}
.case-read-top .right ul li {font-size:12px}
}
@media screen and (max-width:1440px) {.banner .bd li {height:513px;background-size:1440px 513px}
.banner .hd {top:480px}
.banner .bd li a {width:1200px}
.news-read {width:700px}
.news-read-left {margin-bottom:30px}
.news-read .news-read-left,.news-read-right {float:none;width:100%}
.case-read {width:1200px}
.case-read-top {height:auto}
.case-read-top .right ul {position:static;}
.case-read-top .left {font-size:16px}
.case-read-top .right p {font-size:16px;margin-bottom:18px}
.case-fixed {position:fixed;width:25px;left:50%;margin-left:620px}
.warp1 .pingfang {margin-top:0;font-size:30px;}
.warp1 p {font-size:12px}
.warp2 .warp-type p {font-size:12px}
.warp2 .warp-type-list a,.warp2 .warp-type-list .active {font-size:12px}
.warp2 .warp-type {margin-bottom:6px}
.warp2 .case-summary .p1 {font-size:14px}
.warp2 .case-summary .p2 {font-size:12px}
.warp2 .case-summary span {font-size:18px}
.service {margin-top:48px !important;margin-bottom:10px !important}
.news {width:830px}
.news-list li .imgbigout img,.news-list li .imgbigout {width:260px}
.news-list li .news-summary p a {font-size:16px}
.news-list li .news-summary h4,.news-list li .news-summary .more {font-size:14px}
.news-list li .news-summary h4 {margin-bottom:13px}
.news-list li .news-summary p {margin-bottom:15px}
.news-list li .news-summary span a {font-size:12px}
.news-list li {padding:30px 0}
.pager a,.pager span {font-size:18px}
.news-read .news-read-left {margin-left:0}
.about2 {margin:70px 0 90px}
.news-read .news-read-left h3 {font-size:18px}
.case-list .warp-type-list a {margin-right:15px}
}
@media screen and (max-width:1200px) {.warp2 ul li {width:50%;float:left;position:relative;overflow:hidden}
.banner .bd li a {width:1000px}
.news-read {width:700px}
.news-read-left {margin-bottom:30px}
.news-read .news-read-left,.news-read-right {float:none;width:100%}
.case-read {width:1000px}
.case-read-top {height:auto}
.case-read-top .right ul {position:static}
.case-read-top .left {font-size:16px}
.case-read-top .right p {font-size:14px;margin-bottom:18px}
.case-fixed {position:fixed;width:25px;left:50%;margin-left:520px}
}
@media screen and (max-width:750px) {

.footer {display:none}

.case-read-img{ font-size:18px; padding:10px 0 10px 0;}
.local{ width:100%; margin:0 auto; height:40px; line-height:40px;    padding:10px 0 0px 0;    overflow: hidden;}
.case-read-top h1{ text-align:center; font-size:18px; line-height:32px;}
.banner {display:none}
.header {height:60px}
.header-small {height:50px}
.header .logo img {height:40px;}
.header .meun-off {margin-right:0; margin-top:5px;}
.nav .close img {width:25px;height:auto}
.nav ul {height:360px;margin-top:-180px}
.nav ul a {height:60px}
.nav ul span {font-size:32px;line-height:60px}
.slide .hd {margin-top:-30px}
.slide .hd ul li {width:7px;height:7px}
.slide .prev,.slide .next {width:25px;height:14px}
.warp2 {width:95%}
.warp-type {width:100%;height:auto}
.warp-type p {width:100%;position:static;margin-left:0;margin:0 auto}
.warp-type-list {position:static;float:left}
.warp1 .pingfang {font-size:16px;margin-bottom:20px;line-height:1em}
.header-in {margin:10px auto;width:94%}
.header .logo {margin-left:0}
.header-small .header-in {margin:5px auto}
.warp2 ul li {width:100%;float:left;position:relative;overflow:hidden; margin-bottom:10px;}
.footer,.warp4,.warp3,.service {display:none}
.fullSlide {display:none}
.fullSlide2 {display:block !important}
.warp1 {width:94%;margin:0 auto;padding:40px 0}
.case-list {margin-top:80px;width:94%}
.case-list .warp-type {height:auto}
.case-list ul li {width:100%; margin-bottom:10px;}
.case-list .warp-type-list a {line-height:24px;margin-right:25px;float:left}
.case-list .warp-type p {position:static;margin-left:0;font-size:12px;line-height:32px}
.warp-type-list {position:static !important;float:static}
.case-list .museo-light {width:100%;display:block}
.case-content {padding-bottom:35px}
.warp-type-list a {line-height:35px;margin-right:10px}
.case-read {width:94%;padding-bottom:10px}
.case-read .small {width:100% !important}
.case-read-top .left,.case-read-top .right {width:90%;text-align:left;margin:0 auto;float:none}
.case-read-top {padding:0px 0}
.case-read-top .right ul {bottom:30px}
.case-fixed {display:none}
.news-read {width:94%;padding:50px 0}
.news-read img {max-width:100%!important;height:auto}
.news-read-left {margin-bottom:30px}
.news-read .news-read-left,.news-read-right {float:none;width:100%}
.news-read-right {width:100% !important}
.news-read-left {margin-bottom:20px}
.news {width:94%;padding:80px 0 10px}
.news-read .news-read-right .title {font-size:24px;padding-bottom:20px;margin-bottom:15px}
.news-type h3 {width:100%}
.news-type ul {float:left;width:100%}
.news-type ul li {height:30px}
.news-type ul li a {padding:0 15px;line-height:30px}
.news-summary {margin-top:10px}
.news-list li .imgbigout,.news-list li .news-summary {width:100%}
.news-list li {padding:25px 0}
.news-list li .news-summary {float:left}
.news-list li .imgbigout img,.news-list li .imgbigout {width:100%}
.news-type ul li:first-child a {padding-left:0}
.news-list li .news-summary h4 {margin-bottom:10px}
.news-list li .news-summary p {margin-bottom:20px}
.news-list li .news-summary span {margin-bottom:20px}
.back2top {display:none !important}
.t-footer {display:block;width:94%;margin:10px auto 0}
.t-footer .t-footer-bottom .left {width:55%}
.t-footer .t-footer-bottom .right img{width:100px; height:100px;}
.t-footer-top {font-size:24px;height:40px;line-height:40px}
.t-back2top {display:block;width:30px;height:30px;background:url(../image/back2top.png) no-repeat;background-size:30px}
.contact {padding:100px 0 30px}
.contact-read {width:94%;margin:0 auto}
.contact1-left {float:left;font-size:28px;color:#595757;font-size:arial}
.contact1-right {float:right;width:100%}
.contact1 p {font-size:16px}
.contact1,.contact2,.contact3,.contact4,.contact-img {margin-bottom:25px}
.about {padding:100px 0 30px}
.about1,.about3 {width:94%}
.about1 .about1-left {font-size:28px;width:100%;margin-left:0}
.about1 .about1-right {width:100%}
.about3 .about3-right {width:100%;margin-right:0}
.about3-4 dl {margin-bottom:15px}
.about2 {width:100%;background:url(404.png);height:250px;background-position:center center;background-size:cover;background-repeat:no-repeat;margin:25px 0;position:relative}
.about2 img {left:50%;top:40%;background-position:center;width:200px;margin-left:-100px}
.about1-2,.about1-3,.about3-1,.about3-2,.about3-4 {width:100% !important;margin-right:0}
.about3-4 dl {width:50%}
.about1-1 {margin-bottom:30px}
.about1-1 p {font-size:16px}
.about h3 {font-size:16px;margin-bottom:10px}
.warp2 .warp-type p {width:94%;position:static;margin-left:0}
.warp2 .warp-type-list {width:100%;position:static}
.warp2 .warp-type {height:80px}
.warp2 .warp-type-list a {height:30px;line-height:30px;margin-right:10px;font-size:12px}
.case-more {display:none !important}
.share-list {left:0}
#qiao-wrap {display:none !important}
.case-list .warp-type-list a {font-size:12px}
.case-list .warp-type-list .active {font-size:12px}
.case-list .warp-type-list .museo-light {font-size:16px;margin-bottom:14px}
.case-read .news-tool {display:block}

.video_b_in {width:100%;margin:0 auto;overflow:hidden;}
.video_ls {width:100%; height:40%;background:#fff;overflow:hidden;position:relative; float:none;}
.video_ls.on {position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999}
.video_rs {width:100%;height:auto;background:#fff;}
#vids {display:block;width:100%;height:100%;object-fit:fill}
.title_top {position:absolute;top:-26px;left:36px;width:100%;height:28px;line-height:28px;font-size:20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.5s;transition-delay:.3s;opacity:0}
.list_right {width:20px;height:auto;overflow:hidden;top:33px;right:-26px;position:absolute;transition:.5s;transition-delay:.3s;opacity:0}
.video_ls:hover .title_top {opacity:1;top:36px}
.video_ls:hover .list_right {opacity:1;right:30px}
.controls {min-width:764px!important;height:91px;position:absolute;bottom:20px;left:33px}
#pass {width:106px;height:106px;overflow:hidden;position:absolute;top:50%;left:50%;margin-top:-53px;margin-left:-53px;cursor:pointer}
#pass img {display:block;width:106px;height:106px}
.video_rs_t {width:100%;height:65px;border-bottom:1px solid #252525;position:relative;line-height:65px;font-size:12px;color:#4d4d4d;text-align:center}
.video_rs_t span {float:left;font-size:16px;margin-left:25px;color:#fff}
.btnadd {float:right;font-size:16px;margin-right:27px;color:#fff}
.video_rs_b {width:100%;height: 380px;overflow:auto;overflow-x:hidden}
.one_tb {width:100%;height:96px;overflow:hidden;border-bottom:1px solid #eee;cursor:pointer}
.one_tb:hover {background:#ffffff}
.one_tb_l {width:52px;height:96px;line-height:96px;text-align:center;float:left;color:#000;font-size:12px;float:left;overflow:hidden}
.one_tb_c {width:88px;height:44px;color:#fff;font-size:12px;float:left;overflow:hidden;margin-top:26px;position:relative}
.one_tb_c img {width:88px;height:44px;float:left}
.one_tb_c b {display:block;width:14px;height:16px;position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-8px;display:none}
.one_tb.on .one_tb_c b {display:block}
.one_tb_r {width:50%;height:44px;float:left;overflow:hidden;margin-top:26px;margin-left:10px}
.one_tb_r h3 {font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.one_tb_r p {font-size:12px;color:#4c4c4c;margin-top:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


@media screen and (max-width:420px) 
{
	.video_ls {width:100%; height:230px;background:#fff;overflow:hidden;position:relative; float:none;}
}

@media screen and (max-width:375px) 
{
	.video_ls {width:100%; height:205px;background:#fff;overflow:hidden;position:relative; float:none;}
}

@media screen and (max-width:320px) 
{
	.video_ls {width:100%; height:175px;background:#fff;overflow:hidden;position:relative; float:none;}
}


.subnav{margin-bottom:40px;}
.subnav h1{font-size: 20px;height: 30px;line-height: 30px;text-align: center;margin-bottom: 30px;}
.subnav ul{ display:table;margin:0 auto;}
.subnav ul li{background:#00abe6;height:45px; width:130px; border-radius:45px; line-height:45px;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:10px;margin-left:10px;cursor:pointer;box-shadow: 0px 3px 7px rgba(122, 122, 122, 0.09);font-size:18px;color:#fff;}
.subnav ul li a{ font-size:18px; color:#fff;}
.subnav ul li.on{ background:#ffc20e; height:45px; width:130px; line-height:45px;border-radius:45px; color:#fff; text-align:center;}
.subnav ul li.on a{ color:#fff;}

iframe{ background:#fff;}

.search_tag{margin-bottom:40px;}
.search_tag h1{font-size: 20px;height: 30px;line-height: 30px;text-align: center;margin-bottom: 30px;}
.search_tag ul{ display:table;margin:0 auto;}
.search_tag ul li{background:#00abe6;height:45px; width:130px; border-radius:45px; line-height:45px;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:10px;margin-left:10px;cursor:pointer;box-shadow: 0px 3px 7px rgba(122, 122, 122, 0.09);font-size:18px;color:#fff;margin-bottom: 15px;}
.search_tag ul li a{ font-size:18px; color:#fff;}
.search_tag ul li.on{ background:#ffc20e; height:45px; width:130px; line-height:45px;border-radius:45px; color:#fff; text-align:center;}
.search_tag ul li.on a{ color:#fff;}

.list_tag dd{ float:left;}
.list_tag dd img{ width:40px; margin-right:10px;}
.list_tag{ width:100%; margin-top:20px; margin-bottom:10px;}
.list_tag ul li{ text-align:center; padding:5px 10px 5px 10px; border:1px solid #eee; float:left; margin-right:10px;}
.list_tag ul li a{ display:block;}
.list_tag ul li:hover{ background:#ffc20e}

@media screen and (max-width:750px) {	
	
.search_tag{margin-bottom:40px;}
.search_tag h1{font-size: 20px;height: 30px;line-height: 30px;text-align: center;margin-bottom: 30px;}
.search_tag ul{ display:table;margin:0 auto;width: 100%;}
.search_tag ul li{background:#00abe6;height:35px; width:30%; border-radius:35px; line-height:35px;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:1.5%;margin-left:1.5%;cursor:pointer;box-shadow: 0px 3px 7px rgba(122, 122, 122, 0.09);font-size:14px;color:#fff;margin-bottom: 15px;}
.search_tag ul li a{ font-size:18px; color:#fff;}
.search_tag ul li.on{ background:#ffc20e; height:35px; width:30%; line-height:35px;border-radius:35px; color:#fff; text-align:center;}
.search_tag ul li.on a{ color:#fff;}
	
	

.subnav{margin-bottom:40px;}
.subnav h1{font-size: 20px;height: 30px;line-height: 30px;text-align: center;margin-bottom: 30px;}
.subnav ul{ display:table;margin:0 auto; width: 100%;}
.subnav ul li{background:#00abe6;height:35px; width:30%; border-radius:35px; line-height:35px;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:1.5%;margin-left:1.5%;cursor:pointer;box-shadow: 0px 3px 7px rgba(122, 122, 122, 0.09);font-size:14px;color:#fff;}
.subnav ul li a{ font-size:18px; color:#fff;}
.subnav ul li.on{ background:#ffc20e; height:35px; width:30%; line-height:35px;border-radius:35px; color:#fff; text-align:center;}
.subnav ul li.on a{ color:#fff;}

	.none{display: none;}
}
@media screen and (min-width:1023px){
	
	
	.pcnone{display: none;}
}