@charset "utf-8";
/* CSS Document */
html{color:#333;background:#fff}
* {
	transition: all 0.3s ease-in-out;
}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    font-weight: normal;
    font-size:14px;
}
table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none;}
a:hover{text-decoration: none !important;}
a:focus {text-decoration: none!important;}
fieldset,img{border:0}
ol,ul{list-style:none}
.w-100{width:100%; height:auto; overflow:hidden;}
.w-1260{width:1260px; margin:0 auto; overflow:hidden;}
.w-1260-1{width:1260px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:55px;}
.mt-60{ margin-top:60px;}
.mt-65{ margin-top:65px;}
.mt-70{ margin-top:60px;}
.mt-80{ margin-top:80px;}
.mt-90{ margin-top:90px;}
.mt-100{ margin-top:100px;}
.t-align-c{ text-align:center;}
.clearfix:after {content:""; display: block; clear:both; }

.margin0{margin:0 0px;}
.margin3{margin:0 3px;}
.margin5{margin:0 5px;}
.margin8{margin:0 8px;}
.margin-20{margin:0 -20px;}
.padding0{padding:0px;}
.padding3{padding:0 3px;}
.padding8{padding:0 8px;}
.padding-8{padding-right: 3px;padding-left:3px;}
.padding-15{padding:0 -15px !important;}
.padding0-sm15{padding:0px;}
.padding6{padding:6px;}
.padding15-8{padding:15;}
.case-padding{padding:5px;}
#w-70{margin:0 auto;width: 70%;}
#w-90{margin:0 auto;width: 90%;}
#w-80{margin:0 auto;width: 80%;}
#w-1260{margin:0 auto;width: 1260px;}
#pro-w{margin:0 auto;width: 80%;}
#w-1260-1{margin:0 auto;width: 1260px;}
.p-img{width: 100%;}

/*===================top====================*/
.top-tit{
	float: left;
	width: 20%;
}
.top-r{
	float: right;
	width: 78%;
}
.top-bt-phone .top-bt{
	float: left;
	width: 70%;
	margin-top: 32px;
}
.top-bt-phone .top-bt h2{
	display: block;
	font-size: 24px;
	color: #ed0b0b;
	font-weight: bold;
}
.top-bt-phone .top-bt .zia{
	font-size: 24px;
	color: #2a2a2a;
	font-weight: bold;
}
.top-bt-phone h3{
	display: block;
	margin-top: 10px;
	font-size: 17px;
	color: #2a2a2a;
}
.top-phone {
	float: right;
	text-align: right;
}
/*====================menu====================*/
.menu-bg {
	width: 100%;
	height: auto;
}

.pc-menu li {
	position: relative;
	z-index: 200;
	float: left;
	width: 11%;
	padding: 0px 0.1% 0px 0.1%;
	color: #222222;
	list-style: none;
	transition: all 0.3s ease-out;
}

.pc-menu-bg1 {
	/*  background: url(../Img/menu-bg1.png) top right no-repeat;*/
}

.pc-menu-bg1:hover {
	background: none;
}

.pc-menu li:hover {
	/* background-color: #fd5f20;*/
}

.pc-menu li a {
	position: absolute;
	z-index: 1000;
	display: block;
	height: 150px;
	line-height: 150px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	position: relative;
}

.pc-menu li:hover a {
	color: #fff;
}

.pc-menu li .active {
	background-color: #ff3131;
	color: #fff !important;
}

.pc-menu li:after {
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 10;
	background: url(../images/menu-bg.png) repeat-x #ff3131;
	background-position: 50px 50px;
	content: "";
	height: 150px;
	transition: all 0.4s ease 0s;
	width: 0%;
}

.pc-menu li:hover:after {
	width: 100%;
	left: 0px;
	background-position: 0px 0px;
}

.pc-menu li ul {
	position: absolute;
	top: 150px;
	left: 0px;
	z-index: 111111111;
	z-index: 1000;
	margin: 0px;
	margin-left: 0px;
	padding: 15px 15px 30px 15px;
	/* width:230px;*/
	display: none;
	background-color: #fff;
	overflow: hidden;
}

.pc-menu li ul a {
	display: block;
	margin: 0 auto;
	padding: 0px;
	height: 30px;
	font-size: 15px;
	color: #333 !important;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	border-bottom: 1px solid #d7d7d7;
}

.pc-menu li ul a:hover {
	color: #ee0f0f !important;
}

.pc-menu li ul a:hover:after {
	content: "";
	height: 0px;
	left: 0;
	position: absolute;
	transition: all 0.2s ease 0s;
	width: 0%;
}

.topline {
	border-top: 5px solid #ef0f12;
}
/*导航*/
.header-nav {
	float: left;
	margin-top: 22px;
	position: relative;
	z-index: 11111111;
}

.header-nav .nav-list>li {
	float: left;
	margin:0px 2px;
	padding: 6px 0;
	position: relative;
	
}

.header-nav .nav-list>li>a {
	padding: 0 18px;
	font-size: 18px;
	position: relative;
	color: #333;
	font-weight: bold;
}
.header-nav li.active,
.header-nav li:hover
{
	color: #fff;
	background-color: #e62e2e;
	border-radius: 6px;
}
.header-nav li.active>a,
.header-nav .nav-list>li>a:hover {
	color: #fff !important;
}


.header-nav .nav-list>li>a:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: #ddd;
	top: 50%;
	margin-top: -5px;
	margin-left: 17px;
}

