body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0}
input,button,select,textarea{outline:none}
li{list-style:none;}
img{border:none}
textarea{resize:none}
em{ font-style: inherit;}
body{word-break:break-all;word-wrap:break-word;font-family: "microsoft sans serif",arial;font-size: 12px;background: #f5f5f5; color: #333;}
a:hover{text-decoration: none;}
a{color: #333;}

/*topbar*/

#topbar{width: 100%;height: 5rem;border-bottom: #eee solid 1px;background: #fff;position: relative; z-index: 2; }
#topbar .topbar-title{width: 81%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; height: 5rem;line-height: 5rem;font-size:1.8rem;display: block;text-align: center;position: absolute;top: 0;left: 3.2rem; z-index: 1;}
#topbar .topbar-icon{width: 4rem; height: 5rem;line-height: 5rem;font-size: 1.8rem; display: block; text-align: center; z-index: 2;position: relative;}
#topbar .topbar-icon i{width: 4rem; height: 5rem;display: block;font-size: 24px;}



.box{width: 100%;background: #fff;margin-bottom:1rem;}
.box-title{width: 100%;border-bottom: #eee solid 1px;height: 5rem; padding: 0 1rem; position: relative;}
.box-title h1{font-size: 1.6rem;font-weight: bold;line-height: 5rem}
.box-title .review-write{position: absolute;right: 1rem; line-height: 2rem; height: 2rem; font-size: 1.2rem;top: 1.5rem; }
.box-title .review-write i{margin-right: 0.5rem;}
.box-title .review-write a{color: #2394FB;}
.box .more{width: 100%; padding:.5rem 0; text-align: center;font-size: 2rem;}


.menu{width: 100%;padding: 2rem .5rem;}
.menu li{width: 20%; text-align: center;float: left;}
.menu .list,.menu .list a{width:100%; height: 100%;display: block;}
.menu p{ margin-top: 1rem;font-size: 1.4rem; margin-bottom: 0;}
.menu .list i{width: 3rem;height: 3rem; margin: 0 auto; display: block;text-align: center;margin: 0 auto;}
.menu .list i img{width: 100%; height: 100%;}
.menu li .active p{color: #2394fb;}
/*notice*/

.notice{ padding: 1rem 1rem;}
.notice-scroll{width: calc(100% - 10rem);float: left; height: 3rem; padding-left: 1rem; padding-right: 1rem;}

.notice-more{width: 4rem; height: 3rem;float: left; line-height: 3rem;font-size: 1.4rem; text-align: right;}
.notice-more a{ color: #999;}
.notice-tip{width: 6rem; height: 3rem;float: left;}
.notice-tip{background: url(../img/news-tip.jpg) no-repeat center center;background-size: 100%;}
.notice-scroll li{width:100%; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 3rem; line-height: 3.1rem;font-size: 1.4rem;}

.item-list,.news-list{padding: 1.5rem 1rem 0 1rem;}
.item,.news{width:100%; float: left; margin-bottom: 1.5rem;border-bottom: #eee solid 1px; padding-bottom: 1.5rem; position: relative;}
.item-img,.news-pic{width:120px; height:90px; background: #fafafa;float: left;border: #eee solid 1px;}
.item-info,.news-content{width: calc(100% - 120px - 1rem); height: 90px; float: right;position: relative;}
.item:last-child,.news:last-child{border: none; margin-bottom: 0;}
.item-img img,.news-pic img{width: 100%; height: 100%;}
.item .manager{width: 100%; height: 2rem;line-height:1.9rem; position: absolute;bottom:0;color:#999}
.item .manager span{width: 50%;display:block;float:left;}
.item .manager span i{margin-right: 5px;}

.item-more{width:calc(100% - 2rem); background:#f5f5f5;text-align: center;padding: 1rem; font-size: 1.4rem; margin:0 1rem 1rem ;display: inline-block;}

.notice-scroll{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.item .department{color: #999;font-size: 1.2rem; position: absolute;bottom:2.5rem;}
.star img{width: 1rem;height: 1rem;float: left; margin-right: .2rem;}
.news-date{position: absolute;bottom: 0rem; color: #999;}

.item .name{height: 4rem;}
.item .name h1{font-size:1.4rem; line-height:2rem; width: 100%;height: 100%;overflow: hidden;text-overflow: ellipsis;}
.news-name h1{font-size:1.4rem;overflow: hidden; line-height:2rem;overflow: hidden;text-overflow: ellipsis;}

.contact{padding: 1rem;}
.contact h1{font-size: 1.4rem; margin: 1rem 0;}
.contact p{font-size: 1.2rem;color: #999; line-height: 1.5mre;}


/*search*/


.search .iconfont{font-size:2rem;}
.hotlist{padding:0 1rem 1rem;}
.hostroybox ul{}
.search-title{width: 100%; height: 4rem; padding: 0 1rem; line-height: 4rem; font-size: 1.4rem;}
.search-title h1{float: left;font-size: 1.4rem; line-height: 4rem; font-weight: bold;}
.search-title .clear{width: 4rem;height: 4rem;display: block; text-align: right;}
.search-title .clear a{width: 100%;height: 100%;display: block;}
.hotlist a{ height: 3rem; line-height: 3rem;font-size: 1.4rem; padding: 0 1rem;border-radius: .4rem;background: #fafafa;display: block;float: left;
margin-right: .5rem; margin-bottom: .5rem; color: #999;}
.hotlist a:hover{background: #eee;}
.hostroybox .search-title{border-bottom: #eee solid 1px;}
.hostroylist li{width:100%; padding: 0 1rem; height: 4rem; line-height: 4rem;border-bottom: #eee solid 1px;}
.hostroylist li a{width: 100%; height: 100%; display: block;}
.hostroylist li:hover{background: #fafafa;}

/*页脚*/
footer{ text-align: center;font-size: 1rem;color: #aaa; padding:1rem 0 2rem 0;}
footer .footer-nav{width: 100%; display: block;font-size: 1.2rem; margin-bottom: .5rem;}
footer .footer-nav a, footer .footer-nav em{display: inline-block;}
footer .footer-nav em{ margin: 0 .5em;font-size: 1.2rem;color: #aaa;}
/*分类*/





#sidebar{width: 80%; height: 100%;position: fixed;left:-100%;top: 0;background: #fff; z-index: 100; transition: .3s;}
.leftsort #sidebar{left: 0; transition:.3s;}
.sidebar-collapse{position: absolute; height: 100%;overflow: auto;}
.side-title{width: 100%;height: 2rem; margin: 1rem 0; line-height: 2rem;font-size: 1.5rem; padding: 0 2rem;font-weight: bold;}
.side-menu a{width:100%;height:5rem;line-height: 5rem; font-size: 1.5rem;padding: 0 1.5rem;display: block;float: left;color: #333;
border-bottom: #eee solid 1px;}
.side-menu a:hover{background: #eee;}

#sidebar-bg{width: 100%; height: 100%;position: fixed;background:rgba(0,0,0,.5); z-index: 99; top: 0;left:0; display: none; transition: .5s;}
.leftsort #sidebar-bg{display: block;}
/*仪器预览-筛选*/

.filter-box{width: 100%; padding: 1rem;font-size: 1.4rem;}
.filter-box ul{width:100%;display: inline;white-space: nowrap;overflow-x:auto;float:left;overflow-y:hidden;margin-right: 1rem; }
.filter-box li{display:inline-block;}
.filter-box a{ padding: 0 1rem; height: 3rem; line-height: 3rem; text-align: center; border-radius: .5rem; display: block;float: left;}
.filter-box .active a{background: #2d95e1;color: #fff;}
.filter-box .sort,.filter-box .unit,.filter-box .relation,.filter-box .share,.filter-box .order{margin-top: .5rem;}



.instrumen-nav{width: 100%;padding:1rem; height: 5rem; position: absolute; top: 0;left: 0; z-index:10;}
.instrumen-nav span{width: 3rem; height:3rem; line-height: 3rem; color: #fff;font-size:24px ; border-radius: 50%;background:rgba(0,0,0,.5);display: block; text-align: center;}
.instrumen-nav a{width: 100%; height: 100%; display: block;color: #fff;}
.instrumen-img{width: 100%;height: 50%;padding: 2rem 0;background-color: #fafafa}
.instrumen-name{ padding: 1.5rem 1rem;}
.instrumen-name h1{font-size: 1.8rem;font-weight: bold;line-height: 2.5rem;}
.instrumen-img img{width: 100%;height: 100%;}

.orderbox{width: 100%;background: #fff;height: 5rem;text-align: center;font-size: 1.6rem;position: fixed;bottom: 0rem;left: 0;box-shadow: rgba(0,0,0,.3) 5px 3px 20px;z-index: 1;}
.orderbox .collect{width: 6rem;float: left; text-align: center;font-size: 1.2rem;}
.orderbox .collect i{width: 2rem; height: 2rem; display: block; margin: 0 auto 1rem auto;font-size: 24px;}
.orderbox .collect i img{width: 100%; height: 100%;}

.orderbox .orderbutton-box{width: calc(100% - 6rem);float: right; height: 5rem;}
.orderbox .orderbutton-box a,.orderbox .safebutton-box a{width: 50%; height: 100%; line-height: 5rem;float: left;display: block;}
.orderbox .textbutton-box a{width: 100%; height: 100%; line-height: 5rem;float: left;display: block;}
.orderbox .safebutton-box{width: 100%;float: right; height: 5rem;}
.orderbox .textbutton-box{width: calc(100% - 12rem);float: right; height: 5rem;}

.orderbox .btn-order-time {background: #2394FB; color: #fff;}
.orderbox .btn-order-sample {background: #f60; color: #fff;}

.basicbox{ padding:1rem}
.basicbox .infor li{width: 100%;line-height: 3rem;font-size: 1.4rem;display: block;min-height:3rem;}
.basicbox .title{display: block;min-width: 20%;float: left; color: #999; margin-right: 1rem;}
.informenu{padding: 0rem 0 1rem 0; clear: both;}
.informenu .side-menu a{text-align: center;}

.basicbox .p{font-size:1.4rem; height: 100px;overflow: hidden;}
.basicbox .open{height: auto !important; }
.basicbox .p ~ .more{font-size: 1.4rem; margin:1rem 0 0 0; padding: 0;}
.basicbox .p ~ .more .fa-angle-up{display: none;}
.basicbox .open ~ .more .fa-angle-down{display: none;}
.basicbox .open ~ .more .fa-angle-up{display: block;}
/*评论*/
.reviewbox{ padding: 0 1rem;}
.review-list{width: 100%;border-bottom: #eee solid 1px; padding: 1rem 0;}
.review-list:last-child{border-bottom:transparent solid 1px;}
.review-list .head{width: 100%;padding:1rem 0;float: left;}
.review-list .head .img img{width: 100%; height: 100%;border-radius: 50%; }
.review-list .head .img{width:3rem; height:3rem;float: left;margin-right: 1rem;}
.review-list .head .name{width:calc(100% - 14rem);float: left;}
.review-list .head .name h1{font-size: 1.4rem;}
.review-list .head .name p{font-size: 1rem;color: #999;}
.review-list .head .star{float:right; margin-top: 1rem;}
.review-list .content{ padding: 0;font-size:1.4rem;}



/*.headmenu{width: 100%;height: 100%;display: none;top: 0;left: 0;position: absolute;background:rgba(0,0,0,.5);z-index: 1;}
.headmenu.open{ display: block;}
.headmenu .side-menu{background: #fff; padding-top: 5rem; padding-bottom: 1rem; text-align: center;}
.headmenu .side-menu .active,.headmenu .side-menu a:hover{background: #2d95e1;color: #fff;}
*/
/*日历*/

.order-show{ padding:2rem 1rem 1rem; }
.order-show .show-list{margin: 0 1rem 1rem 0;float: left; width: 25%;}
.order-show .show-list span{float: left;}
.order-show .iconshow{width: 1rem;height: 1rem;display: block;border-radius: 50%;float: left;margin-top: 0.3rem;margin-right: 0.2rem;}
.showcolorone{background: #b9b973;}
.showcolortwo{background:/* #e7f5fe;*/ green;}
.showcolorthree{background: #66cc9a;}
.showcolorfour{background: #ff3300;}
.showcolorfive{background: #edee33;}


.calendarbox .time-list{width: 100%; height: 4rem;border-bottom: #eee solid 1px;}
.calendarbox .time-list .time{width: 20%;height: 4rem;line-height: 4rem;border-right: #eee solid 1px;text-align: center;float: left;}
.calendarbox .time-list .content{width:calc(80% - 1px);height: 4rem;float: left; padding:0.7rem 1rem;}

.order-infor{font-size: 1.5rem;}
.order-infor li{width: 100%;}
.order-infor li span{width: 30%;float: left;display: block;color: #999;}


.modal-content{ margin:0 2rem;}
.modal-footer{font-size: 1.5rem; text-align: center;}
.modal-footer a{padding: 0 4rem}
.modal-footer em{color: #aaa;}
.modal-footer .submit{color: #2d95e1;}
.modal-footer .cancel{color: #000;}
.modal-body p{font-size: 1.4rem; text-align: center;}

.costrule{ padding: 1rem;}
.table{ margin-bottom: 0;}
.table>thead>tr>th{background: #f9f9f9;border-bottom: none;}
.costrule .table tr td:first-child{text-align: right;}
.panel-collapse{margin-top: -1px;}
.panel-title{position: relative;}
.collapse-icon{position: absolute;right: 1rem; top: 1rem;}


.collapse-icon .fa-angle-down{display: none;}
.collapsed~.collapse-icon .fa-angle-down{display: block;}
.collapsed~.collapse-icon .fa-angle-up{display: none;}

/*文件下载*/

.downloadbox{width: 100%;}
.bannerimg{width: 100%; height: 100%; padding:1rem;}
.bannerimg img{width: 100%; height: 100%;}
.downloadbox .list{ padding:0 1rem 1rem; width: 100%;}
.downloadbox .list li{width: 100%;float: left; padding:2rem 0rem;border-bottom: #eee solid 1px;}
.downloadbox .list li:last-child{border-bottom:none}
.downloadbox .list h1{font-size: 1.4rem; margin-bottom: .5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.downloadbox .list h1 b{margin-right: 1rem;}
.downloadbox .list span{font-size: 1.2rem;color: #999; margin-right: 10px;}
.downloadbox .list .file-name{width:100%;float: left; padding-right: 1rem;}
.downloadbox .list .file-download{width:20%;height: 3rem;float: right;text-align: right;}
.downloadbox .list .down-file-name{width:80%;float: left; padding-right: 1rem;}

.downloadbox .title{width: 100%; padding: 2rem 0;text-align: center;border-bottom:#eee solid 1px;}
.downloadbox .title h1{font-size: 1.8rem;font-weight: bold; text-align: center;}
.downloadbox .title span{font-size: 1.4rem;margin-top:1rem; color: #999; display: inline-block;}

.downloadbox .list i{width: 14px;height: 14px;display: inline-block; margin-right: 5px; }
.downloadbox .list i img{width: 100%; height: 100%;}

.permissionbox{ padding: 1rem;}
.permissionbox .table thead th{ text-align: center;}
.permissionbox .table{ text-align: center;}

/*abou*/

.contentbox,.feedbackbox{ padding: 1rem;}
.contentbox .img{width: 100%; height: 100%; text-align: center;}
.contentbox .img img{width: 100%; height: 100%;}
.contentbox h1{font-size: 2rem;font-weight: bold; text-align: center; margin-top: 2rem;}
.contentbox p{font-size: 1.4rem;line-height: 3rem; text-indent: 3rem; margin-top: 2rem;}


.fd-title input{ width: 100%; height: 4rem; line-height: 4rem; padding: 0 1rem;border: none;border-bottom: #eee solid 1px;font-size: 1.4rem;}
.fd-content textarea{width: 100%;min-height: 20rem; padding: 1rem;border: none;font-size: 1.4rem; color: #999;}
.fd-button .btn{width: 100%;background: #2394FB; color: #fff; height: 4rem;}



::-webkit-input-placeholder{ color: #999;}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{ color: #999;}                  /* Firefox版本4-18 */
::-moz-placeholder{ color: #999;}                  /* Firefox版本19+ */
:-ms-input-placeholder{ color: #999;}           /* IE浏览器 */



/*考试*/

.userbox{ padding:2rem 1rem;}
.userbox .head{width: 5rem; height: 5rem;border-radius: 50%;float: left;border:#eee solid 1px;}
.userbox .head img{width: 100%;height: 100%;border-radius: 50%;}
.userbox .infor{width: calc(100% - 6rem - 2px); margin-left: 1rem;float: left;}
.userbox .infor h1{font-size: 1.8rem;font-weight:bold;margin: .5rem 0;}
.userbox .infor ul{width: 100%;}
.userbox .infor ul li{width: 50%;float: left;}
.point{width: 100%; padding: 1rem;border-top: #eee solid 1px;}


/*登录*/

.loginbox {
	width: 100%;
	height: 100%;
	padding: 4rem 3rem;
	position: fixed;
	overflow-y: auto;
	top: 0;
	left: 0;
	background: #fff; 

}

.loginbox .icon{width:80px; height: 80px;margin: 0 auto;}
.loginbox .icon img{width: 100%; height: 100%;}
.loginbox .formbox {width: 100%;border-radius: 0rem;margin-top: 3rem;}
.loginbox h1 {text-align:center;font-size: 2.4rem;	margin: 2rem 0 1rem 0;color: #333;}
.loginbox p{ text-align: center;font-size: 1.2rem;color: #bbb; padding: 0 5%;}
.loginbox .form-control {border-radius: .5rem;height: 4.5rem;line-height:  4.8rem;border:#eee solid 1px;
	font-size: 1.4rem;box-shadow: none;background: transparent;color: #333;padding: 0 1.5rem;
	}
.loginbox .form-control:focus {box-shadow: rgba(0, 0, 0, .1) 2px 0 20px 0;}
.loginbox .control-label {font-weight: normal; margin-bottom:0; color:rgba(255,255,255,.8)}

.loginbox .btn {
	width: 100%;
	height:  4.5rem;
	line-height:  4.5rem;
	border-radius:.5rem;
	font-size: 1.6rem;
	padding: 0;
	margin-top:1rem;
	
}

.loginbox .btn-primary {background: #2394fb;border: #fff solid 1px;}
.loginbox .btn-default {background:#fff;border: #ddd solid 1px;color: #333;}

.loginbox .btn-default:focus{outline: transparent;}
.loginbox .form-group {margin-bottom: 1.5rem;position: relative;}
.loginbox .form-group p {text-align: center;line-height: 4rem;font-size: 1.2rem;}
.loginbox .form-group i {height: 4rem;line-height: 4rem;font-size: 1.8rem;display: block;position: absolute;top: 0;left: 0;text-align: center;color: #2394fb;}

.formbottom {
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	background:#f9f9f9;
	color: #555;
}

.formbox a{color: #333;}
.formbottom a{color: #333;}
.formbottom a b{color: #2394fb;}

.formbox input::-webkit-input-placeholder {
        
         color: #999;
        
       
    }



.test-list{ padding:2rem 1rem;}

.test-list dl dt h1{font-size: 1.6rem;font-weight: bold}
.test-list dl dt,.test-list dl dd{width: 100%;position: relative;}
.test-list dl span{width: 2rem; height: 2rem;display: block;position: absolute;top:0; left: 0;border-radius: 50%;border: #ddd solid 1px; text-align: center; line-height: 1.8rem;}
.test-list dl p{ padding-left: 3rem; line-height: 2rem;font-size:1.4rem;}
.test-list dl dd{min-height: 2rem;margin-top: 2rem;width: 100%;display: block;cursor: pointer;}

.single .active span,.many .active span{background: #2394fb;border: #2394fb solid 1px; color: #fff;}
.test-footer{width: 100%;background: #fff; height: 5rem; line-height: 5rem; position: fixed;bottom: 0;left: 0; text-align: center;border-top: #ddd solid 1px;font-size: 1.6rem;}
.test-footer span,.test-footer em{display: inline-block;margin: 0 1rem;}
.testbox{margin-bottom: 6rem;}
.test-footer i{ margin-right: 10px;}
.test-footer em{color: #ddd;}


.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}



.contactus{ margin:1rem;background: #f5f5f5; padding: 2rem;font-size: 1.4rem;}
.contactus h1{font-size: 1.8rem; margin-bottom: 1rem;}
.contactus p{color: #999;line-height: 2rem;}
.contactus b{margin-bottom: .5rem;}


video{max-width: 100%;}