/*改变display属性为flex*/

.disflex {
	display: -webkit-box!important;
	display: -webkit-flex!important;
	display: -ms-flexbox!important;
	display: flex!important;
}

.flex-r {
	-webkit-box-orient: horizontal!important;
	-webkit-flex-direction: row!important;
	-ms-flex-direction: row!important;
	flex-direction: row!important;
}

.flex-v {
	-webkit-box-orient: vertical!important;
	-webkit-flex-direction: column!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important;
}

.flex-1 {
	-webkit-box-flex: 1!important;
	-webkit-flex: 1!important;
	-ms-flex: 1!important;
	flex: 1!important;
}

.flex-align-center {
	-webkit-box-align: center!important;
	-webkit-align-items: center!important;
	-moz-align-items: center!important;
	-ms-align-items: center!important;
	-o-align-items: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
}

.flex-justify-center {
	-webkit-box-pack: center!important;
	-webkit-justify-content: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}

.flex-between-justify {
	-webkit-box-pack: justify!important;
	-webkit-justify-content: space-between!important;
	-ms-flex-pack: justify!important;
	justify-content: space-between!important;
}

.flex-warp-warp {
	-webkit-flex-wrap: wrap!important;
	-webkit-box-lines: multiple!important;
	-moz-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
}


/*border*/

.borderT0 {
	border-top: 0 none!important;
}

.borderB0 {
	border-bottom: 0 none!important;
}

.borderR0 {
	border-right: 0 none!important;
}

.borderL0 {
	border-left: 0 none!important;
}


/*padding*/

.paddingT0 {
	padding-top: 0!important;
}

.paddingB0 {
	padding-bottom: 0!important;
}

.paddingL0 {
	padding-left: 0!important;
}

.paddingR0 {
	padding-right: 0!important;
}


/*display*/

.displayNone {
	display: none;
}

.displayBlock {
	display: block!important;
}


/*float*/

.floatLeft {
	float: left!important;
}

.floatRight {
	float: right!important;
}


/*position*/

.positionR {
	position: relative!important;
}


/*清浮动*/

.clearFloat-t:after {
	clear: both;
	content: '.';
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #cccccc;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #cccccc;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #cccccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #cccccc;
}


/*video::-webkit-media-controls-start-playback-button {display: none;}*/

.placeholder {
	color: #ccc;
}


/*弹出层遮罩*/

.popMask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 2;
	display: none;
}


/*header*/

.header {
	width: 100%;
	height: 140px;
	background: url(../img2018/head-bg-red.png) no-repeat right bottom;
}

.inrTop-head {
	width: 1130px;
	margin: 0 auto;
	height: 96px;
	line-height: 96px;
}

.webLogo {
	display: inline-block;
	float: left;
}

.inrTop-head .tel-box {
	display: inline-block;
	font-size: 13px;
	color: #535353;
	float: left;
	height: 100%;
}

.inrTop-head .tel-box span {
	font-size: 17px;
	color: #343434;
	font-weight: bold;
	margin-left: 8px;
}

.input-box-head {
	display: inline-block;
	float: left;
	width: 191px;
	height: 17px;
	padding-bottom: 11px;
	padding-left: 2px;
	border-bottom: 2px solid #171717;
	margin-left: 56px;
	position: relative;
	top: 50%;
	margin-top: -15px;
	background: url(../img2018/icon-search.jpg) no-repeat right 1px;
}

.input-box-head input {
	height: 100%;
	font-size: 14px;
	float: left;
}

.tips-box {
	display: inline-block;
	float: left;
	font-size: 13px;
	color: #9b9b9b;
	margin-left: 100px;
}

.tips-box a {
	float: left;
	margin-right: 16px;
	color: #9b9b9b;
}

.tips-box a:hover {
	color: #666;
}

.head-bottom {
	width: 100%;
	height: 58px;
	background: url(../img2018/head-bot-bg.png) no-repeat;
	position: relative;
	z-index: 2;
}

.inr-head-bottom {
	width: 1130px;
	margin: 0 auto;
	height: 100%;
	line-height: 58px;
}

.inr-head-bottom a.a-left {
	margin-right: 54px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	float: left;
}

.inr-head-bottom a.a-left:hover {
	color: #9b9b9b;
	
}

.mgrL32 {
	margin-left: 32px;
}

.inr-head-bottom a.a-right {
	float: right;
	color: #fff;
	line-height: 58px;
	display: block;
	position: relative;
}

.inr-head-bottom a.a-right img {
	float: left;
	margin-top: 17px;
	margin-right: 10px;
}

