@charset "utf-8";
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:"Microsoft YaHei",微软雅黑; font-weight:lighter;line-height: 2em }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
html, body { color: #5f6061 }
body { background:#e6e5e2; }
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
}
}

.museo-light {}
.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 }
.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 }
#current { color: #191919; }
.left { float: left }
.right { float: right }
.hide { display: none }
.lazy { background: url("loading.gif") 50% 50% no-repeat }
.tran { transition: all .3s ease }
.back2top { display: block; width: 43px; height: 43px; background: url("back2top.png") no-repeat; position: fixed; right: 3.5%; bottom: 15%; opacity: .33; z-index: 99 }
.back2top:hover { opacity: 1 }
.pager { width: 100%; color: #0f0b09; line-height: 30px; padding: 30px 0; font-size: 24px; text-align: center; opacity: .3 }
.pager a, .pager span { text-decoration: none; height: 26px; line-height: 26px; display: inline-block; margin: 0 10px; font-size: 24px }
.pager a:hover { color: #0f0b09; opacity: 1 }
.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; background: #191919; }
.header-small { height: 60px; background: #191919; -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: 35px auto; height: 30px; transition: all .3s ease }
.header-in .logo img { transition: all .3s ease }
.header-small .header-in { margin: 15px auto; transition: all .3s ease }
.header-small .logo img { height: 30px; margin-top: 4px }
.header .logo { float: left; margin-left: 10px }
.header .meun-off { float: right; margin-right: 10px }
.header .meun-off span { width: 23px; height: 2px; background-color: #ffffff; 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 }
.nav ul { margin: 0 auto; width: 50%; text-align: center; height: 500px; position: absolute; top: 50%; 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 }
.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: #171717; border-radius: 50% }
.slide .hd ul .on { background-color: #fff }
.slide .prev, .slide .next { z-index: 1; display: block; width: 53px; height: 14px; position: relative; float: left; background: url("arrow.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: #ff0 }
.banner .prev, .banner .next { z-index: 1; display: block; width: 53px; height: 44px; position: relative; float: left; background: url("arrow.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: #e6e5e2; }
.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;font-size: 14px; }
.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;font-size: 14px; }
.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;font-size: 14px; }

.index_news_case { width: 99%; margin: 0 auto; display: block; margin-top: 2px; background: #e6e5e2; border-radius: 2%; position: relative; margin-left: auto; margin-right: auto; min-width: 320px; max-width: 640px; overflow: hidden; }
.index_news_case p { width: 98%; font-size: 12px; color: #1d1d1d; overflow: hidden; text-align: left; line-height: 1em; margin: 12px 0; padding-left: 2%; }
.index_news_case p a { color: #1d1d1d; border: none; font-size: 12px; }
.nc_tile { width: 98%; font-size: 18px; padding: 0; margin: 10px auto; color: #000000; text-align: center; }
.nc_tile small { font-size: 14px; color: #999999; display: block; margin-top: 5px; margin: 0; padding: 0; }
.section { width: 94%; margin-left: auto; margin-right: auto; }
.index_artlist, .index_artpro { overflow: hidden; width: 100%; padding-bottom: 3%; background: #e6e5e2; border-radius: 2%; margin: 0 auto;}
.index_artlistNav { display: inline-block; width: 100%; text-align: center; }
.index_artlistNav ul { text-align: center; overflow: hidden; zoom: 1; list-style: none; margin: 0 auto; display: inline-block; -webkit-padding-start: 0; }
.index_artlistNav li { text-align: center; font-size: 14px; float: left; border: 0.5px solid #d4d4d4; height: 30px; line-height: 30px; }
.index_artlistNav li a { color: #000; padding: 0 6px; }
.index_artlistNav li:first-child { border-radius: 6px 0 0 6px; }
.index_artlistNav li:last-child { border-radius: 0 6px 6px 0; }
.index_artlistNav li.on { background-color: #191919; border: 0.5px solid #191919; }
.index_artlistNav li.on a { color: #fff; }
.index_artlistBox, .index_artlist .index_artlistCon, .index_artlist .li { overflow: hidden; width: 99%; margin:0 auto !important;}
.index_artlistBox { margin-top: 3%; }
.index_artlist .li { margin-top: 1%; }
.index_artlist .li li { box-sizing: border-box; line-height: 2em; font-size: 14px; width: 99%; height: auto; overflow: hidden; margin: 2% auto; padding-bottom: 5%; border-bottom: 1px solid #d4d4d4; }
.index_artlist .li li:last-child { border: 0; }
.index_artlist .li .time { top: 10px; width: 18%; position: relative; height: 0; padding-top: 18%; background: #969393; color: #fff; text-align: center; border-radius: 3px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; float: left; }
.index_artlist .li .day { position: absolute; left: 0; top: -6%; width: 100%; font-size: 24px; }
.index_artlist .li .date { position: absolute; left: 0; bottom: 8%; width: 100%; font-size: 12px; }
.index_artlist .li .info { width: 78%; float: right; }
.index_artlist .li .title { font-weight: normal; color: #14171a; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; text-align: left; }
.index_artlist .li .desc { color: #888; margin-top: 5px; line-height: 18px; height: 55px; overflow: hidden; font-size: 12px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.index_artlist .li li a { display: block; width: 100%; float: left; color: #333333; width: 100%; }
.pro_list { margin-top: 1%; }
.pro_list li {box-sizing: border-box; line-height: 2em; font-size: 14px; overflow: hidden; float: left; width: 49%; margin: .5%; }
.pro_list li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; float: left; color: #333333; }
.pro_list li img { width: 100%; height:100%;display: block;}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.index_artlist .li .time { width: 12%; padding-top: 12%; }
.index_artlist .li .info { width: 85%; }
.pro_list li img{height: 160px;}
}
.index_news_case .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;font-size: 14px; }
.index_news_case .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;font-size: 14px; }
.index_news_case .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;font-size: 14px; }
.new_link { width: 100%; height: auto; padding-top: 10px; text-align: center; font-size: 14px; overflow: hidden; }
.new_link a { display: inline-block; background: #f4f4f4; line-height: 30px; color: #000; border-radius: 5px; padding: 0 25px; font-size: 12px; }

/*.warp2 { width: 95%; margin: 0 auto; position: relative; z-index: 10; background-color: #e6e5e2; }
.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: 50%; float: left; position: relative; overflow: hidden; display: block; margin:0px auto; }
.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("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 .case-summary .p1 { top: 0 }
.warp2 .case-summary .p2 { bottom: 0; font-size: 16px }
.warp2 .case-more { display: block; width: 148px; height: 40px; margin: 100px 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: 80px 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: #6a6a6a }
.footer1 { width: 390px }
.footer1-1 { width: 102px; font-size: 12px; text-align: center; color: #6a6a6a }
.footer1-2 { width: 225px; font-size: 12px; color: #6a6a6a }
.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 #6a6a6a; margin-bottom: 14px; color: #999 }
.footer2 dl dd { height: 24px }
.footer2 dl dd a { color: #6a6a6a; 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: #757575 }
.footer-bottom { margin-top: 25px }
.footer-bottom h3 { color: #6a6a6a; font-size: 14px }
.footer-bottom ul li { width: 12.5%; float: left }
.footer-bottom ul li a { font-size: 12px; color: #6a6a6a; 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: 150px }
.case-list { width: 94%; margin: 150px auto 0 }
.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:left; position: absolute; z-index: 11; left: 0 }
.case-list .warp-type-list li{ float:left; position: absolute; z-index: 11; left: 0 }
.case-list .warp-type-list .current { text-decoration: underline; color: #000; font-size: 12px }
.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; margin: 5px auto; }
.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("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: 24px }
.case-list .case-summary .p1 { top: 0 }
.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: 94%; margin: 0 auto; padding: 50px 0 }
.case-read .news-tool { display: none }
.case-read img { width: 100%; height: auto!important; float: left; display: block; background: url("loading.gif") no-repeat center; margin: 4px 0; }
.art_case { width: 100%; margin: 0 auto; overflow: hidden; }
.art_case p { width: 100%; margin: 2px 0px; line-height: 1.2em; }
.art_case img { width: 100%; height: auto!important; float: left; display: block; background: url("loading.gif") no-repeat center; margin: 4px 0; }
.art_case div { width: 100%; margin: 2px; line-height: 1.2em; }
.case-read img.small { width: 50%; }
.case-read-top { padding: 70px 0; color: #000; overflow: hidden; }
.case-read-top .left { width: 36%; text-align: right; font-size: 20px }
.case-read-top .right { width: 40%; margin-right: 11%; position: relative; height: 100% }
.case-read-top .right p { font-size: 14px; line-height: 1.5em; margin: 0px 0px 5px }
.case-read-top .right ul { position: absolute; bottom: 0 }
.case-read-top .right ul li { font-size: 14px }
.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("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("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;}
.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;width:25%;  }
.news-type ul li a { line-height: 30px; font-size: 14px; padding: 0 1px; 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: 'msyhl' }
.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;margin-top: 10px;}
.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; }
.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; 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: 80px 0; margin: 0 auto; overflow: hidden; width: 98%; }
/*单页引用*/
.art_about { width: 98%; margin: 0 auto; }
.art_about p { width: 97%; font-size: 16px; font-family: 微软雅黑; line-height: 1.5em; margin: 5px 2px; }
.art_about img { text-align: center; display: block; margin: 0 auto; padding: 0px 5px; max-width: 100%; }
.about1 { width: 1600px; margin: 0 auto }
.about3 { width: 1870px; margin: 0 auto }
.about1 .about1-left { float: left; font-size: 36px; color: #595757;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("about-fixed.jpg"); 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; }
.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 { width: 94%; margin: 26px auto 0px; display: block; }
.news-tool-right li { position: relative; height: 32px; float: left; margin: 0 7px }
.news-tool-right li .icon { background-image: url("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 }
/*列表页分页*/
.mainPage { margin: 5px 0; text-align: center; width: 100%; font-family: klkregular; overflow: hidden; }
.mainPage ul { width: 90%; display: block; margin: 0 auto; overflow: hidden; }
.mainPage ul li { display: inline; height: 25px; line-height: 25px; padding: 0 10px; color: #000000; font-size: 16px; margin: 0 5px; }
.mainPage ul li span { float: none; color: #171717; font-size: 14px; }
.mainPage ul li strong { font-weight: normal; }
.mainPage ul li a { color: #450f00; font-size: 18px; }
.mainPage ul li.thisclass { color: #171717; font-size: 18px; font-weight: bold; }
.mainPage ul li.thisclass a { color: #171717; }
.mainPage ul li a:hover, a:focus { color: #171717; text-decoration: none; }
/*案例页面内容*/
.art_case_main { width: 94%; padding: 0px 0px 15px; }
.art_case_main dl dt { width: 94%; font-size: 20px; }
.art_case_main dl dd { border-bottom: #191919 1px solid; width: 50%; font-size: 16px; }
.art_case_main dl { line-height: 35px; font-size: 17px; }
.art_case_main dl p { width: 100%; line-height: 25px; font-size: 14px; margin: 2px 0px; }
/*新闻页面内容*/
.art_neirong {}
.art_neirong p { line-height: 2em; font-size: 14px; margin: 2px; text-indent: 2em; }
.art_neirong img { display: block; margin: 0 auto; }
.art_neirong div { line-height: 2em; font-size: 14px; margin: 2px; text-indent: 2em; }
.art_neirong iframe{z-index:1;width: 85%;margin: 0 auto;display: block;}
 @media screen and (max-width:750px) {
.footer { display: none }
.banner { display: none }
.header { height: 60px }
.header-small { height: 40px }
.header .logo img { height: 30px; margin-top: 0px }
.header .meun-off { margin-right: 0 }
.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: 80px }
.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: 15px auto; width: 94% }
.header .logo { margin-left: 0 }
.header-small .header-in { margin: 5px auto }
.warp2 ul li { width:50%; float: left; position: relative; overflow: hidden }
.footer, .warp4, .warp3, .service { display: none }
.fullSlide { display: none }
.fullSlide2 { display: block !important }
.warp1 { width: 94%; margin: 0 auto; padding: 40px 0 0 }
.case-list { margin-top: 80px; width: 94% }
.case-list .warp-type { height: auto }
.case-list ul li { width: 100% }
.case-list .warp-type-list a { line-height: 24px; margin-right: 10px; 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: 30px }
.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: 30px 0 }
.case-read-top .right ul { bottom: 30px }
.case-fixed { display: none }
.news-read { width: 94%; padding: 80px 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 {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: 35px auto 0 }
.t-footer .t-footer-bottom .left { width: 55% }
.t-footer-top { font-size: 24px; height: 40px; line-height: 40px }
.t-back2top { display: block; width: 30px; height: 30px; background: url("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: 80px 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("about-fixed.jpg"); 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 }
}
@media screen and (max-width:768px) {
.footer { display: none }
.banner { display: none }
.header { height: 60px }
.header-small { height: 40px }
.header .logo img { height: 30px; margin-top: 0px }
.header .meun-off { margin-right: 0 }
.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: 80px }
.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: 15px auto; width: 94% }
.header .logo { margin-left: 0 }
.header-small .header-in { margin: 5px auto }
.warp2 ul li { width:50%; float: left; position: relative; overflow: hidden }
.footer, .warp4, .warp3, .service { display: none }
.fullSlide { display: none }
.fullSlide2 { display: block !important }
.warp1 { width: 94%; margin: 0 auto; padding: 40px 0 0 }
.case-list { margin-top: 80px; width: 94% }
.case-list .warp-type { height: auto }
.case-list ul li { width: 100% }
.case-list .warp-type-list a { line-height: 24px; margin-right: 10px; 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: 30px }
.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: 30px 0 }
.case-read-top .right ul { bottom: 30px }
.case-fixed { display: none }
.news-read { width: 94%; padding: 80px 0 10px;}
.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 {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: 35px auto 0 }
.t-footer .t-footer-bottom .left { width: 55% }
.t-footer-top { font-size: 24px; height: 40px; line-height: 40px }
.t-back2top { display: block; width: 30px; height: 30px; background: url("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: 80px 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("about-fixed.jpg"); 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 }
}
@media screen and (max-width:1024px) {
.footer { display: none }
.banner { display: none }
.header { height: 60px }
.header-small { height: 40px }
.header .logo img { height: 30px; margin-top: 0px }
.header .meun-off { margin-right: 0 }
.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: 80px }
.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: 15px auto; width: 94% }
.header .logo { margin-left: 0 }
.header-small .header-in { margin: 5px auto }
.warp2 ul li { width:50%; float: left; position: relative; overflow: hidden }
.footer, .warp4, .warp3, .service { display: none }
.fullSlide { display: none }
.fullSlide2 { display: block !important }
.warp1 { width: 94%; margin: 0 auto; padding: 40px 0 0}
.case-list { margin-top: 80px; width: 94% }
.case-list .warp-type { height: auto }
.case-list ul li { width: 100% }
.case-list .warp-type-list a { line-height: 24px; margin-right: 10px; 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: 30px ;padding: 80px 0 0 0;}
.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: 30px 0 }
.case-read-top .right ul { bottom: 30px }
.case-fixed { display: none }
.news-read { width: 94%; padding: 80px 0 10px;}
.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 {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: 35px auto 0 }
.t-footer .t-footer-bottom .left { width: 55% }
.t-footer-top { font-size: 24px; height: 40px; line-height: 40px }
.t-back2top { display: block; width: 30px; height: 30px; background: url("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: 80px 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("about-fixed.jpg"); 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 }
}
.position_weizhi{}
.position_weizhi a{}