﻿/*顶部*/
.navbar-default{ /*background:url(img/20171009100820.jpg) no-repeat;*/background:none; border-color: #fff !important;position:relative;  }
/*顶部banner*/
.Img_top a img{width:100%;}
/*头部*/
.header{width: 100%;height: 60px;}
.header .header_con{width: 1314px;height: 60px;position: relative;margin: 0 auto;*background: none;}
.nav_btn{ display:none}
.header .pull-right{width: 365px\9;padding-right: 0px;height: 60px;}
.form-horizontal{margin-top: 10px;height: 26px;}
.form-horizontal .select-con{float: left; height: 30px;}
.select-con select{border:none;height: 28px; display: block;}
.input-group input{border:none;background:none;height: 26px;line-height: 26px;}
.input-group input:focus{border:none!important;transition:none;box-shadow:inset 1px 3px 7px rgba(0,0,0,.075)}
.input-group .form-control{width: 280px;box-shadow:inset 1px 3px 7px rgba(0,0,0,.075);background: #fff;border-radius: 20px !important;}
.input-group.search-input-group{float: right;}
.input-group .searchbtn{background: url(img/20170906154916.png) no-repeat center;width: 42px;text-indent:9000px;cursor: pointer;position: absolute;right: 0px;z-index: 2;cursor: pointer;right: 10px;}
.hot-search{line-height: 24px;padding-left: 15px;font-size: 12px;}
.hot-search span{color: #fff;float: left;}
.hot-search li{ float: left; }
.hot-search a{margin-right: 15px;color: #fff;}
.hot-search a:hover{color:#005bac;}
.nav_barimg {
 position: absolute;
 top: 0px;
 height: 100px;
 width: 100%;
 z-index: -1;
}
.logo{
 width:204px;
 height:60px;
 background:url(img/20170906153500.png) no-repeat center center;
 margin-left:20px;
}
.skip{
 margin-left:132px;
 height: 100%;
}
.skip ul{
 padding:15px 0;
}
.skip ul li{
 /*width:140px;*/
 height: 30px;
 line-height: 16px;
 text-align: center;
/* border-right:1px solid #fff;*/
 color:#fff;
 font-size:22px;
}
.skip ul li:nth-child(3){
 border:0;
}
.skip ul li a{
 display: block;
 width:100%;
 height: 50px;
 color:#fff;
}

.skip ul li span{
 font-size:12px;
}
.logo img{ vertical-align: middle; }

@media only screen and (max-width:1680px){
.skip { margin-left: 315px;}
}
@media only screen and (max-width:1440px){
.header .header_con{ width: 100% }
    /*.header .pull-right{margin-right: 20px}*/
.skip { margin-left: 308px;}
}
@media only screen and (max-width:1100px){
.skip { margin-left: 165px;}
}
@media only screen and (max-width:1050px){
form.form-horizontal{ margin-top:0px; }
.header a.top_btn{ margin: 0px 5px; width: 80px; }
.skip{margin-left: 145px}
}
@media only screen and (max-width:950px){
.header a.top_btn{ display: none; }
}
@media only screen and (max-width:900px){
.form-horizontal{width: 236px;}
form.form-horizontal{ width: 370px; }
.input-group .form-control{ width: 236px; }
.skip { margin-left: 99px;}

}
@media only screen and (max-width:840px){
 .skip { margin-left: 60px;}
}
@media only screen and (max-width:768px){
.header .pull-left{ width: 100%; }
.top .row, .header .row{ width: 100%; }
.header{height: 124px;}
.header{width: 100%;padding:10px 15px;box-sizing: border-box;background: #fff;}
.hide-lg{ display: block; }
.top, .logo, .header .pull-right,.skip{ display: none; }
.header .header_con{ height: auto; padding:0px; }
.nav_barimg{display: none;}
}
@media only screen and (max-width:640px){
.header{height: 96px;}
.phone_logo img{ height:80px; }
}
@media only screen and (max-width:550px){

}
@media only screen and (max-width:450px){
.phone_logo img{height: 55px;}
.header{height: 76px;}
} 