.header-nav .nav-list>li:last-child>a:after {
	display: none;
}

.header-nav .header-contact {
	margin-top: 32px;
	no-repeat left center;
	padding-left: 42px;
}

.header-nav .header-contact>p {
	color: #444;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 18px;
}

.header-nav .header-contact>.fr p:first-child {
	font-size: 12px;
	color: #bbb;
	line-height: 12px;
}

.top-icon {
	width: 12px;
	height: 12px;
	position: absolute;
	margin-left: -18px;
	vertical-align: middle;
	margin-top: 6px;
}

.icon-follow {
	background: url("img/top_icons2.png") no-repeat left center;
}

.icon-global {
	background: url("img/top_icons3.png") no-repeat left center;
}

.dropdown-menu {
	border-radius: 0;
	margin-top: 0;
	border-top-color: #ddd;
	min-width: auto;
	display: block;
	display: none\9;
	display: block\9\0;
	-webkit-transform: scale(1.2, 0);
	transform: scale(1.2, 0);
	opacity: 0;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all .2s ease-out;
	-webkit-transition: -webkit-all .2s ease-out;
	transition: -webkit-all .2s ease-out;
	transition: all .2s ease-out;
	transition: all .2s ease-out, -webkit-all .2s ease-out;
	-webkit-box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);
	box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);
	padding: 17px 26px;
}

.dropdown-menu>li:not(:last-child) {
	border-bottom: 1px solid #d7d7d7;
}

.dropdown-menu>li>a {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 28px;
	color: #000 !important;
}
.header-nav li:hover a{
	color: #fff;
}

.dropdown-menu>li>a:hover {
	
	color: #fff !important;
	background-color: transparent;
	border-radius: 0px !important;
}

.dropdown-active {
	display: block\9;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}

.chanpin_list_wrap {
	-webkit-transition: all .2s ease-out;
	-webkit-transition: -webkit-all .2s ease-out;
	transition: -webkit-all .2s ease-out;
	transition: all .2s ease-out;
	transition: all .2s ease-out, -webkit-all .2s ease-out;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	top: 97px;
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 22px;
}

.chanpin_list_wrap .chanpin_list {
	/* margin:0 15px; */
	text-align: center;
}

.chanpin_list_wrap .chanpin_list h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.chanpin_list_wrap ul {
	padding-left: 0;
}

.chanpin_list_wrap ul li {
	line-height: 24px;
}

.chanpin_list_wrap ul li .pro_list_item a {
	color: #999;
	font-size: 14px;
	margin: 0 10px 14px;
	line-height: 14px;
	display: inline-block;
}

.chanpin_list_wrap ul li .pro_list_item a.active {
	color: #FF9900
}

.chanpin_list_wrap li span {
	color: #3671CF;
	width: 80px;
	border-right: 1px solid #e4e4e4;
	line-height: 14px;
	margin-right: 15px;
	float: left;
}

.chanpin_list_wrap li a {
	color: #777;
}

.chanpin_list_wrap li a:hover {
	color: #f90;
}

.chanpin_list_wrap li span>a {
	color: inherit;
}

.chanpin_list_wrap li span>a:hover {
	color: inherit;
}

.chanpin_list_wrap .pro_list_item {
	overflow: hidden;
}

.hide {
	display: none;
}
/*====================手机站menu====================*/
.ph-menu {
  display: block;
  width: 100%;
  padding: 10px 0px;
  font-size: 14px;
  color: #333;
  text-align: center;
}

.iphone {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
}

.iphone-tit {
  padding: 10px 0px;
  width: 100%;
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}

.iphone__screen {
  position: fixed;
  z-index: 100000000;
  top: 0px;
  left: 0px;
  width: 100%;
  /*height:100%;*/
  overflow: hidden;
}

.iphone__content {
  position: relative;
  width: 100%;
  height: 100%;
}

.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.nav--active .nav {
  opacity: 1;
  background-color: #333;
}

.nav__list {
  margin: 0;
  padding: 10px;
  padding-top: 30px;
}

.nav__item {
  margin: 0 auto;
  width: 90%;
  padding: 7px;
  list-style-type: none;
  text-align: left;
}

.nav__item:after {
  content: '';
  display: block;
  position: relative;
  bottom: -8px;
  width: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}

.nav__link {
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.nav__trigger {
  display: block;
  position: relative;
  z-index: 111111;
  position: fixed;
  top: 20px;
  right: 19px;
  padding: 10px;
  padding-bottom: 15px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

.nav--active .nav__trigger {
  opacity: 0.5;
}

.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #FFFFFF;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #FFFFFF;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.nav__icon:before {
  margin-top: -10px;
}

.nav__icon:after {
  margin-top: 10px;
}


/*====================手机站menu2====================*/
.ph-menu2 {
  height: auto;
  padding: 5px;
  background-color: #2c2c2c;
  overflow: hidden;
}

.ph-menu2 li {
  float: left;
  width: 25%;
  height: auto;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
}

.ph-menu2 li a {
  display: block;
  margin: 2px auto;
  padding: 6px 0px;
  width: 96%;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 5px;
}

/*====================手机站 end menu2====================*/

/* 样式一*/
.style-1 .nav {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
}

.style-1 .nav--active {
  height: 100%;
}

.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.style-1 .nav--active .nav__link {
  opacity: 1;
}

.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}

