/*=================
      通用样式
==================*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.ttf');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Microsoft YaHei';
}

a:hover {
    text-decoration: none;
}
a:link{text-decoration:none;}
a {text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
li {
    list-style: none;
}

html {
    font-size: 62.5%;
    position: relative;
}

body {
    position: relative;
    background: url(../images/bg.png) no-repeat top center; 
    background-size: cover;
   
}
.fl { float: left;}
.fr { float: right;}

/*header*/
.header { width: 100%; height: auto; background: #385479; z-index: 99999; }
.header-c {padding: 18px 2%; overflow: hidden; z-index: 99999;}
.header-logo { text-align: center; border: 0px solid red; float: left; padding-left: 40%; position: relative; z-index: 99999; }
.header-logo  img { z-index: 99999;}
.header-right { float: right; width: 15%; border: 0px solid red;margin-top: 20px; font-size: 1.625rem; color: #fff;position: relative; }
.header-cdq {display: block;overflow: hidden; zoom: 1;  width: 100%; padding: 10px 0; }
.header-cdqc, .header-cdq {  cursor: pointer;}
.header-cdqc { display: none; position: absolute;  left: 0; top: 35px;}

/* content*/
.home-ul { border: 0px solid red; overflow: hidden;}
.home-ul li {  height: 380px; width: 32.3%; float: left;  padding: 1%; text-align: center; font-size: 1.625rem; position: relative;
background: url(../images/pic9.png) no-repeat left top; background-size: 100% 100%; margin-right: 1.5%;}
.home-ul-rs { font-size: 5rem; padding-top: 100px; }
.home-ul-rs2 {width: 94%; height: 82px; line-height: 80px; position: absolute; left: 3%; bottom: 3%; font-size: 1.875rem;
color: #333333; text-align: left; padding: 0 4%; background: url(../images/pic10.png) no-repeat left top; background-size: 100% 100%;}
.home-ul-rs2-span { color: #666666; font-size: 1.625rem; float: right; background: url(../images/pic11.png) no-repeat left  50%;
padding-left: 25px; }
.home-ul li:nth-child(3) { margin-right: 0;}
.home-ul li:nth-child(6) { margin-right: 0;}
.home-ul2 { overflow: hidden;}
.home-ul2 li { width: 49.2%; height: 252px; float: left;   background: url(../images/pic9.png) no-repeat left top; 
    background-size: 100% 100%; margin-bottom: 1.5%; padding: 1%; text-align: center; }
.home-ul2 li:nth-child(1) {  margin-right: 1.5%;}
.home-ul2 li:nth-child(3) {  margin-right: 1.5%;}
.home-ul2 li:nth-child(5) {  margin-right: 1.5%;}
.home-ul2-l { width: 51%; float: left; font-size: 1.875rem;}
.home-ul2-l img { margin: 50px 0 35px 0;  }
.home-ul2-r { width: 49%; float: left; background: url(../images/pic10.png) no-repeat left top; background-size: 100% 100%;
height: 100%; font-size: 1.625rem; color: #333333; line-height: 50px; padding-top: 60px;}
.home-ul2-r span { font-size: 2.5rem;}


.content-box { width: 100%; border: 0px solid red; height:auto; overflow: hidden;}
.nav-left {width: 20%; height: 100%; float: left; }
.navbar-collapse {    padding-right: 0px;  padding-left: 0px;}
.navbar-default { background:url(../images/lbg.png) repeat left top; border:0px solid #ccc;margin-bottom: 10px;}

.content-left { width: 28.5%;  width: 100%; height: 100%; border: 0px solid blue; float: left; padding: 0 5%; padding-top: 30px;
   /* background:url(../images/lbg.png) repeat left top;*/ font-size: 1.25rem; }
.content-left li {  height: 80px; line-height:80px;  border: 0px solid #fff; text-indent: 10%;}
.content-left li a { font-size: 1.875rem; display: block;  font-weight: 500;  color: #fff; border-left: 0px solid #fff;}
 .content-left li .active { background: #f4f4f4; color: #003333; display: block; background: url(../images/lbg2.png) no-repeat left top;
 background-size: 100% 100%;} 
.content-left li .active:hover { color: #003333;  text-decoration: none;}
 .content-left li a  img { margin-right: 10px; display:none ; }
 .content-left li a:hover {color: #fff;}
.content-left li a span {  display: inline-block;vertical-align: middle; }
 .content-left li .a, .homeCase .homeCaseBoxList ul li .b{display:block;}
 .content-left .this .a{display:none !important;}
 .content-left .this .b{display:block !important;}


.content-right { width: 71.5%;width: 80%;  border: 0px solid blue; float: left; padding: 0 3%; color: #fff; margin-bottom: 60px;}
.content-right-title { font-size: 2.125rem; font-weight: bold; height: 80px; line-height: 80px; margin-top: 10px;}
.content-right-title span { font-size: 1.625rem;}
.content-right-box { width: 100%;  padding:2%; background: url(../images/rbg.png) no-repeat left top;   background-size: 100% 100%;}
.content-right-search { margin-bottom: 30px; /*width: 45%; */overflow: hidden; color: #ffffff;}
.content-right-search1 { width: 31%; background: url(../images/pic6.png) no-repeat left top; border: 0px solid red; height: 60px;
line-height: 60px; float: left; font-size: 1.625rem; color: #ffffff; text-indent: 3%;}
.content-right-search1::-webkit-input-placeholder{ color: #fff;}
.content-right-search1:-moz-placeholder{ color: #fff;}
.content-right-search1::-moz-placeholder{ color: #fff;}
.content-right-search1:-ms-input-placeholder{ color: #fff;}


.content-right-search2 { width: 9%; height: 60px; line-height: 60px; border: 1px solid #fff; background: #fff; text-align: center;
color: #666666; font-size: 2rem; float: left;}

.content-right-table { width: 100%; }
.content-right-table tr th { text-align: center; font-size: 1.875rem; font-weight: 100; height: 60px;}
.content-right-table tr th:nth-child(1) { border-right: 2px solid #97a7b4;}
.content-right-table tr th:nth-child(2) { border-right: 2px solid #97a7b4;}
.content-right-table tr th:nth-child(3) { border-right: 2px solid #97a7b4;}
.content-right-table tr th:nth-child(4) { border-right: 2px solid #97a7b4;}
.content-right-table tr th:nth-child(5) { border-right: 2px solid #97a7b4;}
.content-right-table tr th:nth-child(6) { border-right: 2px solid #97a7b4;}
.content-right-table tr th:nth-child(7) { border-right: 2px solid #97a7b4;}
.content-right-table tr th:nth-child(8) { border-right: 2px solid #97a7b4;}
.content-right-table tr { background: url(../images/pic6.png) no-repeat left top; border-bottom: 2px solid #97a7b4;  
 background-size: 100% 100%; background-size: cover;}
.content-right-table tr td {   text-align: center; font-size: 1.625rem;  height: 60px;     padding: 0 1px;}
.content-right-table-w8 { width: 8%;}
.content-right-table-w10 { width: 10%;}
.content-right-table-w12 { width: 12%;}
.content-right-table-w15 { width: 15%;}
.content-right-table-w18 { width: 18%;}
.content-right-table-w20 { width: 20%;}
.content-right-table-w25 { width: 25%;}
.content-right-table-w30 { width: 30%;}
.content-right-table-w35 { width: 35%;}
.content-right-table-a a { padding: 0 4%; color: #fff; }



.content-right-search3 {  width: 20%; background: url(../images/pic6.png) no-repeat left top; border: 0px solid red; height: 60px;
line-height: 60px; float: left; font-size: 1.625rem; color: #ffffff; text-indent: 3%; margin-right: 0.5%;}
.content-right-search3::-webkit-input-placeholder{ color: #fff;}
.content-right-search3:-moz-placeholder{ color: #fff;}
.content-right-search3::-moz-placeholder{ color: #fff;}
.content-right-search3:-ms-input-placeholder{ color: #fff;}

.edit-l { line-height: 50px; font-size: 1.625rem; color: #fff; float: left;}
.edit-search { width: 35%; overflow: hidden;}
.w100 { width: 100%;}
.w50 { width: 49%;}
.edit-search2 { width: 48.5%; height: 50px; line-height: 50px; border: 1px solid #fff; background: #fff; text-align: center;
color: #666666; font-size: 1.875rem; margin-top: 10px;}
.records-input { background: url(../images/pic7.png) no-repeat 98% center;  }
.records-div { width: 20%;     margin-right: 0.5%;  height: 60px; float: left; position: relative;}
.records-div img { position: absolute; top: 18px; right: 6%;}
.view-title { font-size: 1.625rem; padding-bottom: 15px;}
.view-search { width: 52%; border: 0px solid red; overflow: hidden;}
.view-input { width: 49%; float: left; margin-bottom: 35px;}
.view-date { font-size: 1.625rem; color: #fff; padding-bottom: 20px;}
.view-input input { font-size: 1.875rem;}
.view-input:nth-child(2) { margin-left: 2%;}
.view-input:nth-child(4){margin-left: 2%;}
.questions-select { background: url(../images/pic6.png) no-repeat left top;  height: 60px; border: 0px solid #afbdc6;
line-height: 60px; float: left; font-size: 1.625rem; color: #ffffff; text-indent: 2%; margin-right: 0.5%;}
.questions-select option { background: url(../images/pic6.png) no-repeat left top; background: #afbdc6; }
.questions-w20 { width: 20%;}
.questions-w10 { width: 10%;}
.questions-iw20 { width: 20%;}
.questions-iw22 { width: 22%;}
.questions-sw10 { width: 10%;}
.questions-b { height: 60px;  width: 15%; float: right; color: #333333; font-size: 1.875rem; background: #fff;  text-align: center;
border: 1px solid #fff; line-height: 60px; display: block;    margin-left: 0.5%;}
.questions-b:hover {color: #333333;}
.questions-b:visited { color: #333333;text-decoration:none;}

.questions-add { width: 100%; border: 0px solid red; overflow: hidden;}
.questions-add-input { width:24.6%; float: left; margin-bottom: 35px; margin-right: 0.5%;}
.view-input:nth-child(2) { }
.questions-add-input:nth-child(4){margin-right: 0;}
.questions-box { overflow: hidden; margin-bottom: 1.5%;}
.questions-box-input {  width: 25%; background: url(../images/pic6.png) no-repeat left top; border: 0px solid red; height: 60px;
line-height: 60px; font-size: 1.875rem; color: #ffffff; text-indent: 5%;  float: left;}
.questions-box span { margin-right: 0%; font-size: 1.875rem; display: inline-block; float: left; margin-right: 1%; line-height: 60px;}
.questions-box-input:nth-child(2) { margin-right: 3%;}
.width10 { width: 10%; font-size: 1.875rem;}
.questions-box2 { overflow: hidden; margin-bottom: 1.5%;}
.width50 { width: 64%; }
.questions-box2 span { line-height: 60px; margin-left: 1%;}
.questions-button { width: 19%; height: 50px; line-height: 50px; border: 1px solid #fff; background: #fff; text-align: center;
color: #666666; font-size: 2rem; }
.home-ul2-r2 { width: 49%; float: left; background: url(../images/pic10.png) no-repeat left top; background-size: 100% 100%;
height: 100%; font-size: 1.625rem; color: #333333;  text-align: left;  padding: 2% 2%; line-height: 50px;}
.home-ul2-r2 a { font-size: 1.625rem; color: #333333; display: inline-block; height: 36px; line-height: 36px; 
text-align: center; border-radius: 18px; padding: 0 5.9%; margin-left: 2%;     margin-top: 20%;
background: url(../images/pic10.png) no-repeat left top; background-size: 100% 100%;}
.home-ul2-r2 a:nth-child(3){margin-left: 0;}

.equipment-ul li { width: 49.6%; height: 252px; float: left;   background: url(../images/pic9.png) no-repeat left top; 
    background-size: 100% 100%; margin-bottom: 0.5%; padding: 1%; text-align: center; }
.equipment-ul li:nth-child(1) {  margin-right: 0.5%;}
.equipment-ul li:nth-child(3) {  margin-right: 0.5%;}
.equipment-ul li:nth-child(5) {  margin-right: 0.5%;}
.equipment-add { margin-bottom: 10px;}
.equipment-add option {     background: #afbdc6;}
.w30{ width: 30%;}

.logins { width: 100%; padding: 2.6%;  overflow: hidden; margin-bottom: 300px;}
.logins li { width: 32%;  float: left; margin-right: 1.56%; }
.logins li a { display: block; border: 0px solid red; padding: 1.7%; overflow: hidden;  background: url(../images/pic21.png) no-repeat left top; 
    background-size: 100% 100%; }
.logins li:nth-child(3) {  margin-right: 0;}
.logins li:nth-child(6) {  margin-right: 0;}
.logins li:nth-child(9) {  margin-right: 0;}
.logins li .logins-l{  display: inline-block; width: 42%; float: left;}
.logins li .logins-l img { width: 100%;}
.logins li .logins-r { display: block; width: 58%; float: left; text-align: center; font-size: 2.5rem; color: #fff; font-weight: bold;
line-height: 40px; padding-top: 23%; }





@media all and (max-width:1300px) {   
.home-ul2-r2 a { padding: 0 5.5%;}
.content-right-table-a img { width:15px; height: 10px; }

}
@media all and (max-width:1200px) {    
.home-ul2-r2 a { padding: 0 4.8%;}
.questions .questions-select { width: 30%; margin-bottom: 2%;}
.questions  .questions-iw20 { width: 30%;}
.questions .questions-b { float: left;}
.records-table-w img { width:15px; height: 10px; }
}

@media all and (max-width:1100px) {    
.home-ul-rs2 { font-size: 1.625rem;  }
.home-ul-rs2-span { padding-left: 20px; background-size: 15px 15px;}

.home-ul2-r2 { line-height: 32px;}
.home-ul2-r2 div span { display: inline-block; width: 100%;}
.home-ul2-r2 a { margin-top: 3%;     padding: 0 8.5%;}
}
@media all and (max-width:1000px) {    
.header-right { width: 17%}
.header-logo { padding-left: 35%;}
.home-ul-rs2 { height: auto; line-height: 30px; padding: 5% 4%;}
.home-ul-rs2-span { width: 100%;}
.content-right-table-a img { width: 15px; height: 10px;}


}

@media all and (max-width:900px) {    
.header-right { width: 20%} 
.header-logo { padding-left: 30%;}
.content-left li  { text-indent: 2%;}
.content-left li a img { margin-right: 5px;}
.home-ul2 li { width: 100%;}
.content-right-table-a a { width: 100%; display: inline-block; margin-bottom: 2%;}
}

@media all and (max-width:768px) {    
.header-right {     display: none;} 
.header-logo { padding-left: 25%;     position: relative;}
.content-right { width: 100%;}
.content-left {  padding-top: 10px; padding: 10px 0 0 0; width: 100%;  }
.content-left li { width: 100%; float: left; height: 50px; line-height: 50px;}
.content-right-table-a img { width: 15px; height: 10px;}
.view-search { width: 100%;}
.edit-search { width: 85%;}
.questions-b { width: 18%;}
.questions-add-input { width: 49.5%;}
.nav-left { width: 100%;  position: absolute; top: 15px; left: 0;       z-index: 9;}
.content-left { background: url(../images/lbg.png) repeat left top; z-index: 9999;    background: #385479; 
/*margin-top: 30px;*/}
.navbar-default {   }
.nav-left-collapse{  padding-right: 0px; padding-left: 0;}
.navbar-header { background: #385479;      padding-bottom: 15px;} 
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #385479;}
.logins li { width: 100%; margin-bottom: 10px;}
.logins { margin-bottom: 0;}
}


@media all and (max-width:414px) {    
 .header-logo { padding-left: 0; text-align: left; width: 55%;}
.header-logo img  { width:100%; }
.header-right { width: 42%; margin-top: 3px ;  }
.home-ul li { width: 100%; margin-bottom: 1.5%;}
.content-right-search1 { width: 75%;}
.content-right-search2 { width: 25%;}
.edit-search { width: 100%; }
.content-right-search1 { /*width: 100%;*/}
.records-div { width: 50%; margin-bottom: 1.5%;}

.content-right-search3 { width: 100%; margin-bottom: 10px;}
.records-div .content-right-search3 { width: 100%;}
.view-input input  { width: 100%;}
.view-input {  margin-bottom: 10px;}
.view-date {     padding-bottom: 10px;}
.questions-b { width: 49%; float: left; margin-top: 10px;}
.edit-search { width: 100%;}
.questions-w20 { width: 100%; margin-bottom: 1.5%;}
.questions .questions-select { width: 100%; margin-bottom: 2%;}
.questions  .questions-iw20 { width: 75%;}
.questions .questions-b { float: left;}
.questions-add-input { width: 100%; margin-bottom: 1px;}
.questions-box-input  {width: 70%;}
.questions-i2 { width: 100%;}
.questions-box span  { float: left; width: 100%; line-height: 35px;}
.view-title { padding: 10px 0;}
.questions-button { width: 35%;}
.equipment-add { width: 100%; margin-bottom: 1px;}
.equipment-ul li { margin-bottom: 10px;}
.records-div { width: 100%; margin-bottom: 10px;}
.records-i { width: 74%;}

.records-table .content-right-table-w20 { width: 10%;}
.records-table .records-table-w { width: 13%;}
.home-ul-rs2-span { width: auto;}
.content-right-search { margin-bottom: 10px;}
.edit-input { width: 100%;}
.content-right-title { margin-top: 0; height: 40px; line-height: 40px; font-size: 1.75rem;}
.content-left li  { height: 50px; line-height: 50px;}
}

.header-logo { width: 100%;    padding-left: 0;}
.logins li {     margin-bottom: 20px;}
.header-logo a{ font-size: 2.875rem;color: #fff;     font-weight: bold; height: 35px;}
.header-logo a img { margin-right: 15px; display: none;}

/* footer*/
.footer { height: 50px; line-height: 50px; text-align: center;color:#fff;background: url(../images/fbg.png) no-repeat left top;  
  background-size: 100% 100%; margin-top: 2px;}