@charset "utf-8";

.clearfix:after, .container:after, .container-fluid:after, .row:after {

  content: " ";

  display: block;

  clear: both;

  height: 0;

}

.mini {

  position: relative;

}

.head_top {

  height: 40px;

  background: #308ad8;

  font-size: 14px;

}

.head_top_left span {

  color: #fff;

  line-height: 38px;

  height: 38px;

}

.h_lang {

  font: 14px/38px "Microsoft Yahei";

  color: #fff;

  overflow: hidden;

}

.h_lang span {

  color: #fff;

}

.h_lang span a {

  color: #fff;

  display: inline-block;

  padding: 0 18px 0 32px;

  font-size: 12px;

  line-height: 40px;

}

.h_lang span img {

  vertical-align: middle;

}

.h_lang span .h_a1 {

  background: url(../images/h_ic1.png) no-repeat left center;

}

.h_lang span .h_a2 {

  background: url(../images/h_ic2.png) no-repeat left center;

}

.h_lang span .h_a3 {

  background: url(../images/h_ic3.png) no-repeat left center;

}

.k2 {

  width: 12%;

  margin: 25px 0 0 0px;

  color: #333333;

  font-size: 16px;

  padding-left: 28px;

  background: url(../images/tel.png) no-repeat left center;
  
  background-size: 25px;
  
  line-height: 30px;

}

.k2 span {

  color: #333333;

  font-size: 16px;

}

#header .btm-header {

  margin: 0px auto;

  height: 90px;

}

#header .btm-header .header-logo {

  width: 30%

}

#header .btm-header .header-logo .logo {

  display: block;

  float: left;

}

#header .btm-header .header-logo .logo img {

  max-height: 100px;

  width: auto;

  max-height: 90px;
  
  padding-top: 2%;

}

#header .btm-header .header-logo h2 {

  font-size: 18px;

  margin-top: 20px;

  overflow: hidden;

  color: #666;

}

#header .btm-header .header-logo h2 b {

  font-weight: normal;

  font-style: italic;

  display: block;

  font-size: 22px;

  margin: 5px 0;

}

#header .btm-header .header-logo h2 em {

  font-size: 22px;

  color: #fe0000;

  line-height: 30px;

  font-style: italic;

}

#header .btm-header .contact {

  width: 36%;

}

#header .btm-header .contact .fa4 {

  font-size: 40px;

  float: left;

  padding-right: 10px;

  margin-right: 10px;

}

#header .btm-header .contact p {

  overflow: hidden;

  font-size: 22px;

  line-height: 40px;

}

#header .btm-header .contact .tel {

  margin-top: 20px;

}

#header .btm-header .contact .tel span {

  font-size: 18px;

  color: #555555;

  display: inline-block;

  line-height: 17px;

}

#header .btm-header .contact .tel p {

  font-size: 26px;

  color: #dc0000;

  font-weight: bold;

  line-height: 22px;

  margin-top: 10px;

}

#header .header-nav {

  width: 50%;
      max-height: 90px;
      margin-right: 5%;

}
#header .header-nav:after{
	content: '';
	display: inline-block;
	clear: both;
	height: 0;
}

#header .header-nav .header-menu-con li {

      width: calc(100% / 6);

  float: left;

  text-align: center;

  position: relative;

}

#header .header-nav .header-menu-con li a {

  font-size: 18px;

  display: block;

  line-height: 85px;

  color: #444;

}

#header .header-nav .header-menu-con li:after {

  content: '';

  display: inline-block;

  position: absolute;

  width: 1px;

  height: 17px;

  /*background: #ffffff;*/

  right: 0;

  top: 50%;

  transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

}

#header .header-nav .header-menu-con li .sub-menu {

  position: absolute;

  left: 50%;

  margin-left: -90px;

  width: 160px;

  top: 90px;

  display: block;

  display: none;

  z-index: 9999;

  background: #333333;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

  border-top: 2px solid #308ad8;

}

#header .header-nav .header-menu-con li .sub-menu .arr_t {

  width: 0;

  height: 0;

  border-width: 0 8px 8px 8px;

  border-style: solid;

  border-color: transparent transparent #308ad8;

  position: absolute;

  top: -10px;

  left: 50%;

  margin-left: -8px;

  z-index: 9999;

}

#header .header-nav .header-menu-con li .sub-menu li {

  display: block;

  width: 100%;

  border-bottom: 1px solid #555;

  position: relative;

  z-index: 9999;

}

#header .header-nav .header-menu-con li .sub-menu li:hover{

background: #f08200;

}

