/**
 
 @Name: layuiNetCompany - 
 @Author: longhaiyan
 @Copyright: layui.com
 
 */


body{background: #fff;}
*{padding:0px;margin:0px;}


/** 首页 */
.logo-title{display:inline;font-size: 15px;font-family: 'Microsoft YaHei';letter-spacing: 2px;font-weight: bold;color:#00428e;}

/*首页--导航部分*/
.nav{width: 100%; height: 70px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; /*position: fixed;*/ left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s}
.nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{height:100%;position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 70px;}
.nav .nav-list{display: inline-block; height: 60px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #00428e; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
.nav .layui-nav *{font-size: 16px;}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #444;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 4px; background-color: #ee7701;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #ee7701;}
.nav_a_active{color:#ee7701 !important;}

/*首页-主体-产品轮播图*/
.main-banner img{width:100%;height:100%;}
.banner_iti {width: 100%;height:50px;margin: auto;text-align:center;background-color:#fff;padding-top:20px;}
.banner_it{width: 100%; min-height: 132px; padding-bottom:10px; height:auto;color: #000;overflow: hidden;background-color:#fff;}
.banner_litem{display:inline;margin-top:10px;padding-left:150px;}
.banner_litem a img{height:43px;width:50px;}
.txt .title{font-size: 32px;color:#00428e;line-height:60px;float:left;font-family: 微软雅黑;font-weight: bold;}
.txt .cont{}
.txt .cont p{font-size:15px;color:#222;line-height:26px;text-align:left;text-indent:20px;}
.main-hr-bg{width:100%;height:7px; background: -webkit-linear-gradient(#e5e5e5,#fff); -o-linear-gradient(#e5e5e5,#fff); -moz-linear-gradient(#e5e5e5,#fff); linear-gradient(#e5e5e5,#fff); }



/*首页--主体-新闻中心、公司简介、招贤纳士*/
.main-snews .layui-container{padding-top:40px;}
.main-snews .content{position: relative;height:280px; border: 1px solid #e1e1e1;}
.main-snews .content .content-left{width: 25%;height:87%;background-color:#00428e;padding-top:35px;padding-left:30px;}
.main-snews .content .content-left h3{font-size: 30px;color: #FFF;line-height: 30px;}
.main-snews .content .content-left p{line-height: 30px;color: #81a1ca;}
.main-snews .content .content-left .F1_l_gd{width: 68px;height: 27px;font-size: 0;position: absolute;bottom: 30px;}
.main-snews .content .content-right{box-sizing: border-box; background: #FFF; padding: 10px 10px 10px 20px; width: 75%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-snews .content .content-right.F1_l_r {width: 380px;margin-left: 28px;position: relative;}
.fl {float: left;}
.F1 .F1_l .F1_l_r{position: relative;}
.F1 .F1_l .F1_l_r li { border-bottom: 1px solid #e1e1e1;padding: 20px 0 20px;overflow: hidden;opacity: 0;top: 284px;position: relative;background: #FFF;}
.F1_l_r li .F1_l_sj {width: 60px;height: 51px;border: 1px solid #bfbfbf;margin-right: 10px;border-radius: 4px;text-align: center;color: #000;}
.F1_l_r li h2 {font-size: 14px;font-weight: inherit;color: #000;line-height: 28px;}
.F1_l_r li span {height: 20px;overflow: hidden;display: block;color: #999;}
.F1_l_r li .F1_l_sj b {font-size: 20px;display: block;padding-top: 3px;padding-bottom:4px;font-weight:800;}
.main-snews .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-snews .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}
#main-news-ul li{top: 0px; opacity: 1;margin-bottom:20px;margin-top:15px;}

/*首页—主体—我们的优势*/
.main-advance{/*padding-top: 90px; */padding-bottom: 50px;}
.main-advance .layui-container{margin-top:40px;}
.main-advance p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-advance p.title
,.main-snews p.title{color: #484848; font-size: 24px; /*text-align: center;*/ line-height: 160px;}
.main-advance p.title span
,.main-snews p.title span{color: #00428e;font-family: 微软雅黑;font-weight: bold;}
.main-advance .content{border: 1px solid #DEDEDE; padding: 30px 36px 30px 36px; text-align: center; transition: 0.3s;}
.main-advance .content p.label{font-size: 14px; color: #000; line-height: 26px; padding-top: 6px;}
.main-advance .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-advance .content img{transition: 2s;}
.main-advance .content img:hover{transform: rotateY(180deg);}


/*底部*/
.footer{padding-bottom: 20px;margin-top:10px; background: #2b2b2b;}
.footer .footer-web{padding-top: 50px; padding-bottom: 63px;}
.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #fff;padding:20px 400px 10px 0;}
.footer .footer-contact .left{float:left;}
.footer .footer-contact .right{float:right;color:#fff;}
.footer .footer-contact a{color: #a5aaa9;}
.footer .footer-contact .contact-top{padding-top: 20px; line-height: 30px;}
.footer .footer-contact .contact-bottom{line-height: 35px;}
.footlogo-title{display:inline;font-size: 14px;font-family: 'Microsoft YaHei';letter-spacing: 2px;font-weight: bold;color:#fff;}



/**二级页面 产品&服务*/
.banner.product{height: 220px; background: url(../img/stSe1-2.jpg) no-repeat center top; background-size: cover;}
.layui-nav-tree .layui-nav-item{text-align:center !important;height:55px;} 
.layui-nav{background-color:#fff !important;}
.layui-nav-tree .layui-nav-item a{font-size:16px;color:#222 !important;height:100%;line-height: 60px;}
.layui-nav-tree .layui-nav-item a:hover{background-color:#dfe0e4;color:#222 !important;}
.layui-nav-tree .layui-nav-bar{background-color:#dfe0e4;}
.main-content-title{width:100%;margin-top:30px;margin-bottom:30px;}
.main-content-title .main-nav-tree{height:500px;}
.main-content-title .main-nav-tree .title{width:100%;height:130px;background-color:#00428e;color:#fff;font-size:24px;line-height:130px;text-align:center;}
.main-content-title .mian-nav-tree .list{width:100%;background-color:#fff;padding-top:15px;}
.main-content-title .mian-nav-tree .active{background-color:#dfe0e4;color:#222 !important;}
.main-content-title .right{padding:0px 30px 0 30px;height:100%;}
.main-content-title .right .topdiv{width: 100%;height: 38px;line-height: 38px;border-top: 3px solid #ccc;border-bottom: 1px solid #ccc;}
.main-content-title .right .topdiv .left{float:left;}
.main-content-title .right .topdiv .left .span1{font-size:18px;color:#ee7701;letter-spacing:2px;font-weight:bold;}
.main-content-title .right .topdiv .left .span2{font-size:18px;color:#999;}
.main-content-title .right .topdiv .right{float:right;}

.main-rjproduct{width:100%;margin-top:20px;background: #f8f8f8;}
.main-rjproduct .layui-container{padding-top:40px;}
.main-rjproduct .content{position: relative;padding:1px;cursor:pointer;height:200px;}
.main-rjproduct .content:hover{box-shadow: 0 0 3px #a5a5a5;}
.main-rjproduct .content .content-left{width: 280px;height:200px;}
.main-rjproduct .content .content-left img{width: 100%;height:100%;}
.main-rjproduct .content .content-right{box-sizing: border-box; background: #FFF; padding: 10px 15px 10px 30px;  height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-rjproduct .content .content-right p{color: #222; line-height: 28px; overflow: hidden; text-overflow: ellipsis;text-indent:25px;}
.main-rjproduct .content .content-right p.label{font-size: 16px; color: #4a4a4a;font-weight:800;text-indent:0px;}
.main-rjproduct .content .content-right span{display: none; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
.main-rjproduct .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-rjproduct .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}

.main-dlproduct{width:100%;padding-top:30px;}
.main-dlproduct p.label{font-size: 18px;letter-spacing: 2px;font-weight: bold;}
.main-dlproduct .content{border: 1px solid #ccc;box-shadow: 0 0 8px #bbb;margin-bottom:15px;}
.main-dlproduct .content p.content-info{font-size: 15px;line-height: 30px;}
.main-dlproduct .content-cg{margin-top:40px;}
.main-dlproduct .content-cg .content{padding-bottom:20px;}
.content-cg p.content-cg-info{font-size:15px;font-weight:bold;line-height:28px;}

.main-zdkzproduct{margin-top:20px;  margin-bottom: 50px;}
.main-zdkzproduct img{width: 400px; height: 240px;}
.main-zdkzproduct .span1{color: #333333;font-size: 20px;font-weight: bold;padding-top:10px;text-align: center;}
.main-zdkzproduct .span2{color: #333333;font-size: 16px; padding: 15px 0 0 10px;}

.main-introduce p{font-size:16px;color:#222;text-indent:40px;line-height:28px;margin-top: 20px;padding-right: 10px;}
.main-qyzz img{width:400px;height:566px;}


.main-contactus{width:100%;padding-top:20px;}
.main-contactus .content{border: 1px solid #ccc;box-shadow: 0 0 8px #bbb;margin-bottom:15px;padding-left:15px;padding-top:15px;}
.main-contactus .content p.label{font-size: 22px;color: #00428e;padding-bottom: 15px;font-weight: bold;}
.main-contactus .content p.content-info{font-size: 18px;color: #444;}
.main-contactus .content .map-img{width:100%;height:500px;margin-top:30px;}
.main-contactus .content .map-img img{width:100%;height:100%;}




/*二级页面  关于盛唐*/
.banner.about{height: 220px; background: url(/static/web/img/stSe2.jpg) no-repeat center top; background-size: cover;}

/*二级页面  新闻中心*/
.banner.news{height: 220px; background: url(/static/web/img/stSe3-2.png) no-repeat center top; background-size: cover;}

/*二级页面  联系我们*/
.banner.contact{height: 220px; background: url(/static/web/img/stSe4.jpg) no-repeat center top; background-size: cover;}

/*二级页面  新闻中心*/
.banner.invite{height: 220px; background: url(/static/web/img/stSe5.jpg) no-repeat center top; background-size: cover;}



@media screen and (max-width: 480px){
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}

/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  /**.nav.index{background: rgba(255, 255, 255 ,0.3);}*/
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 7px; padding: 0 5px; border-radius: 0; margin: 0;height:70px;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 60px;}
  .main-advance p.title{font-size: 24px; line-height: 80px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 40%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 33px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1350px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}




/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}


/** 案例 */
.banner.case{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.main-case{padding: 30px 0 75px;}
.main-case .content{width: 45%; text-align: center; padding-bottom: 20px;margin-bottom:40px; border-bottom: 2px solid #c9c9c9;}
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}


/** 关于
.banner.about{background: url(../img/nav_img4.jpg) no-repeat center top; background-size: cover;}
.main-about{padding-bottom: 130px;}
.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}
.main-about .tabJob, .main-about .tabCour{display: none;} */
/*公司简介*/
.main-about .tabIntro{padding-bottom: 15px;}
.main-about .tabIntro .content{vertical-align: middle;}
.main-about .tabIntro .content .img{width: 50%;}
.main-about .tabIntro .content .img img{width: 100%;}
.main-about .tabIntro .content .panel{width: 50%;}
.main-about .tabIntro .content p{padding: 0 20px; line-height: 24px; text-align: justify;}
.main-about .tabIntro .p_hidden{padding: 0 20px; display: none;}
/*招贤纳士*/
.main-about .tabJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;}
.main-about .tabJob .content:first-child{margin-top: 10px;}
.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
/*发展历程*/
.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-about .tabCour .timeline li:first-child{padding-top: 0;}
.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-about .tabCour .timeline li .cour-img img{width: 100%;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}





.n_cont {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.n_ct {
    width: 100%;
    height: 231px;
    position: relative;
    background: #fff;
    margin-top: 15px;
}

.n_ct a {
    display: block;
}
.n_ctl {
    width: 357px;
    height: 231px;
    float: left;
	margin-right:30px;
}
.n_ctl img {
    width: 100%;
	height:100%;
}

.n_ctr {
    width: 98%;
    height: 181px;
    padding-top: 25px;
}

.n_ctr .date {
    color: #00428e;
    font-size: 18px;
}
.n_ctr .title {
    color: #333;
    font-size: 18px;
    margin-top: 17px;
}
.n_ctr .cont {
    line-height: 26px;
    color: #555;
    text-align: justify;
    margin-top: 5px;
    text-indent: 2em;
}
.n_ctr .more {
    color: #666;
    position: absolute;
    right: 20px;
    bottom: 25px;
}


.clear {
    display: block;
    clear: both;
}

.n_lc .rt {
    font-size: 18px;
    color: #333;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.n_lc {
    padding: 12px 20px !important;
    color: #333 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.n_lst {
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}
.n_lst li {
    background: #fff;
    margin-top: 15px;
    position: relative;
}
.n_lst li a {
    display: block;
}
.n_li {
    width: 149px;
    height: 85px;
    float: left;
}

.n_li img{
    width: 100%;
    height: 100%;
}


.n_lc .rc {
    color: #555;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}
.news_data {
    color: #00428e;
    position: absolute;
    right: 25px;
    top: 18px;
}


.portlet.portlet-center .dataTables_paginate, .dataTables_paginate {
    text-align: right;
}

.pagination > .active > a{background-color: #217ebd;
    border-color: #217ebd;}
.pagination>li:first-child>a {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination>li>a {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li {
    display: inline;}
.dataTables_info{ display: inline-block;}

.pagination>.active>a{
     z-index: 3;
     color: #fff;
     cursor: default;}
pagination {
    display: inline-block;
}

.n_lc .st-title { float: right; text-align: right; width: 100%; line-height: 25px;color:#00428e;}
.n_lc .st-title span{ width: 70%; font-size: 16px; font-weight: bold; color: #00428e; float: left; text-align: left;}
.n_lc .st-text { width: 50%; float: left;}
.n_lc .st-text span{float: left; width: 70px; color: #999;}
.n_lc .st-text samp{ width: 66%;vertical-align: baseline; display: inline-block;}

.news-content h3{ font-weight: bold; padding-top: 30px; line-height: 38px;}
.message-content{ float: left;width: 92%;padding: 5% 4% 0% 4%;}
.message-content ul li {float: left; width: 100%; line-height: 32px; margin-bottom: 6px; }
.message-content ul li samp{ float: left; width: 20%; font-size: 14px;}
.message-content ul li i{color: red;}
.import-content,.import-introduce{ width: 78%; color: #888888; border: 1px solid #DDDDDD; padding-left: 4px; line-height: 24px; height: 24px;}
.message-content ul li p{float: left; margin-right: 10px;}
.import-introduce{ height: 100px;width: 98%;}
.uploading{float: left; width: 100%; height: 30px;}
.uploading p{ margin-right: 16px; float: left;  color: #188eee; font-weight: bold;position: relative;}
.uploading p a{ color: #02ade9;}
.uploading p samp img{ float: left; width: 20px; margin-right: 2px;}
.uploading span{ width: 60%;}
.uploading span a{ text-decoration: underline; float: left;    width: 80%;  height: 19px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.uploading span samp img{width: 20px; margin-left: 4px;}
.list-submit{  width: 80%; margin-left: 10%; line-height: 36px; color: #FFFFFF; margin-top: 20px; border-radius: 10px; float: left;background: #188eee;  text-align: center;margin-left: 35%; width:30%; margin-right: 35%; background: #02ade9;    margin-bottom: 20px;}
.list-submit a{color: #fff;}
#fileupload { opacity: 0;position: absolute;top: 0; left: 0; width: 100px; height: 30px;}

#content span,#content p{ line-height:26px;}
#content img{ padding-top:10px; text-align:center;}

.portlet-body{ margin:12.5px; background:#fff;}
.portlet-body h1{font-size:18px; font-weight:bold;line-height: 0px;}
.portlet-body p img{padding-top:10px; text-align:center;}