.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*====================end手机站menu====================*/
.hy-logo{
  margin-top: 0px;
}
/*====================title====================*/
  /*标题*/
.tit01 {
	padding-top: 6px;
	padding-bottom: 15px;
	width: 100%;
	height: auto;
	text-align: center;
	background: url(../images/tit-bg1.png) top center repeat-x;
	;
	overflow: hidden;
}

.tit01 h2 {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 30px 15px 30px;
	background-color: #e62e2e;
	border-radius: 5px;
	font-size: 35px;
	color: #fff;
	font-weight: bold;
}

.tit01 h2 .zia {
	display: inline-block;
	padding-right: 10px;
	font-size: 28px;
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
}

.tit01 p {
	display: block;
	margin-top: 17px;
	font-size: 18px;
	color: #182337;
	text-align: center;
}

.tit01 span {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #e62e2e;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
}
 /*hot-search*/
 .h-hot {
 	position: absolute;
 	z-index: 11111111;
 	bottom: -50px;
 	width: 100%;
 }
 .h-hot-nr{
 	padding:30px;
 	background-color: #e62e2e;
 	overflow: hidden;
 }
 .h-hot-l{
 	float: left;
 	width: 60%;
 	text-align: left;
 	overflow: hidden;
 }
 .h-hot-l .tua{
 	float: left;
 	width: 98px;
 }
 .h-hot-l .hot-nr{
 	padding-top: 7px;
 	margin-left: 100px;
 	font-size: 16px;
 	font-weight: bold;
 	vertical-align: middle;
 	text-align: left;
 	overflow: hidden;
 }
 .h-hot-l .hot-nr p{
 	font-size: 16px;
 	font-weight: bold;
 	vertical-align: middle;
 	float: left;
 	color: #fff;
 }
 .h-hot-l .hot-nr a{
 	display: inline-block;
 	padding:0px 10px;
 	float: left;
 	font-size: 14px;
 	color: #fff;
 	vertical-align: middle;
 }
 .h-hot-r{
 	float: right;
 	width: 25%;
 }
 .xm-search{
 	background-color: #fff;
 	width: 100%;
 	height: 42px;
 	border-radius: 5px;
 	overflow: hidden;
 }
 .input1{
 	padding:15px 0px;
 	padding-left: 20px;
 	width: 236px;
 	height: 42px;
 	font-size: 14px;
 	color: #666;
 	line-height: 42px;
 }
 .input2{
 	float: right;
 	width: 50px;
 	height: 42px;
 	background: url(../images/search.jpg);
 }
 
 /*end hot-search*/
 
 /*产品列表*/
 .pro-padd {
 	padding: 8px;
 }
 
 .auto-pro1 {
 	margin-bottom: 15px;
 	padding: 13px;
 	border: 1px solid #dcdcdc;
 	box-sizing: border-box;
 	transition: all 0.3s ease-out;
 }
 
 .auto-pro1:hover {
 	border: 1px solid #e62e2e;
 	box-shadow: 2px 2px 25px #ddc6c6;
 }
 
 .auto-pro1 .tu1 {
 	width: 100%;
 	overflow: hidden;
 }
 
 .auto-pro1 .tu1 img {
 	width: 100%;
 	transition: all 0.5s ease-out;
 	-webkit-transform: scale(1, 1);
 	-moz-transform: scale(1, 1);
 	-webkit-transition: all 0.5s ease-out;
 	-moz-transition: all 0.5s ease-out;
 }
 
 .auto-pro1:hover .tu1 img {
 	transition: all 0.5s ease-out;
 	-webkit-transform: scale(1.1, 1.1);
 	-moz-transform: scale(1.1, 1.1);
 	-webkit-transition: all 0.5s ease-out;
 	-moz-transition: all 0.5s ease-out;
 }
 
 .auto-pro1 a h3 {
 	display: block;
 	margin-bottom: 10px;
 	margin-top: 10px;
 	padding: 5px;
 	font-size: 21px;
 	color: #212121;
 	text-align: center;
 	font-weight: bold;
 }
 
 .auto-pro1:hover a h3 {
 	color: #e62e2e;
 }
 
 .auto-pro1 p {
 	display: block;
 	padding: 8px;
 	font-size: 15px;
 	color: #fff;
 	text-align: center;
 	line-height: 130%;
 	background-color: #e62e2e;
 	letter-spacing: 0px;
 	transition: all 0.3s ease-out;
 }
 
 .auto-pro1:hover p {
 	color: #fff;
 	/* background-color: #333; */
 }
 
 /*end 产品列表*/
 /*分类*/
 .xm-proc-w {
 	padding: 15px 0px;
 	width: 100%;
 	height: auto;
 	background: url(../images/bga.jpg) top center;
 }
 
 .xm-proc {
 	text-align: center;
 }
 
 .xm-proc li {
 	display: inline-block;
 	padding-top: 20px;
 	margin-right: 10px;
 	margin-bottom: 10px;
 	width: 13%;
 	box-sizing: border-box;
 	overflow: hidden;
 }
 
 .xm-proc li:hover {
 	/* padding-top: 10px; */
 	box-shadow: 0px 5px 5px 5px #efefef;
 	background-color: #ff2121;
 	border-radius: 15px;
 }
 
 .xm-proc li .tua {
 	margin: 0 auto;
 	width: 90%;
 	border-radius: 10px;
 	border: 5px solid #ff2121;
 	box-sizing: border-box;
 	overflow: hidden;
 }
 
 .xm-proc li:hover .tua {
 	width: 80%;
 	border: 5px solid #fff;
 	transform: rotateY(180deg);
 }
 
 .xm-proc li .tua img {
 	width: 100%;
 }
 
 .xm-proc li h3 {
 	display: block;
 	margin-top: 5px;
 	padding: 12px 0px;
 	font-size: 18px;
 	color: #2d2d2d;
 	text-align: center;
 	font-weight: bold;
 }
 
 .xm-proc li:hover h3 {
 	color: #fff;
 }
 .gl-proc{
    padding:15px 0px;
    text-align: center;
  }
  .gl-proc li{
  	width: 13%;
  	margin:0.5%;
    display: inline-block;
    text-align: -webkit-match-parent;
  }
  .gl-proc li a{
  	display: block;
    font-size: 17px;
    padding: 8px 8px;
    color: #fff;
    background-color: #ed1b24;
    border-radius: 3px;
    transition: all 0.5s;
    text-align: center;
  }
  .gl-proc li:hover a{
    background-color: #333;
    color: #fff;
  }
  .h-proc1-hover{
    background-color: #333 !important;
    color: #fff !important;
  }
 /*案例*/
 .h-case-padd {
 	padding: 10px;
 }
 
 .h-case {
 	border: 3px solid #2e2c39;
 }
 
 .h-case .tu {
 	padding: 0px;
 	overflow: hidden;
 }
 
 .h-case .tu img {
 	width: 100%;
 	-webkit-transform: scale(1, 1);
 	-moz-transform: scale(1, 1);
 	-webkit-transition: all 0.5s ease-out;
 	-moz-transition: all 0.5s ease-out;
 	transition: all 0.5s ease-out;
 }
 
 .h-case:hover .tu img {
 	-webkit-transform: scale(1.1, 1.1);
 	-moz-transform: scale(1.1, 1.1);
 	transform: scale(1.1, 1.1);
 	-webkit-transition: all 0.6s ease-out;
 	-moz-transition: all 0.6s ease-out;
 	transition: all 0.6s ease-out;
 }
 
 .h-case .tit1 {
 	margin: 0 auto;
 	padding: 15px 0px;
 	width: 100%;
 	background: url(../images/pro7-bg1.jpg);
 	overflow: hidden;
 }
 
 .h-case .tit1 .tit2 {
 	margin: 0 auto;
 	padding-bottom: 10px;
 	width: 95%;
 	overflow: hidden;
 }
 
 .h-case .tit1 .tit2 a h3 {
 	display: block;
 	float: left;
 	width: 100%;
 	height: 44px;
 	font-size: 17px;
 	color: #ffffff;
 	text-align: center;
 	line-height: 130%;
 	letter-spacing: 0px;
 }
 
 .h-case:hover .tit1 .tit2 a h3 {
 	color: #ffffff;
 }
 
 .h-case .tit1 .tit2 .more a {
 	display: block;
 	float: right;
 	width: 100%;
 	height: 29px;
 	background-color: #e50014;
 	text-align: center;
 	line-height: 29px;
 	font-size: 15px;
 	color: #fff;
 	border-radius: 5px;
 	box-sizing: border-box;
 }
 
 .h-case .tit1 p {
 	display: block;
 	padding-top: 10px;
 	font-size: 14px;
 	color: #ffffff;
 	letter-spacing: 0px;
 	text-align: center;
 }
 
 /*案例 end*/
 /*范围*/
 .fanwei-w {
 	width: 100%;
 	height: 874px;
 	background: url(../images/fanwei-bg.jpg) top center no-repeat;
 	overflow: hidden;
 }
 
 .fanwei-tit {
 	margin-top: 190px;
 }
 
 .fanwei-tit h2 {
 	display: block;
 	font-size: 53px;
 	color: #fff;
 	font-weight: bold;
 }
 
 .fanwei-tit .linea {
 	margin: 26px 0px;
 	width: 80px;
 	height: 5px;
 	background-color: #fff;
 }
 
 .fanwei-tit .zia {
 	display: block;
 	width: 85%;
 	font-size: 32px;
 	color: #fff;
 	line-height: 130%;
 }
 
 .fanwei-tit .zib {
 	display: block;
 	margin-top: 50px;
 	width: 90%;
 	font-size: 24px;
 	color: #fff;
 	line-height: 190%;
 }
 
 .fanwei-tit a {
 	display: block;
 	margin-top: 50px;
 	padding: 12px 5px;
 	width: 174px;
 	border: 1px solid #fff;
 	text-align: center;
 	font-size: 20px;
 	color: #fff;
 }
 .fanwei-list{
 	margin-top: 90px;
 	text-align: center;
 }
 .fanwei-list li{
 	display: inline-block;
 	position: relative;
 	margin:2% 1.5%;
 	width: 29%;
 	border:1px solid #fff;
 	box-sizing: border-box;
 	overflow: hidden;
 }
 .fanwei-list li img{
 	width: 100%;
 	height: 300px;
 }
 .fanwei-list li p{
 	position: absolute;
 	z-index: 100;
 	top:20px;
 	left:30px;
 	display: block;
 	font-size: 31px;
 	font-weight: bold;
 	color: #fff;
 	text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
 }
 
 /*part1*/
 .part1-w {
 	padding: 50px 0px;
 	background: url(../images/bg1.jpg);
 	overflow: hidden;
 }
 
 .part-l-tit h3 {
 	padding: 8px 0px;
 	width: 144px;
 	background-color: #f91921;
 	text-align: center;
 	font-size: 16px;
 	color: #fff;
 	text-align: center;
 }
 
 .part-l-con {
 	padding: 37px;
 	background-color: #fff;
 	border: 1px solid #f91921;
 	box-sizing: border-box;
 }
 
 .part-l-con a {
 	display: inline-block;
 	padding: 5px 0px;
 	margin-right: 60px;
 	font-size: 18px;
 	color: #484646;
 }
 
 .part-r img {
 	width: 100%;
 }
 
 /*简介*/
 .about-w{
 	width: 100%;
 	height: 800px;
 	background: url(../images/about-bg.jpg) top center no-repeat;
 	overflow: hidden;
 }
 .about-wb{
 	margin-top: 20px;
 	width: 100%;
 	height: 537px;
 	box-shadow: 0 0 10px #666;
 	background-color: #fff;
 }
 .about-l{
 	width: 100%;
 	height: 537px;
 	background: url(../images/about-tu.jpg) top left repeat;
 }
 .about-r{
 	padding:50px;
 }
 .about-r .about-tit h2 strong{
 	display: inline-block;
 	float: left;
 	padding-right: 15px;
 	font-size: 33px;
 	color: #de261e;
 	font-weight: bold;
 }
 .about-r .about-tit .zia{
 	display:inline-block;
 	float: left;
 	font-size: 26px;
 	color: #cecece;
 	font-weight: bold;
 }
 .about-r .about-tit .zib{
 	display: block;
 	margin: 19px 0px;
 	font-size: 18px;
 	color: #383838;
 	font-weight: bold;
 }
 .about-r .about-tit .linea{
 	width: 43px;
 	height: 3px;
 	background-color: #e62e2e;
 }
 .about-cont{
 	margin-top: 25px;
 	width: 100%;
 	height: 200px;
 	font-size: 15px;
 	color: #383838;
 	line-height: 190%;
 	overflow: hidden;
 }
 .about-cont p,
 .about-cont p a,
 .about-cont a{
 	font-size: 15px;
 	color: #383838;
 	line-height: 190%;
 }
 .about-r-list{
 	margin-top: 30px;
 }
 .about-r-list a{
 	display: block;
 	float: left;
 	margin-right: 15px;
 	width: 180px;
 	height: 41px;
 	background-color: #e62e2e;
 	border-radius: 5px;
 	text-align: center;
 	overflow: hidden;
 }
 .about-r-list img{
 	display: inline-block;
 	vertical-align: middle;
 }
 .about-r-list p{
 	display: inline-block;
 	font-size: 16px;
 	color: #fff;
 	font-weight: bold;
 	vertical-align: middle;
 }
 /*优势*/
 .ys-bg1{
 	width: 100%;
 	height: 487px;
 	background: url(../images/ys-tu1.jpg) top right repeat-x;
 }
 .ys-bg2{
 	width: 100%;
 	height: 487px;
 	background: url(../images/ys-tu2.jpg) top left repeat-x;
 }
 .ys-titb{
 	margin-top: 40px;
 	margin-bottom: 40px;
 	text-align: center;
 }
 .ys-titb p{
 	display: block;
 	margin-top: 15px;
 	text-align: center;
 	font-size: 29px;
 	color: #565656;
 	letter-spacing: 2px;
 }
 .ys-list1{
 	margin-top: 25px;
 }
 .ys-list1 li{
 	margin-bottom: 65px;
 	overflow: hidden;
 }
 .ys-list1 li .tita{
 	float: right;
 	width: 425px;
 }
 .ys-list1 li .tita img{
 	display: inline-block;
 	float: left;
 }
 .ys-list1 li .tita strong{
 	display: inline-block;
 	margin-top: 6px;
 	padding:5px 0px;
 	border-bottom: 1px solid #ff0101;
 	font-size: 20px;
 	color: #2b2b2b;
 	font-weight: bold;
 	vertical-align: middle;
 }
 .ys-list1 li .tita p{
 	display: inline-block;
 	margin-top: 6px;
 	padding-left:10px;
 	font-size: 18px;
 	color: #2b2b2b;
 	vertical-align: middle;
 }
 .ys-list1 li .conta{
 	float: right;
 	width: 88%;
 	font-size: 17px;
 	color: #2b2b2b;
 	line-height: 190%;
 	text-align: right;
 }
 .ys-list1 li .conta p{
 	font-size: 17px;
 	color: #2b2b2b;
 	line-height: 190%;
 	text-align: right;
 }
 .ys-phone{
 	display: inline-block;
 	float: right;
 	padding:6px 15px;
 	background-color: #363634;
 	font-size: 37px;
 	color: #e4e4e4;
 	font-weight: bold;
 }
 .ys-phone p{
 	font-size: 37px;
 	color: #e4e4e4;
 	font-weight: bold;
 }
 .ys-list2{
 	margin-top: 50px;
 }
 .ys-list2 li{
 	margin-bottom: 65px;
 	overflow: hidden;
 }
 .ys-list2 li .tita{
 	width: 425px;
 }
 .ys-list2 li .tita img{
 	display: inline-block;
 	float: left;
 }
 .ys-list2 li .tita strong{
 	display: inline-block;
 	margin-top: 6px;
 	padding:5px 0px;
 	border-bottom: 1px solid #ff0101;
 	font-size: 20px;
 	color: #2b2b2b;
 	font-weight: bold;
 	vertical-align: middle;
 }
 .ys-list2 li .tita p{
 	display: inline-block;
 	margin-top: 6px;
 	padding-left:10px;
 	font-size: 18px;
 	color: #2b2b2b;
 	vertical-align: middle;
 }
 .ys-list2 li .conta{
 	float: right;
 	width: 88%;
 	font-size: 17px;
 	color: #2b2b2b;
 	line-height: 190%;
 	text-align: left;
 }
 .ys-list2 li .conta p{
 	font-size: 17px;
 	color: #2b2b2b;
 	line-height: 190%;
 	text-align: left;
 }
 
 /*新闻*/
 .news-wa{
 	padding:30px 0px;
 	width: 100%;
 	height: auto;
 	background: url(../images/bg1.jpg);
 }
 .jn-news-l{
   position: relative;
   padding:36px;
   padding-top: 47px;
   overflow: hidden;
   background-color: #fff;
 }
 .jn-news-l:before{
   content: "";
   position: absolute;
   bottom:0px;
   left:0px;
   z-index: 1;
   width: 100%;
   height:0px;
   background-color: #fe0002;
   transition: all 0.3s ease-out;
 }
 .jn-news-l:hover:before{
  height: 100%;
 }
 .jn-news01{
   position: relative;
   z-index: 10;
 }
 .jn-news01 *{
   transition: all 0.3s ease-out;
 }
 .jn-news01 h3{
   display: block;
   font-size: 20px;
   color: #505050;
   font-weight: bold;
   line-height: 150%;
 }
 .jn-news01 p{
   display: block;
   margin-top: 17px;
   font-size: 15px;
   color: #7c7c7c;
   line-height: 170%;
 }
 .jn-news01 span{
   display:block;
   margin-top: 35px;
   font-size: 15px;
   color: #a2a2a2;
 }
 .jn-news01 img{
   width: 100%;
 }
 
 .jn-news-l:hover h3,
 .jn-news-l:hover p,
 .jn-news-l:hover span{
   color: #fff;
 }
 
 .jn-news-r{
   float: right;
   width: 95%;
 }
 .jn-news02{
   
 }
 .jn-news02 li{
   position: relative;
   padding-top: 25px;
   padding-bottom: 25px;
   border-bottom: 1px solid #f4f4f4;
   overflow: hidden;
 }
 .jn-news02 li:before{
   content: "";
   position: absolute;
   bottom:1px;
   left:0px;
   width: 0px;
   height: 3px;
   background-color: #fe0002;
   transition: all 0.6s ease-out;
 }
 .jn-news02 li:hover:before{
   width: 100%;
 }
 .jn-news02 li .n02-l{
   float: left;
   width: 25%;
   overflow: hidden;
 }
 .jn-news02 li .n02-l img{
   width: 100%;
   transition: all 0.5s ease-out;
   -webkit-transform: scale(1, 1); 
      -moz-transform: scale(1, 1); 
   -webkit-transition: all 0.5s ease-out; 
      -moz-transition: all 0.5s ease-out; 
 }
 .jn-news02 li:hover .n02-l img{
 	transition: all 0.5s ease-out;
   -webkit-transform: scale(1.1, 1.1); 
      -moz-transform: scale(1.1, 1.1); 
   -webkit-transition: all 0.5s ease-out; 
      -moz-transition: all 0.5s ease-out; 
 
 }
 .jn-news02 li .n02-r{
   float: right;
   width: 75%;
   height: auto;
   padding:2%;
   background-color: #fff;
 }
 .jn-news02 li:hover .n02-r{
 	background-color: #fe0002;
 }
 .jn-news02 li .n02-r h3{
   padding: 10px 0px;
   display: block;
   width: 100%;
   font-size: 18px;
   color: #313131;
   transition: all 0.3s ease-out;
 }
 .jn-news02 li:hover .n02-r h3{
   color: #fe0002;
 }
 .jn-news02 li .n02-r p{
   display: block;
   width: 100%;
   height: 45px;
   font-size: 14px;
   color: #6c6c6c;
   line-height: 150%;
   overflow: hidden;
 }
 .jn-news02 li .shijian{
   margin-top: 30px;
   font-size: 13px;
   color: #b7b7b7;
   vertical-align: middle;
 }
 .jn-news02 li .shijian p{
   display: inline-block;
   font-size: 13px;
   color: #b7b7b7;
   vertical-align: middle;
 }
 .jn-news02 li .shijian img{
   display: inline-block;
   float: right;
   vertical-align: middle;
   transition: all 0.3s ease-out;
 }
 .jn-news02 li:hover .shijian img{
   margin-right: 10px;
 }
 .jn-news02 li:first-child{
   padding-top: 0px;
 }
 .jn-news02 li:hover .n02-r h3,
 .jn-news02 li:hover .shijian p,
 .jn-news02 li:hover .shijian,
 .jn-news02 li:hover .n02-r p{
 	color: #fff;
 }
 
 
 
 .qt-zhishi{
   padding:35px 0px;
 }
 .qt-zhishi .zs-tit{
   margin-bottom: 15px;
 }
 .qt-zhishi .zs-tit h2{
   font-size: 20px;
   color: #1b1b1b;
   font-weight: bold;
 }
 .qt-zhishi .zs-tit p{
   margin-top: 5px;
   margin-bottom: 15px;
   font-size: 15px;
   color: #9e9e9e;
 }
 .qt-zhishi li{
   padding:13px 19px; 
   margin-bottom: 15px;
   background-color: #eeeeee;
   border:1px solid #e5e5e5;
   overflow: hidden;
 }
 .qt-zhishi li .zh-tit{
   margin-bottom: 5px;
 }
 .qt-zhishi li .zh-tit .tm{
   float: left;
   width: 23px;
   height: 23px;
   background-color: #fe0002;
   border-radius: 50%;
   text-align: center;
   line-height: 23px;
   font-size: 15px;
   color: #fff;
 }
 .qt-zhishi li .zh-tit .maohao{
   display: inline-block;
   width: 15px;
   float: left;
   font-size: 15px;
   color: #000;
 }
 .qt-zhishi li .zh-tit .tm-r a h3{
   display: inline-block;
   margin-top: 3px;
 /*  width: 80%;*/
   float: left;
   font-size: 15px;
   color: #000;
   line-height: 120%;
 }
 .qt-zhishi li .zh-nr{
   margin-top: 10px;
 }
 .qt-zhishi li .zh-nr .tm{
   float: left;
   width: 23px;
   height: 23px;
   background-color: #1d459a;
   border-radius: 50%;
   text-align: center;
   line-height: 23px;
   font-size: 15px;
   color: #fff;
 }
 .qt-zhishi li .zh-nr .maohao{
   display: inline-block;
   float: left;
   width: 15px;
   font-size: 15px;
   color: #000;
 }
 .qt-zhishi li .zh-nr p{
   display: inline-block;
   margin-top: 3px;
   width: 80%;
   height: 40px;
   float: left;
   font-size: 15px;
   color: #5c5c5c;
   line-height: 140%;
   word-wrap:break-word;
   overflow: hidden;
 }
 
 /*====================end middle====================*/