.inr-head-bottom a.a-right img.img-map{
	margin: 0;
	margin-right: 12px;
	margin-top: 10px;
}


/*footer*/

#footer {
	overflow: hidden;
	width: 1130px;
	padding: 0 0 40px 0;
	margin: 0 auto;
}

#footer .footerInformation {
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	margin: 0 0 25px 0;
	background: #2d2d2d;
	border-radius: 4px;
	color: #fff;
}

#footer .footerInformation .telephone {
	display: block;
	float: left;
	overflow: hidden;
	width: 240px;
	height: 36px;
}

#footer .footerInformation .beianIcon{
	display: inline-block;
	/*vertical-align: middle;*/
}

#footer .footerInformation .copyright {
	float: right;
	overflow: hidden;
	font-size: 10px;
	line-height: 36px;
	color: #FFF;
	text-transform: uppercase;
}

#footer .footerInformation .copyright span {
	color: #BEBEBE;
}

#footer .footerInformation .copyright span a,
#footer .footerInformation .copyright span a:visited,
#footer .footerInformation .copyright span a:active {
	color: #BEBEBE;
}

#footer .footerInformation .copyright span a:hover {
	color: #FFF;
	text-decoration: none;
}

#footer .footerBottom {
	overflow: hidden;
}

#footer .footerBottom .logo {
	float: left;
	width: 120px;
	height: 40px;
}

#footer .footerBottom .logo a,
#footer .footerBottom .logo a:visited,
#footer .footerBottom .logo a:active {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 40px;
	background: url(../images/sprite.png) 0 -140px no-repeat;
	text-indent: -9999px;
}

#footer .footerBottom .logo a:hover {
	background-position: -130px -140px;
}

#footer .footerBottom .footerLink {
	float: right;
	overflow: hidden;
	width: 720px;
}

#footer .footerBottom .footerLink li {
	float: left;
	overflow: hidden;
	width: 220px;
	height: 20px;
	padding: 0 0 0 20px;
}

#footer .footerBottom .footerLink li a,
#footer .footerBottom .footerLink li a:visited,
#footer .footerBottom .footerLink li a:active {
	line-height: 20px;
	color: #323232;
}

#footer .footerBottom .footerLink li a:hover {
	color: #000;
	text-decoration: none;
}

#footer .footerBottom .footerLink .centerItem {
	width: 218px;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
}


/*----2018/03/15*/
.box_top{
	position: absolute;
	top: 608px;
  right: 50%;
	width: 42px;

	margin-right: -640px;
background-color: #f7d10d;
}
.topbox {
  background: url(../img2018/backTop.png) no-repeat;
  width: 42px;
height: 42px;
  
  /*position: absolute;
  top: 778px;
	l: 50%;*/
  background-color: #f7d10d;
  cursor: pointer; }
  .topbox:hover{
  	background-color: #f3c414;
  }
.topbox2 {
  background: url(../img2018/backTop2.png) no-repeat;
  width: 42px;
  height: 42px;
  /*position: absolute;
  top: 778px;
  right: 50%;*/
  background-color: #f7d10d;
  cursor: pointer; }
   .topbox2:hover{
  	background-color: #f3c414;
  }
 .topbox4{
    	background: url(../img2018/backTop4.png) no-repeat;
    	background-size: 30px 30px;
    	background-position: center;
	    width: 42px;
	    height: 42px;
	    background-color: #f7d10d;
	    cursor: pointer;
	    margin: 0 !important;
	    padding: 0 !important;
	    position: relative;
    }
    .pop_tel{
    	display: none;
    	position: absolute;
    	left: -147px;
    	top: 0;
    	width: 148px;
    	height: 42px;
    	background: url(../img2018/pop_tel.png) no-repeat;
    	z-index: 999;
    }
     .topbox5{
    	background: url(../img2018/backTop5.png) no-repeat;
    	background-size: 30px 30px;
    	background-position: center;
	    width: 42px;
	    height: 42px;
	    background-color: #f7d10d;
	    cursor: pointer;
	    margin: 0 !important;
	    padding: 0 !important;
    }
        .topbox3:hover,.topbox4:hover,.topbox5:hover{
        	background-color: #f3c414;
        }

            .pop_online{
      display: none;
      position: absolute;
      left: -147px;
      top: 0;
      width: 148px;
      height: 42px;
      background: url(../img2018/online.png) no-repeat;
      z-index: 999;
    }
    
        .pop_qq{
      display: none;
      position: absolute;
      left: -147px;
      top: 0;
      width: 148px;
      height: 42px;
      background: url(../img2018/qq.png) no-repeat;
      z-index: 999;
    }
.topbox5,.topbox2{
  position: relative;
}