#header .header-nav .header-menu-con li .sub-menu li a {

  display: block;

  border: none;

  line-height: 35px;

  text-align: center;

  font-size: 16px;

  color: #fff;

}

/*#header .header-nav .header-menu-con li .sub-menu li a:hover {

  background: #308ad8;

  color: #fff;

}*/

#header .header-nav .header-menu-con li .sub-menu li:last-child {

  border-bottom: none;

}

#header .header-nav .header-menu-con li  .second_li:hover{

  background-color: #f08200;

}

.container {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px;

}

@media (max-width: 767px) {

  .hidden-xs {

    display: none

  }

  #header .btm-header .header-logo {

    width: 100%;

  }

}

@media (min-width: 768px) {

  .container {

    width: 750px;

  }

  .slicknav_menu {

    display: none;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

@media (min-width: 1600px){

.container {

    width: 1570px;

}

}

.yl {

  font-size: 0;

  padding: 30px 0;

}

.yl span {

  font-size: 16px;

  color: #000000;

  line-height: 20px;

}

.yl ul {}

.yl li {

  padding: 0 8px;

  position: relative;

}

.yl li:after {

  content: '';

  display: inline-block;

  position: absolute;

  width: 1px;

  height: 15px;

  background: #000000;

  right: 0;

  top: 50%;

  transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

}

.yl a {

  display: inline-block;

  font-size: 16px;

  color: #000000;

  line-height: 20px;

}

.fnav {

  background: #4d515f;

  font-size: 0;

  padding: 11px 0;

}

.fnav .list {

  text-align: center;

}

.fnav .list li {

  display: inline-block;

  vertical-align: top;

  padding: 0 63px;

  position: relative;

}

.fnav .list li:after {

  content: '';

  display: inline-block;

  position: absolute;

  width: 1px;

  height: 15px;

  background: #ffffff;

  right: 0;

  top: 50%;

  transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

}

.fnav .list li:last-child:after {

  display: none;

}

.fnav .list a {

  display: block;

  font-size: 16px;

  color: #ffffff;

  line-height: 21px;

}

.footer {

  background: #308ad8;

  border-top: 3px solid #308ad8;

  padding-top: 30px;

  font-size: 0;

}

.footer .flogo {

  font-size: 0;

  margin: 14.5px 0;

}

.footer .flogo a {

  display: block;

}

.footer .flogo img {

  height: 69px;

}

.footer .info {

  margin: 16.5px 18% 16.5px 0px;

}

.footer .info h2 {

  font-size: 18px;

  color: #fff;

  line-height: 35px;

  margin-right: 35px;

}

.footer .fotnav p, .footer .fotnav a {

  font-size: 14px;

  color: #fff;

  line-height: 30px;

}

.footer .fotnav .no1{

  font-size: 16px;

}

.footer .ewm {

  font-size: 0;

  text-align: center;

  padding-left: 45px;

}

.footer .ewm a {

  display: block;

  margin-left: 25px;

}

.footer .ewm img {

  width: 122px;

  height: 122px;

}

.footer .ewm p {

  font-size: 14px;

  color: #fff;

  margin-top: 10px;

}

.footer .copy {

  font-size: 14px;

  background: #308ad8;

  margin-top: 30px;

  color: #fff;

  line-height: 52px;

  text-align: center

}

.footer .copy a{

	color:#fff;

}



.login .link {

  padding: 7px 25px;

  margin-bottom: 20px;

  font-size: 14px;

  line-height: 26px;

  border-radius: 5px;

  color: #ffffff;

  text-align: center;

  background: #717171;

  transition: all 0.3s;

}

.first_div {

  display: none;

  width: 100%;

  background-color: #333333;

  color: #fff;

}

.first_li{

	color: #fff;

	line-height: 40px;

}

/*电脑独占样式*/

@media screen and (min-width:640px){

	.first_div {

   position: absolute;

                left: 160px;

                top: 0;

}

  .mini {

    height: 0;

}

}

/*手机独占样式*/

@media screen and (max-width:640px){

.ihead a.mo{

  line-height: 38px!important;

}
}

@media screen and (min-width:760px){

#header .btm-header .header-logo .logo img{
	padding-top: 9%;
}

}

@media screen and (min-width:1200px){

#header .btm-header .header-logo .logo img{
	padding-top: 5%;
}
.process ul{
	margin-left: 40px!important;
}
}

@media screen and (min-width:1600px){

#header .btm-header .header-logo .logo img{
	padding-top: 2%;
}
.process ul{
	margin-left: 70px!important;
}
}