/*====================foot====================*/
.foot-lx{
  width: 100%;
  height: 440px;
  background: url(../images/foot-cont.jpg) top center no-repeat;
  overflow: hidden;
}
.foot-lx h2{
  display: block;
  width: 110px;
    height: 81px;
    margin: 0 auto;
    padding-top: 53px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}
.foot-lx .linea{
  width: 80px;
  height: 3px;
  background-color: #fff;
  margin:0 auto;
  margin-top: 5px;
}
.foot-lx-nr{
  margin-top: 43px;
  padding:15px;
  background: url(../images/foot-bg2.jpg);
  overflow: hidden;
}
.foot-lx-nr p.com-name{
  display: block;
  margin-top: 50px;
  text-align: center;
  font-size: 27px;
  color: #333;
  font-weight: 800;
  letter-spacing: 5px;
}
.foot-lx-nr p.con-name-en{
  display: block;
  margin-top: 5px;
  font-size: 15px;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.foot-lx-nr p.con-phone{
  display: block;
  margin-top:5px;
  font-size: 37px;
  color: #146dd2;
  font-weight: bold;
  text-align: center;
  font-family: "宋体";
}
.foot-lx-nr a{
  display: block;
  margin:0 auto;
  margin-top: 15px;
  width: 120px;
  height: 35px;
  line-height: 35px;
  border:1px solid #146dd2;
  text-align: center;
  font-size: 15px;
  color: #146dd2;
}


.foot-bg{
  width: 100%;
  background-color: #24292d;

}
.foot-bg2{
  padding:50px 0px 30px 0px;
}
.foot-fenlei h3{
  font-size: 19px;
  color: #fff;
  height: 40px;
  text-align: center;
}
.foot-fenlei a{
  display: block;
  margin:5px;
  padding:3px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border:1px solid #efefef;
  box-sizing: border-box;
  background-color: #ff2a2a;
}
.foot-menu h3{
  font-size: 19px;
  color: #fff;
  height: 40px;
  text-align: left;
}
.foot-menu a{
  display: block;
  margin:3px;
  padding:3px;
  width: 47%;
  float: left;
  text-align: center;
  font-size: 14px;
  color: #c1c1c3;
  border:1px solid #efefef;
  box-sizing: border-box;
}
.foot-con p,
.foot-con p a{
  font-size: 14px;
  color: #fff;
  line-height: 170%;
}
.foot-con strong{
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.foot-con .zi{
  font-size: 13px;
  color: #8c8c8c;
  text-transform: uppercase;
}
.foot-con .zi2{
  margin:5px 0px;
  padding:5px 10px;
  font-size: 20px;
  color: #fff;
  background-color: #fe0002;
  font-weight: bold;
  overflow: hidden;
}
.foot-ewm{
  display: inline-block;
  margin:0px 3px;
  float: left;
  text-align: center;
}
.foot-ewm p{
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.foot-fx{
  margin-top: 50px;
}
.f-bq{
  width: 100%;
  height: 49px;
  background-color: #1b1b1b;
  text-align: center;
  line-height: 49px;
  font-size: 14px;
  color: #fff;
}
.f-bq a,
.f-bq p,
.f-bq p a{
  line-height: 49px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}


/*内页*/
.jt-ny-tit{
  position: relative;
  height: 480px;
}
.jt-ny-tit h2{
  position: absolute;
  bottom:0px;
  left:0px;
  width: 200px;
  height: 50px;
  background-color: #f60e0e;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 26px;
}

/*手机样式*/
  /*优势*/

/*返回顶部*/
.to-top { position: relative; z-index: 11111111111; display: none; padding: 5px 10px; color: #fff !important; background-color: #f50;}
.to-top:visited { color: #fff;}
/*end手机样式*/

@media only screen and (max-width: 1400px){
#w-80{width: 95%;}
#w-90{width: 95%;}
.top-bt-phone .top-bt h2,.top-bt-phone .top-bt .zia{font-size: 20px;}
.top-bt-phone h3{font-size: 15px;}

}

@media only screen and (max-width: 1260px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  .padding0-sm15{padding:0px 15px;}
  .pc-menu-bg{width: 100%;}
  .pc-menu{width: 100%;}
  .padding-about{padding:15px;}
  /*menu*/
  .header-nav .nav-list>li>a{padding:0 8px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}

  /*首页*/
.top-tit img{width: 80%; display: block;margin: 0 auto;}
.top-phone img{width: 80%; display: block;margin: 0 auto;}

.foot-bg2{padding: 30px 0px 30px 0px;}




  
}
@media only screen and (max-width: 992px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  .padding0-sm15{padding:0px 15px;}

  .pc-menu{width: 100%;}
  .pc-menu-bg{width: 100%;}

  .yz-logo {text-align: center;}
  .pc-menu{margin-top: 5px;}

  .padding15-8{padding:8px;}
  .header-nav .nav-list>li>a{padding:0 3px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}


  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
	
	/*首页*/
.top-tit img{width: 100%;}
.tit01 h2{font-size: 18px;}
.tit01 h2 .zia{font-size: 15px;}
.tit01 span{font-size: 10px;}
.tit01 p{font-size: 14px;padding:0px 15px;}

.xm-proc li{width: 46%; padding-top:0px;}
.xm-proc li h3{padding: 3px 0px;}

.auto-pro1 a h3{font-size: 15px;}

.about-r{padding:20px 5px;}
.about-wb{padding:20px; height: auto; overflow: hidden;}
.about-r .about-tit h2 strong{font-size: 26px;}
.about-r .about-tit .zia{font-size: 18px;}
.about-r .about-tit .zib{font-size: 16px;}
.about-cont{height: auto;}
.about-w{height: auto;}
.about-r-list{text-align: center;}
.about-r-list a{width: 45%; display: inline-block;margin: 3px;}
.about-r-list img{width: 30px;}
.about-r-list p{font-size: 15px;}
.fanwei-tit{margin-top: 30px;}
.fanwei-tit h2{font-size: 26px; text-align: center;}
.fanwei-tit .zia{font-size: 18px; width: 100%; text-align: center;}
.fanwei-tit .zib{font-size: 18px;margin-top:20px; line-height: 130%;width: 100%;text-align: center;}
.fanwei-tit a{margin:0 auto;margin-top: 20px;padding: 5px 5px;}
.fanwei-list{margin-top: 30px;}
.fanwei-list li img{height: 140px;}
.fanwei-tit .linea{margin:0 auto; margin-top: 10px; margin-bottom: 10px;}
.fanwei-list li p{font-size: 18px;}
.fanwei-list li{width: 46%;}

.mini-ys{width: 100%;height: auto;}
.mini-ys img{width: 100%;}
.ys-titb{ margin:20px 0px; }
.ys-titb img{display:block; width: 80%; margin:0 auto;}
.ys-titb p{font-size: 16px; letter-spacing: 0px;}
.ys-list1 li,.ys-list2 li{margin-bottom: 0px; padding:20px 0px; border-bottom: 1px dashed #efefef;}
.ys-list1 li .tita img{}
.ys-list1 li .tita strong,.ys-list12 li .tita strong{font-size: 18px;}
.ys-list1 li .tita p,.ys-list2 li .tita p{font-size: 16px;}
.ys-list1 li .conta p,.ys-list2 li .conta p{font-size: 15px;}
.ys-list1 li .tita,.ys-list2 li .tita{float: none;width: 100%;}
.ys-list1 li .conta,.ys-list2 li .conta{float: none; width: 85%;margin:0 auto; text-align: left; margin-top: 15px;}
.ys-list1 li .conta p,.ys-list2 li .conta p{ text-align: left; line-height: 150%;}
.ys-phone{display: block;width: 100%;font-size: 30px; text-align: center;}
.ys-phone p{font-size: 30px; text-align: center;}
.ys-list2{margin-top: 20px;}

.h-case .tit1 p{display: none;}
.h-case .tit1 .tit2 a h3{height: auto; padding-bottom: 10px;}
.h-case .tit1{padding:6px 0px;}

.foot-bg2{padding: 30px;}





}
  



/*====================手机====================*/
@media only screen and (max-width: 768px){
  #w-1200{width:100%;}
  #w-1200-1{width:100%;}
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
  
  .padding0-sm15{padding:15px;}

  .foot-bg2{padding: 30px;}



/*标题*/
.ny-tit01 h2{font-size: 26px;}
.ny-tit01 span{font-size: 14px; padding:0 15px;}

.gl-proc li{width: 45%; margin:2px 2px;}
.gl-proc li a{width: 100%;}

/*其它*/
.search-p{padding:0px 15px; width: 90%; text-align: center; margin:0 auto;}


 /*地图*/
 .b-map .close-btn{
  top:10%;
 }
 .map-ys{height: 300px; width: 90%;}

 
 
}

.fanwei-list li{
	width: 21%;
}


@media (min-width: 768px){

.col-sm-5 {
     width: 31.666667%;
}
.col-sm-7 {
    width: 63.333333%;
}
}