﻿.w1200{
 width: 1200px;
 margin: 0 auto;
}
.header {
 width: 100%;
 height: 70px;
 background: url(20210820134745.png);
 color: #fff;
}
ul.header_site {
 overflow: hidden;
}
ul.header_site li {
 height: 70px;
 line-height: 70px;
 width: 110px;
 text-align: center;
}
ul.header_site li:hover{
 background: #7ec6d4;
}
ul.header_site li:hover a{
 color: #fff;
}
ul.header_site li.current {
 background: #7ec6d4;
}

ul.header_site li a {
 font-size: 16px;
 color: rgba(255,255,255,0.5);
 display: block;
 width: 100%;
 height: 100%;
}
ul.header_site li.current a {
 color: #fff;
}
li.fl.backPage {
 width: 126px;
 border-left: 1px solid #178d9c;
 border-right: 1px solid #178d9c;
}
li.fl.backPage a{
 width: 126px;
 color: #fff;
}
ul.header_site li.searchBox {
 width: 255px;
 padding-left: 15px;
 box-sizing: border-box;
}
ul.header_site li.searchBox:hover{
 background: #3eacc9;
}
.searchBox_input {
 overflow: hidden;
 margin-top: 17px;
}
.searchBox_input .form-control {
 width: 200px;
 height: 37px;
 border-radius: 5px 0 0 5px;
 background: #94cfd7 url(20210818113706.png) no-repeat 15px center;
 border: none;
 padding-left: 44px;
 float: left;
 color: #fff;
}
.form-control::-webkit-input-placeholder{ /*WebKit browsers*/
 color: #fff;
}
.form-control::-moz-input-placeholder{ /*Mozilla Firefox*/
 color: #fff;
}
.form-control::-ms-input-placeholder{ /*Internet Explorer*/ 
 color: #fff;
}
.searchBox_input .searchbtn {
 width: 37px;
 height: 37px;
 background: #7ac1c8 url(20210818114009.png) no-repeat center center;
 border: none;
 border-radius: 0 5px 5px 0;
 float: left;
}
@media screen and (max-width:768px) {
 .header{
 display: none;
 }
} 