@charset "utf-8";
/* CSS Document */

.outer { zoom: 1; }    /*==for IE6/7 Maxthon2==*/
img{ max-width:100%}
.outer:after { clear: both; content: '.'; display: block; width: 0; height: 0; visibility: hidden; }
body { width: 100%; font-family: "微软雅黑", Arial; background: #fff; overflow-x: hidden; }
a:hover { text-decoration: none }
a:focus { outline: none; }
header { position: fixed; left: -240px; width: 240px; background: White; -webkit-transition: left .3s ease-in-out 0s; -moz-transition: left .3s ease-in-out 0s; -ms-transition: left .3s ease-in-out 0s; -o-transition: left .3s ease-in-out 0s; transition: left .3s ease-in-out 0s; z-index: 99; }
header.active { left: 0px; background:#0088d6;}
header .box { margin:0px 1px 0px 0px; text-align: right; }
header .box .wechat { margin-top:0px;}
header .box .wechat img { width: 100%; height: 100%; margin-bottom: 10px; }
header .box .wechat p{padding-right:8px}
header .box .wechat i { float: right; display: block; margin: 3px 0 0 9px; width: 9px; height: 14px; background: url(../images/icons.png) no-repeat top right; }
header .box .wechat2 { margin:0 auto;width:50%;}
header .box .wechat2 img {margin-bottom: 10px; margin-top:23px; }
header .box .wechat2 p{padding-right:8px}
header .box .wechat2 i { float: right; display: block; margin: 3px 0 0 9px; width: 9px; height: 14px; background: url(../images/icons.png) no-repeat top right; }
header .box nav { width:55%; margin:0 auto; }
header .box nav ul { position: relative; list-style: none; padding: 0px; }
header .box nav ul li a { display: block; position: relative; width: 100px; padding: 4px 15px 8px 15px; color: #333; font-size: 14px; text-align: center; text-decoration: none; z-index: 10; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
header .box nav ul li.bg { position: absolute; top: 0px; width: 130px; height: 32px;background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
header footer { position: absolute; bottom:0px; right: 30px; color: #fff; font-size: 12px; line-height: 22px; text-align: right; }
header footer a { color: #666; }
header footer a:hover { color: #333; text-decoration: none; background:#fff;border-bottom: 1px dotted #333; }
header footer u { margin: 0 5px; text-decoration: none; }
header footer p { line-height: 20px; margin: 0; }
section.toolbar {width: 100%; height:210px; background: #eff2f4; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 100; }
section.toolbar.show { position: absolute; background: transparent !important; }
section.toolbar.active { margin-left: 130px; background:url(../images/dzpx.jpg) no-repeat; }
.toolbar a.homelink, .toolbar .logo, .toolbar .mini, .toolbar .miniBtn, .footWechat { display: none; }
.toolbar .switch { float: left; margin: 20px 0px 0px 50px; color: #333; font-size: 24px; cursor: pointer; z-index: 10; }
.toolbar.show .switch { color: White; }
.toolbar .category { float: left; font-size:14px; margin: 22px 0px 0px 30px; }
.toolbar .category i{font-style:normal;margin:0 10px}
.toolbar .btn { line-height: 12px; padding-bottom: 6px; color: #777; font-family: "宋体"; font-size: 12px; }
.toolbar .btnList { float: left; margin: 18px 0px 0px 30px; }
.toolbar .btnList .link { margin-left: 5px; }
.toolbar .btnList .link .btn { line-height: 16px; padding-bottom: 8px; color: #333; font-family: "微软雅黑"; font-size: 14px; border: 1px solid #ccc; background: transparent; }
.toolbar.show .btnList .link .btn { color: White; }
.toolbar .btnList .link .btn span.glyphicon-arrow-left { margin-right: 8px; }
.toolbar .btnList .link .btn span.glyphicon-arrow-right { margin-left: 8px; }
.toolbar h1 { float: left; margin-left: 40px; font-size: 24px; }
.toolbar h1 .glyphicon { margin: 0px 15px; font-size: 18px; }
section.content { position: absolute; top:210px;width: 100%; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; background:url(../images/rcbj.gif) no-repeat center center;}
section.content.active { left: 240px;  }
.caselist ul.items { top: 0px; }
.caselist ul.items li { position: relative; padding: 0px; width: 228px; margin: 0px 10px 30px 10px; border-bottom: 2px solid #30AFE4; cursor: pointer; overflow: hidden; }
.caselist ul.items li .shade { position: absolute; width: 100%; height: 195px; margin-top: -100%; background: Black; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 10; }
.caselist ul.items li .shade u { display: block; margin: 0 auto; margin-top: 66px; width: 47px; height: 47px; background: url(../images/icons-5.png) no-repeat center; }
.caselist ul.items li p { height:46px;text-align: center; margin: 0; padding: 0 10px; color: #656766; padding-bottom: 10px; font-family: Arial, "宋体"; font-size: 12px; line-height: 26px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 10; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.caselist ul.items li strong { padding: 5px 0; display: block; text-align: center; color: #222; font-family: Arial, "微软雅黑"; font-size: 16px; font-weight: normal; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; ptext-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.caselist ul.items li .bg { position: absolute; bottom: 0; width: 100%; height: 100px; background-color: #fff; z-index: -1; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caselist ul.items li .bg u { display: block; position: absolute; width: 100%; height: 100px; margin-top: 150px; background-color: #30AFE4; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caselist ul.items li:hover .shade { margin-top: 0px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caselist ul.items li:hover .bg { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caselist ul.items li:hover .bg u { margin-top: 0px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caselist ul.items li:hover p { color: White; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caselist ul.items li:hover strong { text-decoration: none; color: White; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.caseshow .caption { height: 32px; margin: 40px 0 20px 60px; padding-left: 20px; font-size: 22px; background: url(../images/icons.png) no-repeat 0px -471px; }
.caseshow .words { margin: 0px 80px 0 60px; }
.caseshow .words>h1 { display: inline-block; margin: 0px 0px 15px 0px; font-size: 18px; line-height: 30px; text-indent: 28px; }
.caseshow .words>span.rel { margin-left: 28px; color: #888; line-height: 30px; }
.caseshow .words>span.rel a { color: #888; text-decoration: none; }
.caseshow .words>span.rel a:hover { border-bottom: 1px solid #999; }
.caseshow .words>span.rel u { margin: 0px 12px; color: #bbb; text-decoration: none; }
.caseshow .words p { line-height: 25px; text-indent: 28px; }
.caseshow .words>dl.tags { margin-top: 20px; }
.caseshow .words>dl.tags dt { display: inline-block; margin-left: 28px; }
.caseshow .words>dl.tags dt .glyphicon { margin: 0px 8px 0px 12px; }
.caseshow .words>dl.tags dd { display: inline-block; margin-top: 10px; }
.caseshow .words>dl.tags dd a { margin-right: 5px; padding: 2px 8px 4px 8px; color: White; background: #2fd0b5; text-decoration: none; }
.caseshow .demo { margin: 0 auto; margin-bottom: 30px; width: 1000px; border-left: 15px solid White; border-right: 15px solid White; background: White; }
.caseshow .demo p { margin: 0px; font-size: 0; }
.caseshow .demo img { width: 1000px; border-top: 15px solid White; border-bottom: 15px solid White; }
.artlist ul.items { position: relative; top: 0px; margin: 0px 50px; margin-top: 50px; padding: 0px; list-style: none; }
.artlist ul.items li { margin-bottom: 50px;}
.artlist ul.items li span.date { display: block; float: left; width: 58px; height: 66px; padding-top: 2px; color: White; font-size: 24px; text-align: center; background: url(../images/icons.png) no-repeat 0px -512px; }
.artlist ul.items li span.date u { display: block; margin-top: -5px; font-size: 16px; text-decoration: none; }
.artlist ul.items li a.thumb { display: block; float: left; margin-left: 12px; width: 230px; border: 3px solid White; background: White; }
.artlist ul.items li p.left img { width: 205px; height: 142px; }
.artlist ul.items li p.left { float: left; display: block; padding-right: 30px; }
.artlist ul.items li p.right { display: block; float: left; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.artlist ul.items li p.right span.title { display: block; }
.artlist ul.items li p.right span.title a { color: #333; font-size: 24px; text-decoration: none; }
.artlist ul.items li p.right span.title a:hover { color: #2fd0b5; }
.artlist ul.items li p.right span.rel { display: block; margin-top: 10px; color: #999; font-family: Arial, "宋体"; font-size: 12px; }
.artlist ul.items li p.right span.rel u { margin: 0 10px; color: #aaa; text-decoration: none; }
.artlist ul.items li p.right span.rel a { color: #999; text-decoration: none; }
.artlist ul.items li p.right span.rel a:hover { border-bottom: 1px solid #999; }
.artlist ul.items li p.right span.summary { display: block; margin-top: 10px; height: 92px; color: #8F9394; font-size: 14px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; }
.artlist ul.items li span.tags { display: block; margin-top: 8px; }
.artlist ul.items li span.tags .glyphicon { color: #2cc0a7; }
.artlist ul.items li span.tags a { margin-left: 10px; color: #2cc0a7; }
.artshow .box { position: relative; margin: 20px 0 0 60px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.artshow .box h1 { font-size: 30px; line-height: 42px; }
.artshow .box .rel { display: block; color: #999; padding-bottom: 30px; border-bottom: 1px solid #dadada; }
.artshow .box .rel a { color: #999; text-decoration: none; }
.artshow .box .rel a:hover { border-bottom: 1px solid #999; }
.artshow .box .rel u { margin: 0px 15px; color: #aaa; text-decoration: none; }
.artshow .box .words { padding-top: 50px; border-top: 1px solid White; }
.artshow .box .words p { margin-bottom: 30px; font-size: 18px; line-height: 36px; }
.artshow .box .words p a { margin: 0 3px; color: #3588be; text-decoration: none; border-bottom: 1px dotted #999; }
.artshow .box .words p a:hover { border-bottom: 1px solid #3588be; }
.artshow .box>dl.tags { margin-top: 40px; }
.artshow .box>dl.tags dt { display: inline-block; }
.artshow .box>dl.tags dt .glyphicon { margin: 0px 8px 0px 12px; }
.artshow .box>dl.tags dd { display: inline-block; margin-top: 10px; }
.artshow .box>dl.tags dd a { margin-right: 5px; padding: 2px 8px 4px 8px; color: White; background: #2fd0b5; text-decoration: none; }
.artshow .box .bdsharebuttonbox { margin-bottom: 40px; }
.artshow aside { position: fixed; right: -310px; width: 280px; border: 15px solid White; background: White; z-index: 100; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.artshow aside.active { right: 85px; }
.artshow aside .ad img { width: 280px; height: 210px; }
.artshow aside .caption { margin-top: 25px; height: 25px; border-bottom: 2px solid #eee; }
.artshow aside .caption h3 { display: inline-block; position: relative; top: -22px; padding-bottom: 8px; font-size: 18px; border-bottom: 2px solid #2fd0b5; }
.artshow aside ul.items { list-style: none; margin: 0px; padding: 0px; margin-top: 20px; }
.artshow aside ul.items li { margin-top: 20px; height: 70px; }
.artshow aside ul.items li a.thumb { float: left; margin-right: 15px; }
.artshow aside ul.items li a.thumb img { width: 101px; height: 70px; }
.artshow aside ul.items li .title { display: block; line-height: 22px; }
.artshow aside ul.items li .title a { color: #333; text-decoration: none; }
.artshow aside ul.items li .title a:hover { color: #2fd0b5; }
.artshow aside ul.items li .rel { margin-top: 5px; display: block; color: #aaa; }
.artshow aside ul.items li .rel .glyphicon { margin: 0px 5px 0px 15px; }
.taglist ul.items { position: relative; top: 0px; margin: 0px 40px; margin-top: 20px; padding: 0px; list-style: none; }
.taglist ul.items li { float: left; width: 100%; padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px dotted #d3d3d3; }
.taglist ul.items li a.thumb { display: block; float: left; margin-left: 12px; width: 115px; height: 80px; border: 3px solid White; background: White; }
.taglist ul.items li a.thumb img.product { margin-top: 6px; }
.taglist ul.items li p { display: block; float: left; margin-left: 30px; }
.taglist ul.items li p span.title { display: block; }
.taglist ul.items li p span.title a { color: #333; font-size: 20px; text-decoration: none; }
.taglist ul.items li p span.title a:hover { color: #2fd0b5; }
.taglist ul.items li p span.rel { display: block; margin-top: 8px; }
.taglist ul.items li p span.rel u { margin: 0 10px; color: #aaa; text-decoration: none; }
.taglist ul.items li p span.rel a { color: #333; }
.taglist ul.items li span.tags { display: block; margin-top: 8px; }
.taglist ul.items li span.tags a { margin-left: 10px; color: #333; }
.taglist ul.items li span.tags a.active { color: #2cc0a7; }
.paging { margin: 0px 0px 30px 40px; }
.qzPagination { display: inline-block; height: 35px; }
.qzPagination .total { padding-right: 8px; }
.qzPagination span { display: block; float: left; width: 35px; height: 35px; margin: 0 5px; font-size: 16px; line-height: 34px; text-align: center; background: #f6f6f6; }
.qzPagination a { margin: 0 5px; display: block; float: left; width: 35px; height: 35px; border: #dfdfdf 1px solid; color: #555; font-size: 14px; line-height: 34px; text-align: center; text-decoration: none; background: #f6f6f6; }
.qzPagination a:hover { color: #fff; background: #1c87cf; }
.qzPagination span.current { position: relative; border: #2fd0b5 1px solid; color: White; font-family: Arial; background: #1C87CF; }
.qzPagination span.disabled { border: #dfdfdf 1px solid; color: #aaa; cursor: not-allowed; }
.qzPagination .prev { background: url(../images/leftnav.jpg) no-repeat center #F6F6F6; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.qzPagination .next { background: url(../images/rightnav.jpg) no-repeat center #F6F6F6; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.qzPagination .prev:hover { background: url(../images/leftnav2.jpg) no-repeat center #1c87cf; }
.qzPagination .next:hover { background: url(../images/rightnav2.jpg) no-repeat center #1c87cf; }
.dock { position: fixed; right: 10px; bottom: 45px; width: 160px; z-index: 200; }
.dock ul.icons { position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; margin-bottom: 5px; background: url(../images/icons.png) no-repeat; background-color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; z-index: 210; }
.dock ul.icons li.active i { background-color: #222; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.dock ul.icons li.up i { background-position: -63px -150px; }
.dock ul.icons li.up.active i { background-position: -63px -150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.dock ul.icons li.tel i { background-position: -62px -108px; }
.dock ul.icons li.im i { background-position: -63px -20px; }
.dock ul.icons li p { display: block; position: absolute; right: 5px; padding: 5px 10px 5px 15px; height: 38px; font-size: 12px; line-height: 20px; border: 1px solid #333; border-right: none; background: #222; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201; }
.dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.dock ul.icons li.tel p { top: 55px; width: 80px; color: #ddd; font-family: Arial, "宋体"; }
.dock ul.icons li.im p { top: 110px; width: 100px; }
.dock ul.icons li.im p a { display: block; width: 100%; height: 50px; line-height: 34px; color: #2fd0b5; font-size: 14px; text-align: center; text-decoration: none; }
.dock ul.icons li.im p a:hover { color: White; }
.list-inline a { position: relative; display: block }
.list-inline img { height: 195px; width: 228px; }

.zidingnew-title a { display: block; font-size: 22px; color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wid { height: 25px; border-radius: 2px 0 2px 0; width: 5px; background: #147BE0; margin-right: 20px; display: inline-block; margin-bottom: -4px }
.ziding-newbox dd p { margin: 0; display: block; height: 120px; color: #929395; line-height: 24px; font-size: 14px; overflow: hidden; }
.zidingnew-fu { font-size: 14px; color: #98989A; margin-top: 10px; margin-bottom: 20px; }
.zidingnew-fu u { width: 20px; display: inline-block }
.ziding-newbox dd a { color: #62B1FF; font-size: 14px; }
.nav-new { padding-left: 90px; background:url(../images/jt.gif) no-repeat 50px center; margin-bottom:30px;}
.nav-new a { display: inline-block; padding: 0 27px; height: 32px; line-height: 32px; font-size: 14px; color: #000; background: #fff; border-radius: 4px; margin-right: 14px;    border: 1px solid #EEF2F5; }
.nav-new a:hover, .nav-new a:focus { background: #147BE0; color: #fff; }
a.nav-newbg { background: #147BE0; color: #fff; }
/*公司历程*/
.zi-licheng { margin-top: 60px }
.ziding-2-title strong { font-weight: normal; display: inline-block; font-size: 36px; color: #3196DA; }
.ziding-2-title .fu-title { font-size: 22px; color: #3196DA;padding-bottom:25px}
.ziding-2-title .jian-jie { font-size: 33px; text-align: left; color: #3197d9; }

.zi-licheng ul { list-style: none; padding: 0;padding-top:30px}
.zi-licheng ul li { line-height: 35px; background: url(../images/icons-2.jpg) no-repeat left 13px; padding-left: 20px; }
.fu-title em { font-size: 16px; font-weight: bold }
.ziding-2-title .jian-jie span { display: block }
.lichengico img{width:100%}
.gaikuo-bottom{font-size:22px;color:#009cdf}
/*-------------------------*/




@media (max-width:1300px) {
.caselist ul.items li { width: 228px; margin: 0 10px 10px 10px }
}
@media (min-width:1022px) {
	ul.chanpin-ul{
		margin-left:40px
		}
	}

@media (max-width:1100px) {section.toolbar.active{ display:none;}.toolbar a.homelink{ display:none;}.toolbar a.homelink .glyphicon{margin:0px;}.toolbar .category{margin:0px; display:none;font-size:0px;}#navnav-1{    padding-top: 10px; background:#B3C6FF;}section.content{ top:0px;}.nav-new{margin-top: 4%;}
header { width: 0px; }
header, header.active, .toolbar .switch { display: none; }
section.toolbar.active, section.content.active { left: 0px; }
section.toolbar { background: White; height:90px; }
/*.toolbar a.homelink { float: left; display: inline; }*/

.toolbar .logo { display: block; float: left; margin: 14px 0px 0px 30px;max-width:300px; }

.toolbar .btnList { margin: 12px 30px 0px 0px; float: right; }
.toolbar h1 { float: right; margin: 16px 35px 0px 0px; font-size: 20px; }
.toolbar h1 .glyphicon { margin: 0px 12px; font-size: 20px; }
.artlist ul.items { margin-left: 30px; }
.artshow aside { margin-top: 28px; }
.artshow aside ul.items li:nth-child(4) { display: none; }
}

.ziding-title-newcot { margin-left: 50px; }
.ziding-title-newcot h1 { font-size: 22px; color: #000 }
.new-box-cent { line-height: 28px; color: #666666; margin: 0 50px; text-align: justify }
.new-box-cent p { margin: 0 }

@media (max-width:1028px) {
.new-box-cent { margin: 0 2% }
.ziding-title-newcot { margin: 0 2% }
.ziding-title-newcot h1 { font-size: 18px }
.zidingnew-fu { font-size: 12px }
.zidingnew-fu u { width: 8px }
}

@media (max-width:800px) {
	.dropdown-menu>li>a{ text-align:center}
.zidingnew-fu { margin-bottom: 10px }
.zidingnew-title a { font-size: 18px; }
.toolbar .category, .toolbar .btnList { display: none; }
.toolbar .mini { display: block; margin: 14px 30px 0px 0px; float: right; }
.toolbar .mini ul.dropdown-menu { min-width: 100px; }
.toolbar .mini .link { margin: 0px; }
.toolbar .mini .link .btn { padding: 6px 8px; }
.artlist ul.items { margin-right: 30px; }
.artshow .box { margin-left: 30px; }
.artshow aside, .dock { display: none; width: 0px; }
.caseshow .caption { margin-left: 40px; }
.caseshow .words { margin: 0 30px 0 40px; }
.footWechat { display: block; margin: 0 auto; margin-bottom: 30px; width: 156px; }
.footWechat img { border: 3px solid White; }
.footWechat p { margin-top: 10px; text-align: center; }
.footWechat i { display: none; background: none; }
}

@media (max-width:700px) {
.artlist ul.items li p.left { display: none; width: 0px; }
.artshow .box h1 { font-size: 24px; line-height: 40px; }
.caseshow .words>dl.tags dt { margin-left: 0px; }
.taglist ul.items li a.thumb { display: none; }
.taglist ul.items li p { margin-left: 0px; }
}

@media (max-width:640px) {
.ziding-2-title .fu-title span { width: 100%; text-align: right; display: block }
.ziding-2-title strong { width: 100%; text-align: center; font-size: 28px; }
.lichengico { display: none }
.nav-new a { margin: 3px }
.nav-new { text-align: center; margin:0; }
.gaikuo-bottom{font-size:20px;}

}

@media (max-width:420px) {
	
.ziding-2-title .jian-jie span { display: inline-block; font-size: 18px !important; }

.nav-new a { margin-right: 0; padding: 0 8px; margin: 3px; font-size: 13px }
.toolbar a.homelink .glyphicon, .toolbar .logo { margin-left: 15px; }
.toolbar .mini { margin-right: 15px; }
.toolbar h1 { margin: 19px 20px 0px 0px; font-size: 14px; }
.toolbar h1 .glyphicon { margin: 0px 7px; font-size: 14px; }
.artlist ul.items li p.right span.title a { font-size: 18px; line-height: 30px; }
.artshow .box h1 { font-size: 20px; line-height: 36px; }
.artshow .box .words p { font-size: 16px; line-height: 32px; }
.artshow .box dl.tags dt { display: none; }
.caseshow .caption { margin-left: 20px; }
.caseshow .words { margin: 0 10px 0 20px; }
.caseshow .words h1 { text-indent: 0px; }
.caseshow .words span.rel, .caseshow .words dl.tags dt { display: none; }
.taglist ul.items { margin: 0px 20px; }
}
.clear { clear: both; }
.hide { display: none; }
#BDBridgeWrap { display: none; }

.logo-fu { width: 150px; }
.ziding-fenye a { font-size: 14px; border: none; background: none; color: #656565;}
.ziding-fenye a:hover { color: #161212; background: none }
.mar-top { margin-top: 25px }
.erweibox { max-width: 995px; padding-top: 60px; margin: 0 auto }
.erweima-left img { display: block; float: left; max-width: 50% }
.erweima-left img:nth-child(odd) { margin-right: 10px; }
.erweima-right { width: 390px; }
.erweima-right p { color: #8B8B8B; font-size: 14px; line-height: 25px }
.erweima-left { float: left; margin-left: -50px }
.erweima-right { float: right }
.erwei-top { background: url(../images/wen-3.png) no-repeat center bottom; padding-bottom: 25px; }
.erwei-top span { color: #009cdf; display: block; text-align: center; font-size: 30px; padding-bottom: 12px; }
.erwei-top p { color: #333333; font-size: 18px; display: block; text-align: center }
.erwei-top strong { color: #009cdf; display: block; text-align: center; font-size: 26px; font-weight: normal }


@media (max-width:1020px) {
.erweima-right, .erweima-left { width: 100% }
.erweima-right { padding-bottom: 20px }
.erweima-left { margin-left: 0px }
.erweima-left img { width: 210px; margin: 0 auto; max-width: none; float: none }
.erweima-left img:nth-child(odd) { margin: 0 auto }
.erweibox { padding-top: 10px }
}
.pianhao {margin:0 50px; border-top: 1px solid #CCCCCC; margin-top: 20px; padding: 24px 0 }
.pianhao p { color: #666666; font-size: 14px }
.pianhao p a { color: #000;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.ziding-tu li { margin: 0 13px; margin-bottom: 23px; display: inline-block; }
.ziding-tu li a { display: block; position: relative }
.ziding-bg { position: absolute; width: 100%; height: 100%; display: none; top: 0; left: 0; z-index: 100 }
.ziding-bg i { position: absolute; width: 100%; height: 20%; background: #0561AE; opacity: .7;filter: alpha(opacity=70); bottom: 0; left: 0; z-index: -1 }
.ziding-bg span {font-size: 16px; color: #fff; display: block; text-align: center; padding-top: 138px; }
.ziding-bg2 { position: absolute; width: 100%; height: 100%; display: none; top: 0; left: 0; z-index: 100 }
.ziding-bg2 i { position: absolute; width: 100%; height: 20%; background: #0561AE; opacity: .7;filter: alpha(opacity=70); bottom: 0; left: 0; z-index: -1 }
.ziding-bg2 span {font-size: 16px; color: #ff6600; display: block; text-align: center; padding-top: 138px; }


.ziding-anli { max-width: 1100px; margin: 0 auto; height: 385px; }
.ziding-anli a img { max-width: 100% }
.ziding-anli a { max-width: 254px; max-height: 162px; display: block; margin: 12.5px 0; position: relative; overflow: hidden; }
.artlist ul.ziding-tu { margin: 0 50px 0 30px; margin-top: 0; }
.artlist ul.ziding-tu li { margin-bottom: 20px }
.new-box-cent img { max-width: 100% }
.artlist ul.ziding-tu img { width: 255px; height: 165px }
.content .ziding-bg p img{ width:19px; height:19px;} 
.zhao-title { color: #147BE2; font-size: 18px; text-align: center; display: block; width: 100%; font-family: "宋体"; font-weight: bold; }
.zhao-cont { font-size: 14px; padding-bottom: 25px; }
.zhaopin-lei { padding-bottom: 25px; }
.bumen-title { color: #666666 }
.zhao-lei-title span { font-size: 18px; color: #0068CB; font-weight: bold }
.zhao-lei-title p { font-size: 14px;  }
.gangwei { font-size: 14px; color: #676664; font-weight: bold }
.ziding-ncont { font-size: 14px; line-height: 25px }
#tab-title a{ cursor:pointer}
	#tab-cont{list-style:none;padding:0;padding-top:35px;}
.artlist ul.items.liebiao-zhaopin li{margin-bottom:0}
@media (max-width:500px) {
.erwei-top { display: none }
.pianhao{ margin-right:15px;margin-left:15px;}
}

@media (min-width: 800px){
	
	
	.artlist ul.items li{padding-left:30px;}
	.artlist ul.items li .zidingnew-title a{margin-left:-30px}
	.artlist ul.items.ziding-tu li{padding-left:0}
	.new-box-cent{padding-left:30px;}
	.new-box-cent.mar-top{padding:0px}
	div.ziding-title-newcot .zidingnew-fu{padding-left:30px}
	
	}
@media (max-width: 799px){.nav-new{background: url(../images/jt.gif) no-repeat 22px center;}
	.nav-new a{    margin-bottom: 5px;    padding: 0 18px; margin:0px 5px;}
	.dropdown-menu>li>a{ text-align:center}
.zidingnew-fu { margin-bottom: 10px }
.zidingnew-title a { font-size: 18px; }
.toolbar .category, .toolbar .btnList { display: none; }
.toolbar .mini { display: block; margin: 14px 30px 0px 0px; float: right; }
.toolbar .mini ul.dropdown-menu { min-width: 100px; }
.toolbar .mini .link { margin: 0px; }
.toolbar .mini .link .btn { padding: 6px 8px; }
.artlist ul.items { margin-right: 30px; }
.artshow .box { margin-left: 30px; }
.artshow aside, .dock { display: none; width: 0px; }
.caseshow .caption { margin-left: 40px; }
.caseshow .words { margin: 0 30px 0 40px; }
.footWechat { display: block; margin: 0 auto; margin-bottom: 30px; width: 156px; }
.footWechat img { border: 3px solid White; }
.footWechat p { margin-top: 10px; text-align: center; }
.footWechat i { display: none; background: none; }}
	@media (max-width:700px) {
	.nav-new{    padding-left: 58px;}
.artlist ul.items li p.left { display: none; width: 0px; }
.artshow .box h1 { font-size: 24px; line-height: 40px; }
.caseshow .words>dl.tags dt { margin-left: 0px; }
.taglist ul.items li a.thumb { display: none; }
.taglist ul.items li p { margin-left: 0px; }
.new-box-cent span img{ margin:0px 34%;}
}

@media (max-width: 790px){
	.zidingnew-fu{ text-align:center}
	}
	
	@media (max-width: 640px){
	
.ziding-2-title .fu-title span { width: 100%; text-align: right; display: block }
.ziding-2-title strong { width: 100%; text-align: center; font-size: 28px; }
.nav-new{    padding-left: 26px;}.nav-new a { margin: 4px ;    padding: 0px 50px;}

.lichengico { display: none }

.nav-new { text-align: center; margin:0; }
.gaikuo-bottom{font-size:20px;}


	}
@media (max-width:520px) {.nav-new a{    padding: 0px 29px;}

}

	@media (max-width: 420px){.nav-new a { margin-right: 0; padding: 0 18px; margin: 4px; font-size: 13px }}
	.ziding-2-title{ line-height:35px}
	.zi-licheng{padding-bottom:25px}
 .rongyu-box{ list-style:none;margin-left:-10px;padding:0;width:100%}
	  .rongyu-box li{text-align:center; display:block;float:left;margin-left:10px}
	   .rongyu-box li p{font-size:14px; line-height:14px;padding:18px 0}
     .rongyu-box li img{ display:block;}
	 .rongyu-box.rongyu-top li{width:210px;}
	 .rongyu-box.rongyu-bot li{width:360px;}
	 .rongyu-box.rongyu-bot li img{height:268px;width:360px;}
	 @media (max-width:480px){
		 
		 .rongyu-box{margin-left:0}
		  .rongyu-box li{ width:100%;margin-left:0}
		 .rongyu-box.rongyu-bot li{ text-align:center; display:table;float:none;width:100%;margin-left:0}
		  .rongyu-box li img{ display:inline-table}
		 .rongyu-box.rongyu-bot li img{height:168px;width:260px;}
		 .ziding-2-title strong{font-size:22px}
		.ziding-2-title .fu-title span{font-size:20px}
		 .ziding-2-title .jian-jie{font-size:18px}
		 
		 }
		 
			 @media (max-width:480px){
				 .artlist ul.ziding-tu,.chanpin-ul{ text-align:center; display:table;margin:0}
.caselist.content.active{ width:100% !important}
				 }
.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,.3);opacity:0}.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}
 /*内页上部导航*/
		 
		 
		 #neiyetop { position: fixed; height: 90px; color: #ccc; z-index: 999; width:100%; display:none; }
#neiyetop.fixed { height: 70px; }
#neiyetop .logo { position: fixed; top: 18px; left: 50px; width: 180px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed .logo { width: 150px; top: 16px; }
#neiyetop .words { display: block; position: fixed; top: 40px; left: 250px; letter-spacing: 1px; font-weight: normal; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed .words { top: 23px; left: 185px; }
#neiyetop nav.menu { margin: 35px 0 0 35px; text-align: center; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed nav.menu { margin: 22px 0 0 85px; }
#neiyetop nav.menu ul li { margin: 0 10px; font-size: 20px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed nav.menu ul li { margin: 0 10px; font-size: 16px; }
#neiyetop nav.menu ul li a { color: #ccc; letter-spacing: 2px; cursor: pointer; font-size: 16px }
#neiyetop nav.menu ul li a:hover, #neiyetop nav.menu ul li.active a { color: #fff; text-decoration: none; }
#neiyetop nav.menu .line { position: absolute; top: 32%; padding: 0 15px; margin-left: -15px; width: 75px; height: 32px; font-size: 3px; border-radius: 5px; background-color: #1C7AB7;  z-index: -1; }
#neiyetop.fixed nav.menu .line { top: 25%; margin-left: -10px; padding: 0 10px }
#neiyetop .hotline { position: fixed; top: 30px; right: 215px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed .hotline { top: 20px; right: 185px; }
#neiyetop .hotline span { position: fixed; color: #009cdf; font-family: Arial; font-weight: bold; font-size: 26px; letter-spacing: 1px; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed .hotline span { font-size: 20px; }
#neiyetop .hotline u { position: fixed; top: 30px; right: 230px; display: block; width: 30px; height: 30px; text-decoration: none; background: url(../images/icons.png) no-repeat; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed .hotline u { top: 20px; right: 195px; }
#neiyetop .hotline a { color: #00dfb9; }
#neiyetop .menu-icon { position: fixed; top: 34px; right: 48px; font-size: 24px; color: #009BDD; z-index: 99; display: none; }
#neiyetop.fixed .menu-icon { top: 18px; }
#neiyetop .menu-icon a { color: #009BDD; text-decoration: none; }
#neiyetop .menu-icon span { margin-left: 15px; -moz-opacity: 0.5; opacity: 0.5; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#neiyetop .menu-icon span.glyphicon-earphone { display: none; }
#neiyetop .menu-icon span:hover, #neiyetop .menu-icon span.active { -moz-opacity: 1; opacity: 1; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#neiyetop .bg { position: absolute; top: 0px; width: 100%; height: 100%; background: #111; -moz-opacity: 0.6; opacity: 0.6; z-index: -2; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
#neiyetop.fixed .bg { height: 70px; }







@media (max-width:1300px) {
#neiyetop .logo { top: 24px; left: 35px; width: 160px; }
#neiyetop .words { display: none; }
#neiyetop nav.menu { margin-left: -30px; }
#neiyetop.fixed nav.menu { margin-left: -55px; }
#neiyetop nav.menu ul li { margin: 0 8px; }
#neiyetop .hotline { right: 200px; }
#neiyetop.fixed .hotline { right: 170px; }
#neiyetop .hotline u { right: 203px; }
#neiyetop.fixed .hotline u { right: 180px; }
}

@media (max-width:1300px) {
#neiyetop .logo { left: 15px; }
}

@media (max-width:1080px) {
#neiyetop .words { display: block; left: 220px; }
#neiyetop .hotline { right: 285px; }
#neiyetop.fixed .hotline { right: 255px; }
#neiyetop .hotline u { right: 300px; }
#neiyetop.fixed .hotline u { right: 265px; }
#neiyetop .menu-icon { display: block; }
#neiyetop nav.menu { position: fixed; width: 100px; top: 80px; display:none; right:0px; margin: 0px; padding-top: 30px; border: 1px solid #000; border-top: 1px solid #00dfb9; border-right: none; background: #3a3a3a; }
#neiyetop.fixed nav.menu { top: 70px; margin: 0px; }
#neiyetop nav.menu.active { display: block; margin: 0px; right: 0px; }
#neiyetop nav.menu ul li, #neiyetop.fixed nav.menu ul li { margin: 0px; margin-left: 5px; width: 73px; padding: 10px 12px; font-family: "微软雅黑"; font-size: 14px; text-align: center; }
#neiyetop nav.menu ul li.active { background: #111; }
#neiyetop nav.menu .line { -moz-opacity: 0; opacity: 0; }
#neiyetop .list-inline{ margin-left:0}
}

@media (max-width:720px) {
#neiyetop { height: 54px; }
#neiyetop .logo, #neiyetop.fixed .logo { top: 10px; left: 20px; width: 150px; }
#neiyetop .words { display: none; }
#neiyetop .menu-icon, #neiyetop.fixed .menu-icon { top: 18px; right: 30px; }
#neiyetop nav.menu, #neiyetop.fixed nav.menu { height: 100%; width: 90px; top: 55px; padding-top: 60px; }
#neiyetop nav.menu ul li, #neiyetop.fixed nav.menu ul li { margin-left:0px; width: 90px; padding: 10px 0px; font-size: 12px; }
#neiyetop .hotline, #neiyetop.fixed .hotline { top: 21px; right: 218px; }
#neiyetop .hotline span { font-size: 20px; }
#neiyetop .hotline u, #neiyetop.fixed .hotline u { top: 24px; right: 223px; width: 15px; height: 21px; background: url(../images/icons.png) no-repeat 0px -34px; }
}

@media (max-width:460px) {
#neiyetop.fixed, #neiyetop.fixed .bg { height: 55px; }
#neiyetop .logo, #neiyetop.fixed .logo { width: 120px; }
#neiyetop .menu-icon, #neiyetop.fixed .menu-icon { top: 13px; }
#neiyetop .menu-icon span.glyphicon-earphone { display: inline; }
#neiyetop nav.menu, #neiyetop.fixed nav.menu { top: 58px; }
#neiyetop .hotline, #neiyetop.fixed .hotline { display: none; }
}
@media (min-width:721px) {


	}
@media (max-width:721px) {
	#navnav-1{padding-top:50px}

	}