*{padding: 0;margin: 0; font-style: normal; font-weight: normal; list-style: none; font-size:1em; box-sizing: border-box; border: none;}
body{ position: relative;min-height: 100vh; overflow-x: hidden; font-family: 'Open Sans', sans-serif;line-height: 1.67;}
@media screen and (max-width:540px){body:before{ padding: 8%;}}
textarea:focus,input:focus{outline: none;}
a{color: #000; text-decoration:none; transition: all .3s;}
th{text-align: center;}
a:hover{color: #f30;}
img, audio, canvas, progress, video{border: none;max-width: 100%; display: block;}
.wall, .container{max-width: 1200px;margin: auto; position: relative;}
.tr{text-align: right;}
.tc{text-align: center;}
.tj{text-align: justify;}
.pr{position: relative;}
.over-auto{overflow: auto;}
.txt_ell{display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.fr{float: right;}
.fl{float: left;}
.fn{clear: both;}
.ds{display: block;}
.dn{display: none;}

.wall:after,.clearfix:after{content: "";clear: both; display: block;}
.wp40{width: 30%; box-sizing: border-box; float: left; padding: 0 15px;}
.wp60{width: 70%; box-sizing: border-box; float: left; padding: 0 15px;}
.pa20{padding: 20px;}
.icon{ display: inline-block; padding: 1em; background: url(icon.png) no-repeat; background-size: 18em; vertical-align: middle;}
.bluebg{ background: #01447b; color: #fff;}
.header {/*position: fixed; z-index: 10; top: 0; width: 100%; height: 6em; */padding: 10px ;}
.logo{width: 200px; float: left;}
.nav {float: right;}
.nav > li{display: inline-block; padding: 0 1em; color: #fff; font-size: 13px; font-weight: 700;}
.nav .userinfo{padding: 0 1em;	display: inline-block;}
.nav .line{clear: both; height: 1em;}
.nav .userinfo img{display: inline-block; vertical-align: middle; height: 2em; border-radius: 50%;}
.nav .userinfo .user_name{min-width: 4em;max-width: 6em;display: inline-block;line-height: 1;}

.goldnav{text-align: center; margin: 4em auto;}
.goldnav li{float: left; width: 15.833%; border: 1px solid #ddd; margin-right: 1%; position: relative;}
.goldnav li:nth-child(6n){margin-right: 0;}
.goldnav li:nth-child(6n+1){clear: left}
.goldnav img{padding: 1em 1em 2em; transition: all .5s;}
.goldnav a{display: block;}
.goldnav p{position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0; }
.goldnav p b{display: block; line-height: 2;}
.goldnav p span{display: none; opacity: 0; transition: opacity .3s; font-size: 12px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.goldnav li:hover img{ animation: myflip .5s 1 alternate forwards;}
.goldnav li:hover p{background-color: rgba(0,0,0,0.5); color: #fff; top: 0; padding: 1em;}
.goldnav li:hover p span{ display: -webkit-box; opacity: 1;}
@keyframes myflip{
    0%{transform: scale(1.2);}
    50%{transform: scaleX(0);}
    100%{transform: scale(1.2);}
}

.PartTitle{text-align:center;margin:2em 0 1em; line-height:1.67}
.PartTitle b{font-size:30px; font-weight:normal}
.PartTitle p{color:#999; font-size:16px; text-transform: uppercase;}

.tradebox {position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(255,0,0,0.9); box-shadow: 0 0 1em #9cf;}
.tradebox img{position: absolute; bottom: 0;}
.verify_box{border:1px solid #999; position:relative; background:#ccc; border-radius: 5px; overflow: hidden;}
.verify_forward_box{position:absolute;width:100%;height:100%;z-index: 1}
.verify_drag_box{height:100%;background:#fff;color:#333;text-align: center;cursor:pointer;position:absolute;z-index: 2}
.verify_tip{text-align: center;color:#888;}
.noselect {user-select: none;}

.subnav {position: absolute;background-color: #eee;left:0; right: 0; text-align: center; z-index: 5; display: none;}
.userinfo:hover .nav{display: block;}
.nav .title{padding: .75em 0; cursor: pointer; letter-spacing: 5px;}
.nav .title a{color: #fff;}
.nav p{margin-bottom: 0;}
.nav .ft{vertical-align: middle;}
.submenu{height: 0; overflow: hidden; transition: all .3s; background-color: #fff; white-space: nowrap; position: absolute; z-index: 5; left: 0; right: 0;}
.nav li:hover{background-color:#f30;}
.nav li:hover .title, .nav li:hover .ft{color: #fff;}
.nav li:hover .submenu{height: inherit; border: 1px solid #ddd; box-shadow: 0 0 5px #66afe9;}
.submenu a{display: block; line-height: 2.5; color: #666; text-align: center; border-bottom: 1px solid #ddd;}
.submenu a:hover{background-color: #f66; color: #fff;}

/*首页新闻区*/
.homenews dl{float: left; margin-right: 2%; width: 23.5%;}
.homenews dl:last-child{margin-right: 0;}
.homenews dt:before{content: ""; padding: 20%; display: block; background: url("newstop.jpg") no-repeat; background-size: 100%;}
.homenews dt{text-align: center;}
.homenews dl:nth-child(1) dt:before{background-position: 0 33%;}
.homenews dl:nth-child(2) dt:before{background-position: 0 0;}
.homenews dl:nth-child(3) dt:before{background-position: 0 66%;}
.homenews dl:nth-child(4) dt:before{background-position: 0 bottom;}
.homenews dt span {border-top: 1px solid #b2b2b2; display: block; margin: 2em 2em 0;}
.homenews dt b {background: #fff;white-space: nowrap;font-size: 20px;font-weight: normal;line-height: 32px;width: 6em;display: block;margin: -18px auto 0;}
.homenews dt p {color: #999; font-size:14px ; text-transform: uppercase;}
.homenews ul a{display: block; padding:.75em 1em; overflow: hidden; border-bottom: 1px dashed #ddd; white-space: nowrap; text-overflow: ellipsis; background: no-repeat left url("data:image/gif;base64,R0lGODlhBwAIAIAAAFNTU////yH5BAAAAAAALAAAAAAHAAgAAAIMjH+ABortWHuRrVsAADs=");}
.homenews .more {display: block;background-color: #39c;color: #fff; margin: 1em 30%; white-space: nowrap; text-align: center; line-height: 2;}
.homenews .more:before{content: "查看更多";}

.lside a{color: #fff;}
#ifr01{border: 0; width: 100%; height: 100%; display: block; transition: height 0.5s;}
.footer {padding: 1.5em 1.5em 5.5em; position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;}
.public-qrcode div{text-align: center; color: #fff;}
.public-qrcode img{overflow: hidden;cursor: pointer;}
.company-contact{padding-top: 4em;}
.copyright{padding: 1em; text-align: center; border-top: 1px solid #666;}
.icon_tel{background-position: 0 -6em;}
.icon_addr{background-position: -12em -10em;}
.index-title{font-size: 1.25em; border-bottom: 1px solid #999; padding-bottom: 0.5em;}
.index-title em{display: block; font-size: 13px; font-weight: normal; opacity: 0.65;}
.index-title img{width: 2em; float: right;}
.form-horizontal .control-label {white-space: nowrap;}
.login{background-color: #1c294a; background-size: cover; padding: 8em 0; height: 88vh;}
.login form{margin:auto; padding: 2em; float: none; width: 20%; min-width: 22em; background-color: rgba(255,255,255,0.85); border-radius: 5px;}

/*资讯单页*/
.pagenav{line-height: 2.4; white-space: nowrap; text-align: center; background-color: #06c; border-top: 1px solid #69c;}
.pagenav > i{display: none;}
.pagenav a{color: #fff; display: block; text-decoration: none;}
.pagenav li{display: inline-block; width: 9em; position: relative;}
.pagenav li > a{font-size: 16px; line-height: 3;}
.pagenav li:hover{background-color: #f66;}
.pagenav li p{position: absolute; left: 0; right: 0; background-color: #39c; z-index: 5; overflow: hidden; height: 0; opacity: 0; transition: opacity 0.3s;}
.pagenav li:hover p{height: inherit; opacity: 1;}
.pagenav p a:hover{background-color: #f66;}

.content {display: table; margin-top: 1em; width: 100%;}
.content > dl {display: table-cell; vertical-align: top;}
.content .side{width: 20%; padding-right: 2em;}
.content .side dt{font-size: 20px; border-bottom: 2px solid #ddd; line-height: 4;}
.content .side a{display: block; font-size: 1.25em; border-bottom: 1px solid #ddd; padding: 1em;}
.content .top-right {font-weight: normal;text-align: right;margin-bottom: -3.5em;}

.content .list li{padding: 0.5em 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.content .list li em{float:right; color: #999;}
.content .list li:nth-child(2n){background-color: #f7f7f7;}
.page_subnav{ font-size: 1.5em; border-bottom: 1px solid #ddd; padding: 1em 0; text-align: right;}
.page_subnav a{display: inline-block; padding: 0 2em; border-right: 1px solid;}
.page_subnav a:last-child{border-right: none;}

.memo{text-align: justify; text-indent: 2em; font-size: 16px; line-height: 1.67; margin: 5em 0; border: 1px solid #eee; padding: 1em; border-radius: 0.5em;}
.catlist li{ border-bottom: 1px dotted #ddd; margin: 5px 2em;}
.catlist li a{display: block;}
.catlist li em{float: right;}
.catlist li em.price{font-weight: bold; color: #f60;}
.catlist li em.time{color: #999;}

.prolist .thead span{ background-color: #eee; font-weight: 700; text-align: center;}
.prolist li{position: relative; line-height: 2; overflow: hidden;}
.prolist li:nth-child(odd),.prolist tr:nth-child(odd){background-color: #f7f7f7;}
.prolist li > div{position: absolute; left:1em; right: 1em; opacity: 0; top: 3em; transition: all 0.3s;}
.prolist li:hover > div{ top: 0; background-color: rgba(255,255,255,.75); opacity: 1;}
.prolist li b{color:#f30; margin-left: 1em;}
.prolist li kbd{cursor: default;}
.prolist th,.prolist td{border: 1px solid #ddd; padding: 5px;}
.prolist th{background-color: #eee; text-align: center; font-weight: bold; font-size: 18px;}
.pagination > li > a, .pagination > li > span{float: none;}

.upfile {display: inline-block; vertical-align: middle; width: 5em;height: 5em; background: url(upfile.gif) no-repeat center; border: 1px dashed #ccc; opacity: 0.5;}
.upfile:hover{opacity: 1;} 
.upfile input{display: block; height: 100%; width: 100%; opacity: 0;}

#input-file span{display: inline-block; vertical-align: middle; width: 5em;height: 5em; position: relative; border: 1px dashed #ccc; margin-right: 5px;}
#input-file span > img{width: 40px; height: 40px; display: block; margin: 1em;}
#input-file span a{position: absolute; text-align: center; bottom: 0; background-color: rgba(0,0,0,0.5); width: 50%; opacity: 0; cursor: pointer;}
#input-file span a img{margin: auto;}
#input-file span a:last-child{right: 0;}
#input-file span:hover a{opacity: 1;} 

#searchForm{margin: 1em 0; border-radius: 1em;}
#searchForm input, #searchForm select{border: 1px solid #ddd; padding: 5px; background-color: #fff;}
.fold:after, .unfold:after{float: right; border: 1px solid #ddd; padding: 0px 0 5px 10px; border-radius: 5px; content: "》"; transform: rotate(90deg); color:#369 ;font-weight: bold;}
.fold:after{ transform: rotate(270deg);}

.itmax{width: 100%; box-sizing: border-box;}
.itmid{width: 16em;}
.itsort{width: 9em;}
.it5em{width: 5em;}
.itmini{width: 3em;}
input[type="date"]{line-height: inherit;}

/* 头像相关 */
.img-qrcode {
    display: inline-block !important;
    width: 64px;
    height: 64px;
	padding:0px;
    line-height: 64px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 5%;
    border-radius: 5%;
}
.img-qrcode-46 {
    width: 40px;
    height: 40px;
    line-height: 40px;
	margin-right: 2px!important;
}
.img-avatar {
    display: inline-block !important;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.img-avatar-48 {
    width: 48px;
    height: 48px;
    line-height: 48px;
}
.edit-avatar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.avatar-divider {
    display: inline-block;
    border-left: 1px solid rgba(77,82,89,0.07);
    height: 50px;
    align-self: center;
    margin: 0px 20px;
}
.edit-avatar-content {
    display: inline-block;
}
#cartbox table{width: 100%; border-collapse: collapse;}
#cartbox i{display: inline-block; width: 6.5em;}
.index-order-box{
	background: #FFFFFF;
	padding: 20px;
	height: 580px;
	margin: 0 5px;
	font-size: 12px;
}
.selectTips{position: absolute; left: 15px; right: 15px; border: 1px solid #66afe9; border-radius: 5px; background-color: #fff; max-height: 50vh; overflow-y: auto; cursor: default;z-index: 5;}
.selectTips li ,.selectTips label { padding: 0 15px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display: block; font-weight: normal;}
.selectTips li:hover{background-color: #66afe9; color:#fff;}
div.selectTips{padding: 1em 0;}


.orderHead dt {
	float: left;
	margin-right: 1em;
}
.orderHead dd {	overflow: hidden;}
.empty {
    font-size: 1.5em;
    padding: 2em;
    color: #333;
    text-align: center;
}
.empty:before{
    content: "";
    display: block;
    padding: 5em;
    background: url('empty.gif') no-repeat center;
    background-size: contain;
    margin: 1em;
}
.empty.sademot:before{background-image: url('sad.svg');}

/* 费用录入页图片上传后控制按钮 */
.img_ctrl{float: right;}
.img_ctrl a{display: block; cursor: pointer; line-height: 1; color: #999}


/*文件弹窗*/
#maskdiv{position: fixed; background-color: rgba(0, 0, 0, 0.5); inset: 0px; z-index: 9999;}
#maskdiv{position: fixed; background-color: rgba(0, 0, 0, 0.5); inset: 0px; z-index: 9999;}
.alert{position: fixed; background-color: rgb(255, 255, 255); top: 15vh; left: 33%; z-index: 10000; border: medium none; width: 34%; max-height: 60vh; padding: 5em; border-radius: 1em; box-sizing: border-box; overflow: auto; }
.alert h2{text-align: center; font-size: 2em;}
.alert p{margin-bottom: 1em;}

.bigPic{position: fixed; z-index: 10000; top: 10vh; bottom: 10vh;left: 10vw;right: 10vw; background-color: rgba(255,255,255,.5);border: 1px solid #ccc; border-radius: 1em;}
.bigPic .close{content: ""; position: absolute; right: 0; top: -8vh; background: url(close.png) no-repeat center; padding: 2em;}
.bigPic i{position: absolute; top:0; bottom:0; left:-10vw; width: 10vw; background: url(left.png) no-repeat center; cursor: pointer; opacity: .5; display: none;}
.bigPic i.right{left: inherit; left: 79vw; transform: scale(-1,1);}
.bigPic i:hover{opacity: 0.8;}
.bigPic img{display: block; margin: 0 auto; max-height: 80vh; min-width: 10em;}
.bigPic iframe{height:78vh;width:99%;border:0; margin:.5%} 

.culnav{white-space: nowrap; overflow: auto;}
.culnav a{padding: 0 1em;line-height: 2;display: inline-block;cursor: pointer;vertical-align: middle;border-radius: 5px 5px 0 0;margin-left: 3px;background-color: #9cf;color: #fff;max-width: 25%;overflow: hidden;text-overflow: ellipsis;}
.culnav a:hover{text-decoration: none; background-color: #69c; color: #fff;}
.culnav a.cur{    background-color: #f90;}

.table-scroll{padding: 0 15px;}
.footmark{padding-bottom: 22em;}

@media (max-width: 1300px) {
.nav {position:fixed; left: 0; right: 0;bottom: 0;padding: 0;z-index: 10; display: flex; white-space: nowrap; background-color: lightseagreen;}
.nav .title{padding: 0;}
.nav .submenu {	bottom: 3em;	overflow: hidden;}
.nav li{flex: 1; text-align: center; padding: 0.75em 0;}
}
@media only screen and (max-width: 767px) {
	body{font-size: 13px;}
    .header{height: 4.2em;}
    .main{display: block;}
    .logo{margin: 0; float: none;}
    .logo img{height: 3em; max-width: inherit; display: block; margin: auto;}
    .slogan{line-height: 1; font-size: 13px;}
    .nav .line{height: 0;}
    .nav > a {padding: 0.5em;}
    .public-qrcode img{width: 6em; margin: auto;}
    .col-sm-4 {width: 33.3333%;display: inline-block; padding: 0 ;}
    .col-sm-1, .col-sm-2, .col-sm-3{text-align: right; padding: 0;width: 15%; display: inline-block;}
    .form-control {padding: 5px; white-space: nowrap;}
    .selectTips{left: 0; right: 0;}
    .table-scroll{overflow-x:auto; white-space: nowrap; max-width: 100%;}
    .table-scroll tbody{padding-bottom: 2em; box-shadow: 3px 3px 5px #609FBF;}
    .table-scroll td:nth-child(2){white-space: normal; word-break: break-all;}
    td p{margin-bottom: inherit;}
    .table-scroll .fr{position: absolute; right: 15px; z-index: 1; max-height: 2em; width: 2em; overflow: hidden; box-shadow: 0 0 5px #000; background-color: #01447b;}
    .table-scroll .fr:before{display: block; content: "..."; width: 2em; text-align: center; color: #fff;}
    .table-scroll .fr input{display: block; width: 100%;}
    .table-scroll .fr:hover{width: auto; max-height: inherit; padding: 8px; border-radius: 5px !important; background-color: #fff; }
    .table-scroll .fr:hover:before{display: none;}
	.footer-container{ text-align: center;}
	.ft-right{ text-align: center;}
	.company-contact{ padding-top: 0;}
    .alert{left:10%; width: 80%; padding: 1em;}
    #conDiv{right:10% !important}
    
    /*单页*/
    .pagenav > i{display: block; position: absolute; line-height: 4; width: 1.5em; color: #fff; top: -1px; bottom: 0; background-color: #06c;}
    .pagenav .ftsucai-left{left: 0;}
    .pagenav .ftsucai-139{right: 0;}
    .content .side{display: none;}
    }
@media only screen and (max-width: 479px) {
    .home_news li{float:none; width:100%;}
    .slogan{display: none;}
    .homenews dl {display: block; padding: 1em;width: 100%;}
    .footer li {padding: 1em;border-bottom: 1px dotted;}
    .goldnav li {width: 48%; margin: 0 4% 4% 0;}
    .goldnav li:nth-child(2n){margin-right: 0;}
    .goldnav img {padding: 0; max-height: 12em; }
    .goldnav a {color: #fff;}
    .goldnav li p{background-color: rgba(0,0,0,0.5);}
    .goldnav li:hover p{padding: 0.5em;}
    .footmark{padding-bottom: 24em;}
    .tradebox {padding: 1em 0; position: static;}
    .tradebox button{ display: block; width: 100%;}
}
@media print{
    body{font-size:13px; min-height: inherit;}
    .col-md-6{width: 50%; float: left;}
    .bluebg, .noprint{display: none;}
    .qrcode{top: 8em}
    .orderHead{font-size: 12px;}
    h3{margin: 1em 0 0.5em;}
    th {background-color: #ccc;}
    table{border: 1px solid; border-collapse: collapse; width: 100%; font-size: 13px;}
    .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
    {border: 0.1mm solid #000 !important; padding: 5px !important;}
    .table tbody > tr > td{font-size: 0.825em; border-bottom: 1px dashed #666;}
}