@import "/statics/style/common.css";

    .btn-1{ background-position: 0 -301px; width: 98px; height: 23px; display: inline-block; text-align: center; line-height: 23px; color: #333;}
    .btn-1:hover{ background-position: 0 -250px; text-decoration: none;}
    .btn-2,.btn-qq,.btn-msn{ width: 120px; height: 30px; display: inline-block; line-height: 30px; line-height: 30px; font-weight: bold; color: #fff; text-align: center;}
    .btn-2{ background-position: 0 -800px;}
    .btn-2:hover{ color: #fff;}
    .btn-3{ background-position: 0 -751px; width: 102px; height: 24px; text-align: center; font-weight: bold; color: #fff; border: none; cursor: pointer;}
    .btn-qq{ background-position: 0 -850px; }
    .btn-msn{ background-position: 0 -900px;}
    .icon-tit{ background-position: -101px -1051px; width: 13px; height: 33px; display: inline-block; vertical-align: top;}
    .icon-view-card,.icon-view-card-active,.icon-view-list,.icon-view-list-active{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px;}
    .icon-view-card{ background-position: -51px -1051px;}
    .icon-view-card-active{ background-position: -51px -1101px;}
    .icon-view-list{ background-position: 0 -1101px;}
    .icon-view-list-active{ background-position: 0 -1051px;}
    .dialog-close{ background-position: -101px -150px; width: 14px; height: 14px; font-size: 0;}
    .icon-face{ background-position: 0 -950px; width: 120px; height: 100px; display: inline-block; vertical-align: middle;}
    
    
    .album-bg{width: 120px; height: 160px; padding: 3px 5px 7px; background-position: 0 0; margin: 0 auto; display: block; text-align: center; overflow: hidden;}
    .icon-play{ background-position: 0 -200px; width: 56px; height: 57px; display: inline-block;}

.header{ width: 960px; margin: auto;}
    .h-top{ padding: 2px 0; overflow: hidden;}
    .h-top h1{ color: #005094;}
    .h-top .r{ float: right;color: #666; margin-top:5px;}
    .h-top .r div{ text-align: right;}
    .h-top .r .h-links{ padding: 5px 0; }
    .h-top .r .split{  margin: 0 10px; color: #999;}
    .h-top .r a{ color: #666;}
    .h-txt-search{border:1px solid ;height:20px;padding:2px; border-color: #8d8d8d #d5d5d5 #d5d5d5 #8d8d8d; color: #999; width: 280px; vertical-align: middle;}
    .h-btn-search{ background-position: 0 -101px; width: 84px; height: 28px; border: none; cursor: pointer; vertical-align: middle; _vertical-align: top;}
    
    .h-bottom{ overflow: hidden;}
    .h-bottom .com{ padding: 16px 0 0 34px; overflow: hidden;}
    .h-bottom .com .img{ width: 160px; height: 70px; float: left; text-align: center;overflow: hidden;}
    .h-bottom .com .img img{ max-width: 100%; max-height: 100%; vertical-align: middle; _width:expression(this.width > 160 ? "160px" : this.width +'px');_height:expression(this.height > 70 ? "70px" : this.height + "px");}
    .h-bottom .com .img i{ height: 100%; vertical-align: middle; display: inline-block;}
    .h-bottom .com .name{ float: left;width:730px;height:45px;overflow:hidden; font-size: 30px; font-family: 微软雅黑,黑体; color: #fff; font-weight: normal; margin:10px 15px; }
    .h-bottom .menu{ position: absolute; left: 35px; bottom: 0; height: 31px;}
    .h-bottom .menu a{ width: 105px; height: 31px; text-align: center; line-height: 31px; color: #fff; font-weight: bold; font-size: 14px; display: inline-block; background-position: 0 -51px; float: left; margin-right: 3px;}


.wrapper{ width: 960px; margin: 20px auto; }
    
    /* 面包屑,所有地方通用 */
    .path{ height: 24px; line-height: 24px; padding-bottom: 5px; color: #000; overflow:hidden}
    
    /* 侧栏结构，可通用 */
    .side{ width: 240px; float: left; margin-right: 20px; overflow: hidden;}
        
        .side-item{ margin-bottom: 10px;}
        
        .side-item-tit{ height: 32px; line-height: 30px; background-position: 0 -200px; background-repeat: repeat-x;}
        .side-item-tit h3{ text-indent: 1em; font-size: 14px; color: #000;}
        
        .side-item-box{ padding: 10px;}
        
        .txt-list{ overflow: hidden;}
        .txt-list li{ background-position: -100px -1088px; padding-left: 15px; height: 30px; line-height: 30px; overflow: hidden;}
        .txt-list li a{ font-size: 14px;}
        .txt-list li a.on{ font-weight: bold; color: #000;}
        
        .side-item .s-txt{ border: 1px solid #d0d0d0; height: 20px; padding: 4px; line-height: 20px; color: #999; vertical-align: middle; width: 160px;}
        .side-item .s-btn{ background-position: 0 -150px; width: 64px; height: 28px; vertical-align: middle; border:none; margin-left: 2px;}
        
        .side-item .info{ padding: 5px 5px 0;}
        .side-item .info h4{ font-size: 14px; margin-bottom: 5px;}
        .side-item .info p{ height: 25px; line-height: 25px;}
        .side-item .info .btn-bar{ padding: 15px 0 0;}
        
    /* 主要内容区 */    
    .main{ width: 700px; float: left; overflow: hidden;}
    .main .com-info{ margin-bottom: 15px;}
    .main .com-info .tit{ margin-bottom: 6px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; height: 24px; line-height: 24px; padding-left: 10px;}
    .main .com-info .tit h3 { font-size:16px; font-family:"微软雅黑"}
    .main .com-info .com-detail{ line-height: 22px; padding: 0 6px;}
    
    .main .relatinginfo { font-size:14px; padding-bottom:20px; margin-left: auto;    margin-right: auto;    width: 700px;}
	.main .relatinginfo li { color:blue; font-size:14px; }
	.main .relatinginfo li a { color:blue; }
	.main .relatinginfo li a:hover{ text-decoration: underline; color:#b40000;}
    
        .pro-view{ border-top: 1px dotted #ccc; padding-top: 12px; overflow: hidden; width: 700px;  }
        .pro-view .img-show{ float: left; margin-right: 30px;}
        .pro-view .img-show .big-img{ width: 220px; height: 220px; border: 1px solid #ccc; display: block; margin-bottom: 10px; text-align: center; overflow: hidden;}
        .pro-view .img-show .big-img img{ max-width: 100%; max-height: 100%; vertical-align: middle;_margin-top:-1px;}
        .pro-view .img-show .big-img i{ height: 100%; vertical-align: middle; display: inline-block;}
        .pro-view .img-show .s-imgs{ overflow: hidden;}
        .pro-view .img-show .s-imgs a{ float: left; margin-right: 3px;width: 40px; height: 40px; border: 1px solid #ccc; overflow: hidden;}
        .pro-view .img-show .s-imgs a.on{ border-color: #f60;}
        .pro-view .img-show .s-imgs a.last{ margin-right: 0;}
        .pro-view .img-show .s-imgs img{ max-width: 100%; max-height: 100%; vertical-align: middle; _margin-top:-1px;}
        .pro-view .img-show .s-imgs i{ height: 100%; vertical-align: middle; display: inline-block;}
        .pro-view .info-show{ float: left; width: 448px;}
        .pro-view .info-show h3{ color: #000; font-size: 20px; font-family: 黑体; font-weight: normal; line-height: 30px; margin-bottom: 10px;}
        .pro-view .info-show .info-list{ line-height: 28px; color: #666; margin-bottom: 30px; font-size: 14px;}
        .pro-view .info-show .btn-bar{ padding-bottom: 10px;}
        .pro-view .info-show .btn-bar a{ margin-right: 10px;}
        
        .pro-content{ border-top: 1px solid #ccc; margin: 15px 0;  padding: 15px 0; overflow: hidden;}
        .pro-content p{ width: 100%; overflow: hidden;}
        .pro-content p,.pro-content table{ margin: 0!important;}
        .no-content{ padding: 30px 0; font-size: 14px; text-align: center;}
        .video-bg{ width: 120px; padding: 3px; position: relative; background: #373737; margin: auto; height:120px; overflow:hidden;}
        .video-bg img{ width: 120px; height: 90px;}
        .img-list-l-4 li .video-bg .name{ height: 22px; line-height: 22px; width:120px; overflow:hidden;}
        .video-bg .name a{ color: #fff;}
        .video-bg .icon-play{ position: absolute; left: 38px; top: 30px; z-index: 101;}
        .video-bg .mark{ width: 120px; height: 90px; background: #ccc;opacity: .35; filter:Alpha(Opacity=35); position: absolute; left: 3px; top: 3px; z-index: 100;}
        
        .com-info{ overflow: hidden; width: 95%; margin: 0 auto 10px;  padding-top: 10px;}
        .com-info li{ float: left; width: 100%; margin-right: 26px; border-bottom: 1px solid #e1e1e1; line-height: 32px; overflow: hidden; background: #f1f1f1;}
        .com-info li label{  width: 20%; text-align: right;  font-weight: bold; float: left;}
        .com-info li .txt{ float: left; width: 78%; background: #fff; height: 100%;padding-left: 2%;}
		.aboutus { padding-bottom:10px; width:660px; margin:0 auto;}
		.aboutus h2 { font-size:16px; font-family:Microsoft yahei; margin-bottom:5px;}
		.aboutus p { color:#666; line-height:20px;}
		.aboutus p strong { color:#333;}
    /* 主要内容区，带框的结构 width=700px */
    .main-border{ margin-bottom: 10px;}
    .main-border .tit{ height: 33px; overflow: hidden;}
        .m-border-t-l{ float: left; width:5px; height: 100%; background-position: 0 -501px;}
        .m-border-t-m{ overflow: hidden; background-position: 0 -600px; height: 100%; background-repeat: repeat-x;float: left; line-height: 33px;}
        .m-border-t-m .more{ float: right; margin-right: 10px;}
        .m-border-t-m h3{ color: #000; text-indent: 0.5em; height: 33px; line-height: 33px; font-family:"微软雅黑"; font-size:16px;}
        .m-border-t-m h3 .name{display: inline-block; height: 33px; line-height: 33px;}
        .m-border-t-r{ float: right; width:5px; height: 100%; background-position: -115px -551px;}
    
    .main-border .box{ padding: 10px; border-top: none; overflow: hidden; font-size: 14px; zoom:1;}
    .main-border .box p{ margin-bottom: 5px; line-height: 22px;}
    
    /* 不带框的结构，标题栏带背景 */
    .main-tit-bg{ overflow: hidden; height: 35px; margin-bottom: 20px;}
        .m-tit-b-l{ float: left; background-position: 0 -350px; width: 5px; height: 100%;}
        .m-tit-b-m{ overflow: hidden; background-position: 0 -450px; background-repeat: repeat-x; height: 100%; float: left; }
        .w690{ width: 690px;}
        .w950{ width: 950px;}
        .w958{ width: 938px;}
        .w678{ width: 678px;}
        .m-tit-b-m .more{ float: right; margin: 10px 10px 0 0;}
        .m-tit-b-m h3{font-size: 16px; color: #000; text-indent: 1em; line-height: 35px; font-family: 微软雅黑;}
        .m-tit-b-r{ float: right;background-position: -115px -399px; width: 5px; height: 100%;}
        
    /* 图片列表 */
    .img-list-4{ overflow: hidden;}
    .img-list-4 li{ float: left; width: 160px;height:164px; margin-top: 12px; overflow: hidden; padding: 0 4px;}
    .img-list-4 li .img{ width: 100px; height: 100px; border: 1px solid #ccc; margin: auto; display: block; text-align: center; overflow: hidden; position:relative}
    .img-list-4 li img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
    .img-list-4 li .img i{ height: 100%; vertical-align: middle; display: inline-block;}
    .img-list-4 li .name{ text-align: center; height: 44px; line-height: 22px; font-size: 14px; margin-top: 5px; overflow: hidden;}
    
    .img-list-3{ overflow: hidden;}
    .img-list-3 li{ float: left; width: 220px; margin-bottom: 12px; overflow: hidden; padding: 0 5px; height: 290px;}
    .img-list-3 li .img{ width: 200px; height: 200px; border: 1px solid #ccc; margin: auto; display: block; padding: 3px; text-align: center; overflow: hidden; position:relative}
    .img-list-3 li .img img{ max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block;}
    .img-list-3 li .img i{ height: 100%; display: inline-block; vertical-align: middle;}
     .img-list-3 .short{display:none;}
    .img-list-3 li h5{ line-height: 22px; font-size: 14px; margin-top: 5px; overflow: hidden; font-weight: bold; margin: 10px 10px 5px; max-height: 44px;}
    .img-list-3 li .date{ padding: 0 10px;}
    
    .img-list-l-4{ overflow: hidden;}
    .img-list-l-4 li{ float: left; width: 200px; margin: 12px 0 0 12px; overflow: hidden; padding: 0 7px; height:220px;}
    .img-list-l-4 li p { width:200px; overflow:hidden;}
    .img-list-l-4 li .album-bg img{ max-height: 100%; max-width: 100%; vertical-align: middle;}
    .img-list-l-4 li .album-bg i{ height: 100%; vertical-align: middle; display: inline-block;}
    .img-list-l-4 li .name{ text-align: center; line-height: 22px; margin-top: 5px;}
    
    .img-list-l-4 li .honor-img{ width: 160px; height: 160px; border: 1px solid #ccc; display:block; text-align: center; margin: 0 auto 5px; overflow: hidden; padding:2px;}
    .img-list-l-4 li .honor-img i{ display: inline-block; vertical-align: middle; height: 100%;}
    .img-list-l-4 li .honor-img img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
    .img-list-l-4 li p{ text-align:left;white-space:nowrap;}
    
    /* 文章列表 */
    .news-list{ overflow: hidden; margin: 5px;}
    .news-list .img{ float: left; width: 100px; height: 100px; margin-right: 20px; border: 1px solid #ccc; display: block; text-align: center; overflow: hidden; position:relative}
    .news-list .img img{ max-width: 100%; max-height: 100%; vertical-align: middle;_margin-top:-1px;}
    .news-list .img i{ height: 100%; vertical-align: middle; display: inline-block;}
    .news-list li{ margin-bottom: 12px; padding: 0 6px 12px; border-bottom: 1px dotted #ccc; overflow: hidden; width: 98%;}
    .news-list li h5{font-size: 14px;}
    .news-list li .normal{ font-weight: normal;}
    .news-list li .short{ line-height: 18px; margin-bottom: 3px;}
    .news-list li .img160{ float: left; width: 120px; height: 120px; margin-right: 25px; border: 1px solid #ccc; text-align: center; overflow: hidden;}
    .news-list li .img160 img{ max-height: 100%; max-width: 100%; vertical-align: middle;_margin-top:-1px;}
    .news-list li .img160 i{display: inline-block; height: 100%; vertical-align: middle;}
    
    /* 窗口 */
    .dialog{ position: absolute; background: #fff; width: 640px; left: 0; top: 0;}
    .dialog .dialog-box{ border: 1px solid #d9d9d9; padding: 10px 0;}
    .dialog .tit{ height: 34px; overflow: hidden;}
    .dialog .tit .dialog-close{ float: right; margin: 10px 10px 0 0;}
    .dialog .tit h5{ color: #fff; font-size: 14px; line-height: 32px; padding-left: 10px;}
        .dialog-t-l{ background-position: 0 -650px; width: 5px; float: left; height: 100%;}
        .dialog-t-r{ background-position: -115px -700px; width: 5px; float: right; height: 100%;}
        .dialog-t-m{ background-position: 0 -1150px; float: left; background-repeat: repeat-x; height: 100%; width: 630px;}
        .dialog .box-light { margin:5px 0; padding:10px; width:570px;}
        .dialog .box-light .box-light-m{ border:1px solid #D8C9B8; background:#FFF9E3; padding:10px; border-bottom:none; width:568px; color:#893623}
        .dialog .box-light .box-light-b { background:url(view-bottom.jpg); height:14px; width:590px; overflow:hidden;}
    .tb-info{ width: 85%; margin: 0 auto;}
    .tb-info th{ width: 90px; text-align: right; font-weight: normal; vertical-align: top; padding: 5px 0 12px;}
    .tb-info td{ padding: 5px 0 12px;}
    .tb-info .text{ border: 1px solid #d0d0d0; height: 20px; padding: 2px; line-height: 20px; }
    .dialog .line{ border-bottom: 1px dotted #ccc; height: 1px; line-height: 1px; font-size: 0; margin: 15px auto; width: 590px;}
	.tb-info-diag { background:#8F0000; margin:10px; padding-bottom:10px; width:620px; _width:640px;}
	.tb-info-diag table { overflow:hidden; margin:0 15px 10px; width:96%; background:#F4F4F4; _width:590px;}
	.tb-info-diag table th { width:25%; line-height:24px; padding-left:5px; color:#666; text-align:right;}
	.tb-info-diag table td { line-height:24px; padding-left:5px; color:#000}
	.tb-info-diag .tb-info-diag-tit { background:#F07100; font-weight:700; color:#fff; text-align:left;}
	
	/* 新闻/案例展示页 */
	/* 左边 */
	.view , .commform { margin-bottom:10px; }
	.commform { border:#ccc 1px solid; }
	.view h1 , .view .titBar , .view .main-cnt , .view .page-cnt , .view .line , .view .tool , .view .related , .commform .cf-login , .commform .cf-send { width:100%; margin-left:auto; margin-right:auto; }
	.view h1 { line-height:30px; font-size:26px; margin:25px auto; text-align:center; font-weight:400; font-family:"微软雅黑","黑体";}
	.view .titBar { height:30px; text-align:center; color:#666; border-bottom:#ccc 1px solid; }
	.view .titBar span { margin:0 5px; }
	.view .summary { width:606px; height:41px; line-height:20px; overflow:hidden; padding:12px; background:#fafafa; border:#e8e8e8 1px solid; margin:15px auto;}
	.view .main-cnt { margin:20px auto; font-size:14px; line-height:160%; overflow:hidden; }
	.view .page-cnt { margin:15px auto; text-align:center; }
	.view .line { border:0; border-bottom:#ccc 1px dashed; margin-bottom:20px; }
	
	.view .tool { text-align:right; }
	.view .tool span { display:inline-block; width:16px; height:16px; margin-left:2px; cursor:pointer; }
	.view .tool span.favline { width:10px; color:#ccc; }
	.view .tool span.fav { width:50px; margin-left:6px; }
	.view .tool span.on { font-weight:700; }
	.view .related { font-size:14px; padding-bottom:20px; }
	.view .related p { line-height:30px; }
	.view .related strong { display:inline-block; font-weight:400; margin:0 0 0 5px; }
	.view .related span { color:#666; font-size:12px; margin-left:15px; }
	
	.commform .cf-tit { font-size:14px; font-weight:700; height:40px; line-height:40px; background:#f1f1f1; padding:3px 0 0 15px; }
	.commform .cf-msg { width:94%; margin:5px auto; border-bottom:#ccc 1px dashed; padding:5px; padding-bottom:10px; }
	.commform .cf-msg-r { background:#fafafa; border:#e8e8e8 1px solid; width:96%; margin:5px auto; padding:0 10px;}
	.commform .cf-msg p { line-height:22px; margin:10px 0 5px; color:#333; }
	.commform .cf-msg span { display:inline-block; margin-right:10px; color:#999; padding-right:20px; margin:5px auto; }
	.commform .cf-msg-add { width:620px; height:150px; margin:10px 0 10px 18px;background: #fff url(/images/comment-bg.gif) center center no-repeat;border:1px solid #A7A6AA; }
	.commform .cf-login { height:20px; line-height:20px; }
	.commform .cf-login a { margin-right:20px; }
	.commform .cf-send { margin:5px auto 30px; }
	.commform .cf-send .btn { border:none; width:97px; height:30px; line-height:30px; background-position:0 -400px; text-align:center; font-weight:700; color:#fff; }
	
	.pagebar{ text-align: right; margin: 0 auto; padding: 10px 0; width: 94%; word-spacing: 20px; display: none;}
	.login-iframe{ margin-left: 20px;}

    /*联系方式*/
	.contact-txt { line-height:30px; width:600px; margin-left:300px; font-size:14px;}
	.contact-txt p{ margin-left:30px; }
	.contact-menu {  margin-top:20px;}
	.contact-menu .btn-bar{ margin-bottom: 10px;}
	/*联系方式 end*/
    
    .mask{background: #000000; opacity: .30; filter:Alpha(Opacity=30); display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.footer{ width: 960px; margin: auto; text-align: center; border-top: 1px solid #ccc; padding: 15px;}

.exhibition-bg { background:url(zh-bg.jpg); width:238px; height:57px; color:#E5D0E1; font-size:12px; font-weight:bold}
.exhibition-bg i { font-size:26px; font-weight: blod;  margin:12px 0 0 185px; display: inline-block}
/*.exhibition-years { font-size:18px; margin-left:10px; margin-bottom:10px;}
.exhibition-bg-lf { width:88px; text-align:right;float:left;}
.exhibition-bg-rt { width:50px; text-align:left; float:right}*/
.icon-sdj { background:url(/product/style/images/sdj.png); width:38px; height:38px; top:3px; right:5px; position:absolute;}

#reImgView{ width: 200px; height: 200px; padding: 3px; border: 1px solid #e2e2e2; background: #f0f0f0; position: absolute; display: none; }
#reImgView a{ display: inline-block; background: #fff; width: 100%; height: 100%;overflow: hidden; text-align: center;}
#reImgView a img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#reImgView a i{ height: 100%; display: inline-block; vertical-align: middle;}
#reImgView .icon-arrow{ background:url(/images/arrow2.gif) no-repeat; width: 10px; height: 22px; position: absolute; top: 25px; left: -10px;}

body.editMode{font-size:14px;}

.gy-page{ margin: 15px auto; overflow: hidden; height:26px;}
.gy-page *{ vertical-align: middle;}
.gy-page a{ background: #fff; border: 1px solid #b6b6b6; height: 22px; line-height: 22px; text-align: center; display: inline-block; padding: 0 8px; margin-right: 5px;}
.gy-page a:hover{ border-color: #0b3b8c;}
.gy-page a[disabled=disabled]{ color: #ccc;}
.gy-page a[disabled=disabled]:hover{ border-color: #b6b6b6; text-decoration: none;}
.gy-page .p-current{ background: #0b3b8c; color: #fff; font-weight: bold; height: 24px; line-height: 24px; padding: 0 8px; display: inline-block; margin-right: 5px;}
.red{color:Red;}

.sdj-box { background:url(/statics/style/enterprises/themes/icon-sdj-bg.gif) no-repeat; background-color:#EAF1F7; height:85px; width:420px; border:1px solid #ccc; padding:5px 10px;}
.sdj-box p { margin-bottom:10px;}
.sdj-box p .red { color:#A40000; font-weight:700}
.icon-sdj-down,.icon-sdj-tjr { background:url(/statics/style/enterprises/themes/icon-sdj-btn.gif); width:96px; height:22px; display:inline-block; margin-right:5px; text-indent:-9000px;}
.icon-sdj-tjr { background-position:0 -24px; width:74px; height:22px; }

.pop-window { border:1px solid #ccc; background:#fff; width:500px; z-index:999; position:absolute; }
.pop-tit { background:url(/statics/style/enterprises/themes/pop-sdj-tit.gif) repeat-x; height:30px; line-height:30px; padding:0 10px;}
.pop-tit h3 { float:left; font-weight:700; color:#666;}
.pop-tit .close { float:right; font-size:12px; font-weight:700; text-decoration:none;}
.voters-list { margin:10px; overflow:hidden}
.voters-list li { width:75px; height:95px; margin:5px 10px; display:inline; float:left; text-align:center;}