/*** RESET&BASE ***/
body,h1,h2,h3,h4,h5,h6,p,pre,th,td,ul,ol,li,dl,dt,dd,form,input,select,textarea,button{margin:0;padding:0}
body{font:16px/1.5 San Francisco,PingFang SC,Hiragino Sans GB,Segoe UI,Microsoft Yahei,微软雅黑,Tahoma,Arial,sans-serif;background:#fff;color:#666}
input,select,textarea,button{border-radius:0;box-shadow:none;line-height:inherit;font-size:inherit;font-weight:inherit;outline:0}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"]{-webkit-appearance:none}
input[type="button"],input[type="submit"],button{cursor:pointer}button:disabled{cursor:default}
textarea{vertical-align:top;resize:vertical}
h1,h2,h3,h4,h5,h6{font-size:100%}h1,h2,h3{color:#111}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
ol,ul{list-style:none}ul li{float:left}ol li{float:none}
a img{border:0}img{max-width:100%;border:0;vertical-align:middle}em,i{font-style:normal}
a{color:#333;text-decoration:none;cursor:pointer}a:hover{color:#384b69;text-decoration:underline}a:active,area{outline:0}
a.link{color:#384b69;cursor:pointer}a.link:hover{color:#384b69}a.linkline{text-decoration:underline}.more{font-weight:400}.more i{font-family:\5b8b\4f53}
a.curr,a.curr:hover,.curr a,.curr a:hover{text-decoration:none;cursor:default}
ul,.w,.row{*zoom:1}ul:after,ul:before,.w:after,.w:before,.row:after,.row:before{content:'';display:block;clear:both}
.highlight{color:red}
@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}a{text-decoration:underline}}
/* grid */
html,body{height:100%}.wrap{min-width:1220px;height:100%}.topbar{position:relative;z-index:4}.header{position:relative;z-index:3}.content{position:relative;z-index:2}.footer{position:relative;z-index:1}.w{width:1200px;margin:0 auto}
/* icon */
.icon-address,.icon-email,.icon-phone,.icon-upload,.icon-home,.icon-fav,.icon-fav2{display:inline-block;width:40px;height:40px;background-image:url(../images/icon.png);background-repeat:no-repeat;vertical-align:middle;margin-top:-2px}
.icon-address{background-position:0 0}
.icon-email{background-position:0 -40px}
.icon-phone{background-position:0 -80px}
.icon-upload{width:30px;height:30px;background-position:-5px -125px}
.icon-home{width:20px;height:20px;background-position:-10px -170px}
.icon-fav{background-position:0 -200px}
.icon-fav2{margin-top:-8px;background-position:0 -280px}
/*** HEADER ***/
/*.header{position:fixed;left:0;top:0;right:0;width:100%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.02);transition:.4s}*/
.header{background:#fff}
.topbar .r{float:right;height:30px;line-height:30px;padding:5px 0;font-size:14px}
.topbar .btn-login,.topbar .btn-register,.topbar .btn-member,.topbar .btn-logout{display:inline-block;padding:0 1em;margin-left:.5em;background:#eee;border-radius:5px}
.topbar .btn-login:hover,.topbar .btn-register:hover,.topbar .btn-member:hover,.topbar .btn-logout:hover{text-decoration: none}
.topbar .btn-login,.topbar .btn-member{background:#384b69;color:#fff}
.sitebar{padding:10px 0 20px}
.sitebar .logo{float:left;}
.sitebar .logo a{display:block;width:480px;height:60px;line-height:60;background:url(../images/logo.png) no-repeat center left;overflow:hidden}
.nav{float:right;margin-top:10px;}
.nav .nli{position:relative;margin-left:2em;}
.nav .nli .item{position: relative;display:block;height:40px;line-height:40px;font-size:18px;text-align: center}
.nav .nli .item:hover{text-decoration:none}
.nav .nli .item.curr{font-weight:700;color:#384b69}
.nav .nli.on .item::before{position: absolute;left:50%;bottom:-4px;content:"";width:32px;height:4px;border-radius:4px;margin-left:-16px;background: #384b69;}
.nav .sub{position: absolute;top:40px;left:-30px;right:-30px;display:none;padding:15px;}
.nav .sub ol{position: relative;background: #fff;box-shadow:0 2px 8px rgba(0,0,0,.1); text-align: center}
.nav .sub ol::after{position: absolute;left:50%;top:-10px;content:"";width:0;height: 0;margin-left:-5px;border:5px solid transparent;border-bottom:5px solid #384b69;}
.nav .sub a{display:block;height:40px;line-height:40px;}
.nav .sub a:hover{background: #384b69;color:#fff;text-decoration: none}

/*** CONTENT ***/
.content{min-height:400px;}
.headbar{height:200px;background:#384b69 url(../images/hd-bg.jpg) no-repeat top left}
.headbar .title{float:left;margin-top:100px;line-height:1.2;font-size:32px;font-weight:400;color:#fff}
.headbar .title i{display:block;font-size:18px;text-transform:uppercase;opacity:.4;}
.crumbsbar{
	/*height:60px;*/
	line-height:60px;
	/*text-align: right;*/
	font-size:0}
.crumbsbar .item,.crumbsbar a{display:inline-block;font-size:14px;color:#999}
.crumbsbar a{color:#999}
.crumbsbar em{margin:0 10px;font-size:12px;font-family:\5b8b\4f53;vertical-align: top;opacity:.4}
/** 首页 **/
.index-title{position: relative;margin:60px 0;font-size:32px;text-align: center}
.index-ft{margin-top:20px;text-align:right}
.index-more{position:relative;display:inline-block;height:26px;line-height:24px;padding:0 1em;border-radius:5px;color:#fff;background-color:#f01515;font-size:12px;}
.index-more i{font-weight:700}
.index-more:hover{text-decoration: none;color:#fff}

.index-banner{position: relative}
.index-banner .bd .tempWrap{margin:0 auto}
.index-banner .bd,.index-banner .bd .box,.index-banner .bd li{width:100%;height:540px;margin:0 auto;overflow: hidden}
.index-banner .bd .box{background-repeat:no-repeat;background-position:center center;background-size:cover}
.index-banner .bd .box a{display:block;height:100%}
.index-banner .bd .link{position:relative;display:inline-block;padding:10px 60px;margin-top:20px;border:1px solid #ffff3d;background: #ffff3d; color:#00003d;transition:.2s;}
.index-banner .bd .link::before{position: absolute;top:50%;right:50px;content:'';display:inline-block;width: 0;height: 0; border-width:5px; border-style: solid; border-color: transparent transparent transparent #00003d;transform:translate(5px,-5px);}
.index-banner .bd .link:hover{text-decoration: none; opacity:.9}
.index-banner .hd{position: absolute;bottom:0;left:0;right:0;font-size:0;overflow: hidden;text-align:center}
.index-banner .hd li{float:none;display:inline-block;width:44px;height:3px;line-height:3;margin:20px 8px;overflow: hidden;background:#fff;opacity:.5;cursor: pointer}
.index-banner .hd li:hover{opacity:.8;}
.index-banner .hd li.on{opacity:1;}

.index-news{margin-bottom:60px;}
.index-news .row{padding:30px 60px;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.index-news .nlist li{position: relative}
.index-news .nlist li::after{position: absolute;left:0;bottom:-2px;content:"";width:5px;height:5px;background-color:#f01515;transform:rotate(45deg);}
.index-news .nlist li a{display:block;padding:20px 0;border-bottom:1px solid #ddd;overflow: hidden}
.index-news .nlist li a:hover{border-color:#384b69;text-decoration: none}
.index-news .nlist li img{float:left;width:410px;height:230px;margin-right:20px;}
.index-news .nlist li h5{font-size:20px;font-weight:400}
.index-news .nlist li i{display:block;color:#bbb;font-size:14px}
.index-news .nlist li p{margin-top:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;}
.index-news .nlist li.on h5{margin-top:40px;font-weight:700}
.index-news .nlist li.on p{margin-top:20px;-webkit-line-clamp:2;}

.index-product{padding:1px 0 60px;background: #f9f9f9}
.index-product .l,.index-product .r{width:585px;background:#fff;border-bottom:9px solid #384b69;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.index-product .l{float:left;}
.index-product .r{float:right;}
.index-product .top{position: relative}
.index-product .top img{width:100%;height:320px}
.index-product .top p{position: absolute;left:0;right:0;bottom:0;height:60px;line-height:60px;background:rgba(0,0,0,.5); display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;text-align: center;color:#fff;font-size:20px;}
.index-product dl{margin:0 40px}
.index-product dt{padding:20px 0;font-weight:700;border-bottom:1px solid #ddd;overflow:hidden}
.index-product .tit{margin:20px 0;text-align: center;font-size:24px;color:#111}
.index-product .item{display:block;padding:20px 0;overflow: hidden;border-bottom:1px solid #ddd}
.index-product .item:hover{border-color:#384b69;text-decoration: none}
.index-product .name{float:left;width:70%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;}
.index-product .price{float:right;width:30%;text-align: right}
.index-product .index-ft{margin:20px 40px 30px}

.index-navigation{margin-bottom:60px}
.index-navigation .row{padding:0 30px;background: #f9f9f9}
.index-navigation .list li{width:25%;}
.index-navigation .list a{display:block;padding:30px;margin:0 30px;border-bottom:6px solid #f9f9f9;color:#384b69;font-size:16px;text-align: center;transition: .2s;font-size:20px;}
.index-navigation .list i{display:block;width:100px;height:100px;margin:0 auto;background:url(../images/navigation-icon.png) no-repeat;}
.index-navigation .list i.i2{background-position:0 -100px}
.index-navigation .list i.i3{background-position:0 -200px}
.index-navigation .list i.i4{background-position:0 -300px}
.index-navigation .list i.i5{background-position:0 -400px}
.index-navigation .list a:hover{border-color:#384b69;text-decoration: none}

.index-navigation .card{margin:30px -15px 0}
.index-navigation .card li{width:33.33333%}
.index-navigation .card a{display:block;height:100px;line-height:100px;padding:20px 40px 20px 50px;margin:0 15px;font-size:16px;text-align: left;font-size:20px;}
.index-navigation .card a.i1{background: #eaf0fd;color:#8ca9f2}
.index-navigation .card a.i2{background: #e6f3fe;color:#5ba1f0}
.index-navigation .card a.i3{background: #ecedfd;color:#8c93f2}
.index-navigation .card a>i{float:left;width:100px;height:100px;margin-right:10px;background:url(../images/card-icon.png) no-repeat 0 0;}
.index-navigation .card a.i2>i{background-position: 0 -100px;}
.index-navigation .card a.i3>i{background-position: 0 -200px;}
.index-navigation .card a:hover{text-decoration: none}

.index-system{padding:1px 0 90px;background: #f9f9f9}
.index-system .list{margin:0 -15px}
.index-system .list li{width:33.33333%;}
.index-system .list a{display:block;margin:0 15px;background: #fff; box-shadow:0 5px 20px rgba(0,0,0,.05);font-size:16px;text-align: center;font-size:20px;}
.index-system .list:hover{text-decoration:none}
.index-system .list p{height:80px;line-height:80px;}


.page-title{padding-left:10px;line-height:1;border-left:4px solid #384b69;font-size:28px;}
/** 项目 **/
.project-wrap .head{height:330px;background:url(../images/project-head1.jpg) no-repeat center center}
.project-wrap .main{padding:60px 0;background:#f9f9f9}
.project-registration .row{padding:50px 60px;background: #fff;border-radius:9px; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.project-registration .list{margin:0 -30px}
.project-registration .list li{width:50%}
.project-registration .list a{display:block;margin:30px;padding:30px 50px;background: #384b69;border-radius: 10px; color:#fff;overflow: hidden}
.project-registration .list a:hover{text-decoration: none}
.project-registration .list a img{float:left;margin-right:20px;}
.project-registration .list a p{margin-top:40px;font-size:24px;font-weight:700}
.project-registration .list a i{font-size:14px}
.project-form{padding:20px}
.project-form .item{float:left;padding:15px 0 15px 210px;overflow:hidden;*zoom:1}
.project-form .item:last-child{border-bottom:0}
.project-form .item.i2{float:none;clear: both; width:auto}
.project-form .item.i2 .txt,.project-form .item.i2 .txa{width:670px}
.project-form .label{float:left;width:200px;margin-left:-210px;margin-top:8px;text-align:right;color:#333}
.project-form .label.mt0{margin-top:4px}
.project-form .btnf{padding:0 1rem;background:#384b69;color:#fff}
.project-form .item .btn,.project-form .item .btng{width:140px;height:40px;line-height:40px;padding:0;margin:20px 20px 0 0;font-weight:700;text-align:center}

.project-wrap2 .head{height:330px; margin-top: -15px;background:url(../images/project-head2.jpg) no-repeat center center}
.project-wrap2 .main{padding:0;background:#f9f9f9}
.project-display .row{padding:50px 60px;background: #fff;border-radius:9px; box-shadow:0 10px 30px rgba(0,0,0,.05)}

.project-list{padding:20px 0;background: #fff}
.project-list .plist{margin-right:-10px}
.project-list .plist li{width:25%}
.project-list .box{position: relative;margin:10px;background: #fff;border-radius:9px; box-shadow:0 5px 20px rgba(0,0,0,.05);overflow: hidden}
.project-list .item{display:block;}
.project-list .item:hover{color:#333;text-decoration: none}
.project-list .item:hover .name{font-weight:700}
.project-list .item:hover .pic img{transform: scale(1.2)}
.project-list .pic{width:100%;height:240px;text-align: center;overflow: hidden}
.project-list .pic img{width:100%;height:100%;transition:.2s}
.project-list .date{position: absolute;left:0;right:0;top:220px;height:20px;line-height:20px;padding:0 15px;background: rgba(0,0,0,.3);color:#fff;text-align:right;font-size:12px}
.project-list .name{height:20px;margin:15px;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;font-size:16px;text-align: left}
.project-list .price{float:right;padding:0 5px;margin:15px 15px 15px 5px;background:#eee;color:red;border-radius: 5px;font-size:12px;text-align: left}
.project-list .price b{font-size:16px}
.project-list .attr{clear: both;margin:0 15px;padding:10px 0;border-top:1px solid #ddd;overflow: hidden}
.project-list .attr em{margin-right:5px;font-size:14px;color:#999}
.project-list .fav{float:right;margin-top:-8px}
.project-list .fav.ed .icon-fav{background-position:0 -240px}
/* 筛选 */
.filter-mod{margin-bottom:20px;padding-bottom:20px;background: #fff}
.filter-mod .total{margin:-30px 0 10px;padding-bottom:10px;border-bottom:1px solid #ddd;text-align: left;color:#999}
.filter-mod .total b{color:red}
.filter-mod .item{padding:.2em 0;border-bottom:1px dotted #fff}
.filter-mod .item dt{float:left;width:6em;margin:.3em 0;color:#111}
.filter-mod .item dd{margin-left:6em;}
.filter-mod .item a{display:inline-block;margin:.3em 2em .3em 0;white-space:nowrap;color:#666}
.filter-mod .item a:hover,.filter-mod .item .curr{color:#5ba1f0}
/* 排序 */
.sort-mod{margin-bottom:10px;background-color:#fff;text-align: right;overflow:hidden}
.sort-mod .item a{position: relative;display:inline-block;height:30px;line-height:30px;padding:0 30px 0 20px;margin-left:10px;border:1px solid #ddd;border-radius:30px; background-color:#fff;font-size:14px;cursor:pointer}
.sort-mod .item a:hover{position:relative;border-color:#ffb923;color:#ffb923;text-decoration:none}
.sort-mod .item a.curr,.sort-mod .item a.curr:hover{border-color:#ffb923;background-color:#ffb923;color:#fff}
.sort-mod .item .up,.sort-mod .item .down,.sort-mod .item .up::before,.sort-mod .item .down::before{position: absolute;right:15px;content:"";width:0;height: 0;border:5px solid transparent;}
.sort-mod .item .up{top:4px;border-bottom:5px solid #999;}
.sort-mod .item .down{bottom:4px;border-top:5px solid #999;}
.sort-mod .item .up::before{right:-5px;bottom:-17px;border-top:5px solid #999;}
.sort-mod .item .down::before{right:-5px;top:-17px;border-bottom:5px solid #999;}
.sort-mod .item .curr .up{border-bottom-color:#fff}
.sort-mod .item .curr .down{border-top-color:#fff}
.sort-mod .item .curr .up::before{border-top-color:#fff;opacity:.5}
.sort-mod .item .curr .down::before{border-bottom-color:#fff;opacity:.5}

.project-top{padding:30px 0}
.project-top .row{padding:50px 60px;background: #fff;border-radius:9px; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.project-top .left{position:relative;float:left;width:520px;height:400px;margin-right:40px;border-radius:12px;text-align: center;overflow: hidden}
.project-top .pic,.project-top .pic img{width:100%;height:100%;transition:.2s}
.project-top .date{position: absolute;left:0;right:0;bottom:0;height:30px;line-height:30px;padding:0 20px;background: rgba(0,0,0,.3);color:#fff;text-align:right;font-size:12px}
.project-top .fav{float:right;margin-top:40px;color:#ffb923}
.project-top .fav.ed .icon-fav2{background-position:0 -240px}
.project-top .title{margin:30px 0 60px;line-height:1.2;font-size:30px;font-weight:700;color:#384b69;}
.project-top .sort{display:inline-block;height:24px;line-height:22px;margin-left:20px;padding:0 10px;background:#5ba1f0;border-radius:22px;font-size:16px;color:#fff}
.project-top .time{color:#999}
.project-top .info{margin:20px 0;overflow: hidden;word-wrap: break-word;white-space : normal;}
.project-top .info dt{margin-bottom:10px;color:#111}
.project-top .info dd{float:left;width:35%;margin:5px 0}
.project-top .info dd.d1,.project-top .info dd.d3,.project-top .info dd.d5{float:left;width:60%; margin-right: 5px}
.project-top .price{margin:20px 0;color:red;font-size:16px}
.project-top .price b{font-size:20px}
.project-detail{padding:30px 0 60px;background: #fff}
.project-detail .tit{margin-bottom:30px;font-size:26px;font-weight:400;color:#384b69;text-align: center}
.project-detail .tit i{display:inline-block;width:40px;height:40px;margin:-4px 8px 0 0;background:url(../images/detail.png) no-repeat center center;vertical-align: middle}
.project-detail .article{min-height:200px;margin:0 60px;line-height:2;font-size:16px;color:#222}
.project-detail .article dl{padding:20px 0 20px 60px;border-top:1px solid #ddd}
.project-detail .article dt{float:left;margin-left:-60px}



/** 需求 **/
.demand-wrap .head{height:330px;background:url(../images/demand-head1.jpg) no-repeat center center}
.demand-wrap .main{padding:60px 0;background:#f9f9f9}
.demand-release .row{padding:50px 60px;background: #fff;border-radius:9px; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.demand-form{padding:20px 20px 20px 80px}
.demand-form .item{float:left;width:240px;padding:15px 0 15px 210px;overflow:hidden;*zoom:1}
.demand-form .item:last-child{border-bottom:0}
.demand-form .item.i2{float:none;clear: both; width:auto}
.demand-form .item.i2 .txt,.demand-form .item.i2 .txa{width:460px}
.demand-form .item.i2 .slt{width:480px}
.demand-form .label{float:left;width:200px;margin-left:-210px;margin-top:8px;text-align:right;color:#333}
.demand-form .label.mt0{margin-top:4px}
.demand-form .btnf{padding:0 1rem;background:#384b69;color:#fff}
.demand-form .item .btn,.demand-form .item .btng{width:140px;height:40px;line-height:40px;padding:0;margin:20px 20px 0 0;font-weight:700;text-align:center}

.demand-wrap2 .head{height:330px;background:url(../images/demand-head2.jpg) no-repeat center center}
.demand-wrap2 .main{padding:60px 0;background:#f9f9f9}
.demand-display .row{padding:50px 60px;background: #fff;border-radius:9px; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.demand-display .nlist{margin:-30px 0 30px}
.demand-display .nlist li{position:relative;padding:40px 0;border-bottom:1px solid #ddd}
.demand-display .nlist li h5{margin-right:220px;font-size:20px;color:#333}
.demand-display .nlist li em{margin-top:5px;display:block}
.demand-display .nlist li dl{margin-top:10px;padding-left:3em;color:#999}
.demand-display .nlist li dt{float:left;margin-left:-3em;}
.demand-display .nlist li:hover dl{color:#333}
.demand-display .nlist li .btn{position: absolute;top:40px;right:0;;padding:0 1em}

.demand-detail .row{padding:50px 60px;background: #fff;border-radius:9px; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.demand-detail .top{padding:30px;text-align: center}
.demand-detail .title{margin-bottom:10px;line-height:1.2;font-size:30px;font-weight:700;}
.demand-detail .sort{display:inline-block;height:24px;line-height:22px;margin-left:10px;padding:0 10px;background:#5ba1f0;border-radius:22px;font-size:16px;color:#fff}
.demand-detail .time{color:#999}
.demand-detail .info{margin:20px 0;font-size:20px;color:#333}
.demand-detail .info span{margin:0 25px}
.demand-detail .article{min-height:200px;margin:0 60px;line-height:2;font-size:16px;color:#222}
.demand-detail .article p{margin-bottom:1.5em}
.demand-detail .article img{max-width:100%}


/** 新闻动态 **/
.news-wrap .header{border-bottom:1px solid #ddd}
.news-wrap .content{border-top:1px solid #f5f5f5}
.news-wrap .main{padding:0 0 60px;background:#fff}
.news-list .row{
	/*padding:50px 60px;*/
	background: #fff;
	border-top: 1px solid #ccc;
	/*border-radius:9px; */
	/*box-shadow:0 10px 30px rgba(0,0,0,.05);*/
	/*float: left;*/
	/*width: 80%;*/
	padding: 20px;
}
.news-list .nlist{margin:-30px 0 30px}
.news-list .nlist li{position:relative;padding:40px 0;border-bottom:1px solid #ccc}
.news-list .nlist li h5{margin-right:220px;font-size:20px}
.news-list .nlist li em{position: absolute;top:40px;right:0;width:220px;text-align: right}
.news-list .nlist li p{margin-top:10px;color:#999}
.news-list .nlist li a:hover{text-decoration: none}
.news-list .nlist li a:hover p{color:#384b69}

.news-detail .top{padding:40px;text-align: center}
.news-detail .title{margin-bottom:10px;line-height:1.2;font-size:30px;font-weight:400;}
.news-detail .info{color:#999}
.news-detail .article{min-height:300px;line-height:2;font-size:16px;color:#222}
.news-detail .article p{margin-bottom:1.5em}
.news-detail .article img{max-width:100%}
/* FONT */
.font-resizer{margin:0 10px;font-size:0}
.font-resizer a{display:inline-block;width:38px;height:28px;line-height:28px;margin:0 2px;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:5px;background-color:#fff;font-size:14px;color:#384b69;text-align:center}
.font-resizer a:hover{position:relative;border-color:#384b69;text-decoration:none}
.font-resizer .curFont,.font-resizer .curFont:hover{border-color:#384b69;background-color:#384b69;color:#fff}


/** 会员中心 **/
.user-wrap .header{border-bottom:1px solid #ddd}
.user-wrap .content{border-top:1px solid #f5f5f5}
.user-wrap .main{padding:0;background:#fff}
.user-index .w{position: relative;width:1000px;}
.user-index .row{width:100%;padding:50px 60px;margin-bottom:60px;background: #fff;border-radius:9px; box-shadow:0 10px 30px rgba(0,0,0,.05)}
.user-side{position: absolute;left:-180px;top:-30px;width:200px;}
.user-side .tit{display:inline-block;height:30px;line-height:30px;padding:0 15px;background: #384b69;border-radius:9px 9px 0 0;font-weight:400;color:#fff}
.user-side .menu{background: #fff;border-top:2px solid #384b69;box-shadow:0 5px 15px rgba(0,0,0,.1)}
.user-side .menu li a{position: relative;display:block;padding:12px 10px 12px 50px;}
.user-side .menu li a:hover{background: #eee; text-decoration: none;}
.user-side .menu li.curr a,.user-side .menu li.curr a:hover{background: #384b69;color: #fff;}
.user-side .menu li.curr a::before{position: absolute;top:50%;left:35px;content:"";width:0;height: 0;margin-top:-5px;border:5px solid transparent;border-left:5px solid #fff;opacity: .5}
.user-info {margin-top:20px;overflow: hidden}
.user-info .item{float:left;width:50%;margin-top:30px;}
.user-info .item dt{float:left}
.user-fav .table{margin:30px 0}
.user-fav .table thead{background: #f5f5f5}
.user-fav .table th{padding:1em 0;font-weight:400;text-align: center;color:#333}
.user-fav .table td {padding:1em 0;border-bottom:1px solid #ccc;text-align: center}
.user-fav .table td .name{text-align: left}
.user-fav .table td a{margin:5px 0;width:60px;}
.sift-mod{margin-top:30px;overflow: hidden}
.sift-mod .item{float:left;margin-right:10px}
.sift-mod .txt{padding:5px 9px}
.sift-mod .slt{width:140px;height:32px;line-height:30px;padding:0 9px}
.user-form{padding:20px 20px 20px 80px}
.user-form .item{padding:15px 0 15px 210px;overflow:hidden;*zoom:1}
.user-form .item:last-child{border-bottom:0}
.user-form .label{float:left;width:200px;margin-left:-210px;margin-top:8px;text-align:right;color:#333}
.user-form .txt{width:290px}
.user-form .item .btn,.user-form .item .btng{width:140px;height:40px;line-height:40px;padding:0;margin:20px 20px 0 0;font-weight:700;text-align:center}
.user-form .tips {
	padding-left: 30px;
	margin-top: 5px;
	font-size: 12px;
	color: #999;
	margin-left:180px;
}
/* TOPAGE */
.page-mod{padding:40px 0;text-align:center}
.topage{display:inline-block;margin:0 auto;text-align:center}
.topage a,.topage .current_page,.topage .input_page_num{display:inline-block;width:44px;height:44px;line-height:44px;margin:5px;border:1px solid #ddd;border-radius: 5px;box-shadow:0 2px 8px rgba(0,0,0,.1); background-color:#fff;font-size:16px;color:#333;text-align:center}
.topage a:hover{position:relative;border-color:#384b69;color:#384b69;text-decoration:none}
.topage .current_page,.topage .current_page:hover{border-color:#384b69;background-color:#384b69;color:#fff;cursor:default}
.topage .btn_dis{color:#bbb}
.topage .btn_dis:hover{border-color:#ddd;color:#bbb;cursor:default}
.topage .page_dot{display:inline-block;margin:-15px 10px 0;font-weight:700;vertical-align:middle}
.topage .prev_page ,.topage .next_page{width:78px}
.topage i{font-family:\5b8b\4f53;font-weight:700}
.topage .prev_page i{margin-right:2px}
.topage .next_page i{margin-left:2px}
.topage .page_total{display:inline-block;margin-left:10px;color:#666}
.topage .page_total b{margin:0 1px}
.topage .input_page_num:focus{border-color:#384b69}
.topage .to_page_num{float:none;width:60px;margin:0 0 0 10px}
.page-mini{padding:10px 0;text-align:center}
.page-mini .topage a,.page-mini .topage .active{width:30px;height:30px;line-height:30px;font-size:12px}
.page-mini .topage .prev_page,.page-mini .topage .next_page{width:50px}
.page-mini .input_page_num{height:30px;line-height:30px;}
/* FORM */
.asterisk{display:inline-block;width:5px;margin:0 5px 0 -10px;font:normal 12px/20px '\5b8b\4f53';color:red}
.error{margin-left:10px;color:red}
.txt,.slt,.txa{line-height:20px;padding:8px 9px;border:1px solid #ccc;border-radius:8px;color:#333}
.txt{width:220px;height:38px}.slt{width:240px;height:38px;*height:auto;*margin:9px 0}.txa{width:460px;min-height:200px}
.txt:hover,.slt:hover,.txa:hover{border-color:#aaa}
.txt:focus,.slt:focus,.txa:focus{border-color:#384b69}
.txt[disabled],.txt[disabled]:hover{border-color:#ccc;background-color:#e5e5e5}
.rdo-g,.ckb-g{display:inline-block;padding:9px 0}
.rdo-g label,.ckb-g label{margin-right:20px}
.rdo,.ckb{margin:-1px 4px 0 0}
.txt-unit{position:relative;display:inline-block}
.txt-unit .l,.txt-unit .r{position:absolute;top:1px;width:40px;height:30px;line-height:30px;background-color:#eee;text-align:center;vertical-align:middle;font-style:normal}
.txt-unit .l{left:1px;border-right:1px solid #ddd}
.txt-unit .r{right:1px;border-left:1px solid #ddd}
.btn,.btng,.btnl,.btnf{display:inline-block;height:32px;line-height:30px;padding:0 2em;border-radius:8px;font-size:16px}
.btn.sml,.btng.sml,.btnl.sml,.btnf.sml{height:24px;line-height:22px;padding:0 1em;border-radius:5px;font-size:14px}
a.btn,a.btnl,a.btnf{height:30px;vertical-align:middle}a.btn:hover{color:#fff}
a.btn.sml,a.btnl.sml,a.btnf.sml{height:22px;}
.btn{border:1px solid #384b69;background-color:#384b69;color:#fff}
.btng{border:1px solid #eee;background-color:#eee;color:#666}
.btnl,.btnf{border:1px solid #384b69;background-color:#fff;color:#384b69}
.btn:hover,.btnl:hover,.btnf:hover{text-decoration:none;opacity:.85;filter:alpha(opacity=85)}
.btn:active,.btnl:active,.btnf:active{opacity:1;filter:alpha(opacity=100)}
.btnf{position:relative;font-size:14px}
.btnf input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0)}
.uimg{width:120px;height:120px;margin-top:10px;border:1px solid #ccc;background:#ddd}
.uimg img{width:100%;height:100%}

/*** FOOTER ***/
.footer{background: #374a67 url(../images/ft-bg.png) repeat;font-size:14px;color:#fff}
.footer a{color:#fff}
.footer a:hover{color:#fff}
.footer .btm{padding:40px 0;}
.footer .links{float:left;width:50%;margin-top:1em;line-height:1.2}
.footer .links dt{float:left;width:6em;margin:0 2em 2em 0;border-right:1px solid #fff;font-weight:700}
.footer .links dd{margin-bottom:2em}
.footer .links dd a{margin-right:1em}
.footer .info{float:right}
.footer .copyright{padding:10px;background:rgba(18,33,59,.4);text-align: center;overflow: hidden}
label.error{
	color: red;
}
label.fieldError{
	color: red;
}

/*!**NEW HEADER**!*/
/*.header-wrap {width: 100%;  position: relative;z-index: 19}*/
/*.header-wrap .top{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;line-height: 36px;align-items: center;}*/
/*.header-wrap .top .user{*/
/*	margin-right: 65px;*/
/*	font-size: 14px;*/
/*}*/
/*.header-wrap .top .user .name{*/
/*	color: #2379CE;*/
/*}*/
/*.header-wrap .top .user .line{*/
/*	margin:0 5px ;*/
/*}*/
/*.header-wrap .top p{*/
/*	font-size: 14px;*/
/*	color: #333333;*/
/*}*/
/*.header-wrap .top .login-before{*/
/*	font-size: 14px;*/
/*	line-height: 36px;*/
/*	text-align: center;*/
/*}*/
/*.header-wrap .top .login-before i{width: 1px;display: inline-block;vertical-align: middle;*/
/*	height: 14px;*/
/*	background: #333333;margin: 0 10px;}*/
/*.header-wrap .top .login-before span{*/
/*	display: inline-block;*/
/*	cursor: pointer;*/
/*	color: #333333;*/
/*}*/
/*.header-wrap .top .login-before span a:hover{font-weight: bold;}*/
/*.header-wrap .top .login-before span.active a{*/
/*	color: #005DA4;*/
/*}*/

/*.header-wrap .top .login-after{*/
/*	font-size: 14px;*/
/*	line-height: 36px;*/
/*	text-align: center;*/
/*}*/
/*.header-wrap .top .login-after i{width: 1px;display: inline-block;vertical-align: middle;*/
/*	height: 14px;*/
/*	background: #333333;margin: 0 10px;}*/
/*.header-wrap .top .login-after span{*/
/*	display: inline-block;*/
/*	cursor: pointer;*/
/*	color: #333333;*/
/*}*/
/*.header-wrap .top .login-after span a:hover{font-weight: bold;}*/
/*.header-wrap .top .login-after span.active a{*/
/*	color: #005DA4;*/
/*}*/

/*.header-wrap .banner{*/
/*	z-index: 100;*/
/*	width: 100%;*/
/*	height: 222px;*/
/*	background: url('../images/banner.png') no-repeat center;*/
/*	background-size: 100% 100%;*/
/*	overflow: hidden;*/
/*}*/
/*.banner .logo{width:576px;margin: 31px 0 0 373px;}*/
/*.banner .input-wrap{display: flex;margin: 50px 0 0 253px;}*/
/*.banner .input-wrap input{width: 256px;    height: 35px;    background: #FFFFFF;    border: 1px solid #CDCDCD;*/
/*	font-size: 15px;*/
/*	padding-left: 9px;outline:0px;}*/
/*.banner .input-wrap .select-btn{*/
/*	width: 98px;*/
/*	height: 35px;*/
/*	background: #005DA4;*/
/*	border: 1px solid #005DA4;*/
/*	display: inline-block;*/
/*	color: #fff;*/
/*	font-size: 16px;*/
/*	display: flex;align-items: center;*/
/*}*/
/*.banner .input-wrap .select-btn i{width: 17px;height: 17px;*/
/*	display: inline-block;*/
/*	background-image: url('../images/search.png');*/
/*	background-repeat: no-repeat;*/
/*	background-size: contain;*/
/*	margin:0 17px 0 10px;*/
/*}*/
/*.banner .tabs{display: flex;justify-content: center;  margin-top: 60px;}*/
/*.banner .tabs li{padding: 0 23px;border-right: 1px solid #105A93;cursor: pointer;*/
/*	font-size: 20px;color: #fff;}*/
/*.banner .tabs li:hover{color: #ebe8e8;}*/
/*.banner .tabs li .dropDown{*/
/*	position: absolute;*/
/*	background: #fff;*/
/*	width: 100%;*/
/*	left: 0;*/
/*	top: 60px;*/
/*	z-index: 20;*/
/*	box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.3);*/
/*	display: none;*/
/*}*/
/*.tabs li .dropDown:before{*/
/*	content: "";*/
/*	width: 0px;*/
/*	height: 0px;*/
/*	border-left: 9px solid transparent;*/
/*	border-right: 9px solid transparent;*/
/*	border-bottom: 9px solid #fff;*/
/*	position: absolute;*/
/*	top: -8px;*/
/*	left: 50%;*/
/*	transform: translate(-50%);*/
/*}*/
/*.banner .tabs li .dropDown li{border: none;color: #333333;margin: 10px 0;text-align: center;}*/
/*.banner .tabs li .dropDown li:hover{color:#1374BF;}*/
/*.banner .tabs li:last-child{border: none;}*/

/*!** NEW FOOTER**!*/
/*.footer{*/
/*	width: 100%;*/
/*	height: 244px;*/
/*	background: #005DA4;*/
/*	overflow: hidden;*/
/*}*/
/*.footer .bottom{height: 40px;line-height: 40px;background: #00518F;justify-content: center; display: flex;color: #fff;font-size: 14px;}*/
/*.footer .bottom li{margin-right: 100px;}*/
/*.footer .top_f{width: 1200px;margin: auto;padding-top: 55px;height: 204px;display: flex;}*/
/*.footer .top_f .left{font-size: 16px;color: #fff;margin-right: 313px;}*/
/*.footer .top_f .left .top_p{margin-bottom: 24px;}*/
/*.footer .top_f .left p i,.footer .top_f .left p span{margin: 0 20px;}*/
/*.footer .top_f .right div{font-size:16px;color: #fff;margin-bottom: 24px;}*/

/*.footer .top_f .right i{width: 20px;height: 20px;display: inline-block;	background-image: url('../images/adress.png');*/
/*	background-repeat: no-repeat;*/
/*	background-size: 100%;*/
/*	margin-right: 15px;*/
/*	vertical-align: middle;*/
/*}*/
/*.footer .top_f .right i.email{background-image: url('../images/email.png');}*/
/*.footer .top_f .right i.iph{background-image: url('../images/iph.png');}*/

/*@media only screen and (max-width:1680px){*/
/*	.banner .tabs li{font-size: 18px;padding: 0 20px;}*/
/*	.banner .tabs{margin-top: 72px;}*/
/*	.banner .logo{margin: 31px 0 0 326px;width: 504px;}*/
/*	.banner .input-wrap{margin:50px 0 0 221px;}*/
/*	.banner .input-wrap input{width: 224px;}*/
/*	.banner .input-wrap .select-btn{width: 85px;font-size: 13px;}*/
/*	.banner .input-wrap .select-btn i{margin: 0 14px 0 10px;}*/

/*}*/
/*@media only screen and (max-width:1600px){*/
/*	.banner .tabs li{font-size: 16px;}*/
/*	.banner .tabs{margin-top: 73px;}*/
/*	.banner .logo{margin: 31px 0 0 310px;width: 480px;}*/
/*	.banner .input-wrap{margin:50px 0 0 210px;}*/
/*	.banner .input-wrap input{width: 213px;}*/
/*	.banner .input-wrap .select-btn{width: 81px;font-size: 13px;}*/
/*	.banner .input-wrap .select-btn i{margin: 0 14px 0 10px;}*/
/*}*/
/*@media only screen and (max-width:1440px){*/
/*	.banner .tabs li{font-size: 16px;padding: 0 15px;}*/
/*	.banner .tabs{margin-top: 80px;}*/
/*	.banner .logo{margin: 31px 0 0 279px;width: 432px;}*/
/*	.banner .input-wrap{margin:50px 0 0 189px;}*/
/*	.banner .input-wrap input{width: 192px;}*/
/*	.banner .input-wrap .select-btn{width: 73px;font-size: 12px;}*/
/*	.banner .input-wrap .select-btn i{margin: 0 12px 0 10px;}*/

/*}*/