@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-bg {
	width: 100%;
	height: 105px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 111111;
	background-color: #fff;
	background: rgb(255, 255, 255, 1);
	/*border-bottom:1px solid #dadada;*/
	ilter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
	transition: all 0.3s;
}

.top-bg-hover {
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);
	box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);
	transition: all 0.3s;
}

.ch-logo {
	position: relative;
}

.qt-topphone {
	width: 100%;
	height: 38px;
	vertical-align: middle;
}

.qt-topphone img {
	display: inline-block;
	float: right;
	vertical-align: middle;
	margin-top: 8px;
}

.qt-topphone p {
	display: inline-block;
	padding-left: 15px;
	float: right;
	font-size: 22px;
	color: #010101;
	font-weight: bold;
	line-height: 38px;
	vertical-align: middle;
}
/*导航*/
.pc-menu-bg {
	width: 100%;
	background-color: #040001;
	height: auto;
}

.header-nav {
	margin-top: 32px;
	position: relative;
	z-index: 11111111;
	text-align: center;
}

.header-nav .nav-list>li {
	/*float:left;*/
	padding: 10px 0;
	position: relative;
	display: inline-block;
	border-radius: 5px;
}

.header-nav .nav-list>li:hover {
	background-color: #174ea1;
	color: #fff;
}

.header-nav .nav-list>li>a {
	padding: 0 18px;
	font-size: 16px;
	position: relative;
	color: #333;
}
.header-nav .nav-list>li:hover a{
	color: #fff;
}

/* .header-nav li.active>a,.header-nav .nav-list>li>a:hover{color:#f6ff00;} */
.header-nav li.active {
	background-color: #174ea1;
}
.header-nav li.active a{
	color: #fff;
}

.header-nav .nav-list>li>a:after {
	content: '';
	position: absolute;
	/* bottom: -58px;
	width: 0px;
	height: 5px;
	background-color: #174fa2;
	left: 18%;
	margin-top: -5px; */
	/*margin-left:25px;*/
	transition: all 0.3s ease-in-out;
}

.header-nav .nav-list>li:hover>a:after,
.header-nav .nav-list>li.active>a:after{
	/* width: 60px; */
}

.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: 2px;
	margin-left: -20px;
	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 17px;
	font-size: 14px;
	line-height: 28px;
	color: #333 !important;
}

.dropdown-menu>li>a:hover {
	color: #fff !important;
	background-color:#164ea1;
}


.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: #174ea1;
  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;
}
.ph-menu2 li .active{
	background-color: #fff;
	color: #174ea1;
}


/*====================手机站 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;
}
/*====================top====================*/
.top-gg {
	padding: 15px 0px;
	background-color: #fff;
	border-bottom:1px solid #f1f1f1;
}

.top-l {
	font-size: 14px;
	color: #a5a5a5;
}

.top-l p,
.top-l p a,
.top-l a {
	padding-top: 5px;
	font-size: 14px;
	color: #a5a5a5;
}

.top-r {
	text-align: right;
}
.top-r h3{
	display: inline-block;
	font-size: 14px;
	color: #a5a5a5;
	vertical-align: middle;
}
.top-r p{
	display: inline-block;
	font-size: 22px;
	color: #09429b;
	font-weight: bold;
	vertical-align: middle;
}

/*====================title====================*/
/*分类*/
.jg-proc{
  padding: 3px 0;
  overflow: hidden;
  text-align: center;
}
.jg-proc a{
  display: inline-block;
  margin: 5px;
  cursor: pointer;
}

.jg-proc a h3{
padding: 15px 15px;
  font-size: 18px;
  color: #fff;
  background-color: #164ea1;
  border:1px solid #fff;
}
.jg-proc a:hover h3{
  background-color: #f5b606;
  color: #333;
}
.jg-proc-active h3{
  background-color: #f5b606 !important;
  color: #333 !important;
}

/*标题*/
.tit01 {
	padding-top: 6px;
	padding-bottom: 15px;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
}

.tit01 h2 {
	display: block;
	font-size: 35px;
	color: #164ea1;
	text-align: center;
	font-weight: bold;
}

.tit01 p {
	display: block;
	margin-top: 10px;
	position: relative;
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.tit01 span {
	display: block;
	margin-top: 8px;
	text-align: center;
	font-size: 14px;
	color: #999;
}
.tit01 .zia{
	font-size: 35px;
	color: #313131;
	font-weight: bold;
}
.tit01 .linea{
	margin-top: 15px;
	width: 100%;
  	height: 1px;
  	background-color: #efefef;
}


.tit02 {
	padding: 15px;
}

.tit02 h2 {
	display: inline-block;
	padding-bottom: 15px;
	font-size: 35px;
	color: #164ea1;
	font-weight: bold;
}

.tit02 p {
	display: inline-block;
	font-size: 17px;
	color: #666;
}

.tit02 a {
	display: inline-block;
	margin-top: 15px;
	float: right;
	padding: 8px 15px;
	background-color: #164ea1;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.tit02 .zia{
	font-size: 35px;
	color: #313131;
	font-weight: bold;
}
.tit02 .linea {
	margin-top: 15px;
	width: 100%;
	height: 1px;
	background-color: #efefef;
}
/*切换tab*/
#zSlider {
	margin:0px auto;
	width:100%;
	overflow:hidden;
}
#picshow {
	position:relative;
}
#picshow{
	width: 100%;
	height: auto;
}
#picshow_img {
	/*width:850px;*/
	
	width: 73%;
	overflow:hidden;
	float:right;
}
#picshow_img li {
	padding:10px;
	overflow:hidden;
	float:left;
	display:none;
	border:1px solid #c9c9c9;
	box-sizing: border-box;
}
#picshow_img img {
	width: 100%;
	height:520px;
}
#picshow_tx {
	/*left:11px;*/
	/*width:828px;*/
	width: 70%;
	position:absolute;
	/*bottom:11px;*/
	top:441px;
	right: 28px;
	z-index: 11111;
	height:90px;
	overflow:hidden;
	background: rgba(0,0,0,0.6);
}
#picshow_tx li {
	background:url(../images/picshow_bg.png) repeat;
	padding:10px 30px;
	color:#fff;
	display:none;
	z-index: 1111111;
}
#picshow_tx li a {
	color:#fff;
	font-size: 20px;
}
#picshow_tx li a:hover {
	text-decoration:underline;	
}
#picshow_tx li h3 {
	margin:13px 0;
	font-size: 20px;
}
#picshow_tx li p {
	color:#ccc;
	line-height:16px;
	height:16px;
	overflow:hidden;
}
#select_btn {
	/*width:330px;*/
	width: 25%;
	color:#111;
	float:left;
	display:inline;
	/* background-color:#f0f0f0; */
}
#select_btn ul h3{
	padding:35px 0px;
	background-color: #164ea1;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#select_btn li {
	margin:5px 0px;
    padding: 10px 11px 10px 9px;
    widows: 100%;
    border: 1px solid #c9c9c9;
    cursor: pointer;
	background-color: #fff;
    transition: all .3s ease 0s;
}
#select_btn li:hover {
    background-color: #184fa1;
}
#select_btn li a:hover {
    color: #fff;
}
#select_btn li.current a{
    color: #fff;
	transition: all 0.0s ease-in-out;
}
#select_btn li.current {
    background-color: #184fa1;
}
#select_btn li.current a span{
	display: block;
	color: #fff;
}
#select_btn li.current:hover {
    background-color: #184fa1;
}
#select_btn a {
	color:#333;
}
#select_btn a span{
	font-size: 15px;
}
#select_btn img {
	padding:2px;
	border:1px solid #ccc;
	width:70px;
	height:49px;
	margin-right:10px;
	float:left;
}
#select_btn .select_text {
	font-size: 17px;
	overflow:hidden;
	display:block;
}
#select_btn .select_text:hover {
	text-decoration:underline;
}
#select_btn .select_date {
	height:23px;
	line-height:23px;
	overflow:hidden;
	display:block;
}
#foot_bm a, #foot_bm, p, p a {
	color:#666;
}
/*end 切换tab*/

/*手机行业*/
.xyg-hangye{
	text-align: center;
}
.xyg-hangye li{
	display: inline-block;
	width: 43%;
	margin-bottom: 8px;
	border:1px solid #c9c9c9;
	padding:10px;
	overflow: hidden;
}
.xyg-hangye li .tua{
	display: block;
	float: left;
	width: 100%;
}
.xyg-hangye li .tua img{
	width: 100%;
}
.xyg-hangye li .nra{
	float: right;
	width: 100%;
}
.xyg-hangye li .nra span{
    display: none;
    margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
    overflow: hidden;
}
.xyg-hangye li .nra p{
	display: block;
	margin-bottom: 8px;
	font-size: 17px;
	color: #164ea1;
	font-weight: bold;
	text-align: center;
}


/*分类*/
.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;
}

/*产品列表*/
.pro-padd {
	padding: 8px;
}
.pro-bg {
	padding: 50px 0px 30px 0px;
	background: url(../images/bg1.jpg);
	background-color: #fcfbfb;
	overflow: hidden;
}

.jy-pro {
	margin-bottom: 15px;
	position: relative;
	border: 1px solid #666;
	background-color: #fff;
}

.jy-pro:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 0px;
	background-color: #1750a1;
	transition: all 0.3s ease-out;
}

.jy-pro:hover:before {
	height: 100%;
}

.jy-pro .tu {
	position: relative;
	z-index: 10;
	margin: 5px;
	height: auto;
	overflow: hidden;
}

.jy-pro .tu 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;
}

.jy-pro:hover .tu 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;
}

.jy-pro h3 {
	display: block;
	position: relative;
	z-index: 10;
	padding: 15px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	transition: all 0.3s ease-out;
}


.jy-pro .linea {
	display: block;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 50px;
	height: 2px;
	background-color: #666;
	transition: all 0.3s ease-out;
}

.jy-pro p {
	display: block;
	padding:0px 15px;
	position: relative;
	z-index: 10;
	height: 40px;
	font-size: 14px;
	color: #666;
	line-height: 150%;
	text-align: center;
	overflow: hidden;
	transition: all 0.3s ease-out;
}

.jy-pro .more {
	display: block;
	position: relative;
	z-index: 10;
	margin: 15px auto;
	padding: 5px;
	width: 30%;
	background-color: #1750a1;
	text-align: center;
	font-size: 15px;
	color: #fff;
	transition: all 0.3s ease-out;
}

.jy-pro:hover .more {
	background-color: #ffd101;
	color: #333;
}


.jy-pro:hover h3,
.jy-pro:hover p{
	color: #fff;
}

.jy-pro:hover .linea {
	background-color: #fff;
}

/*end 产品列表*/
/*展会*/
.zhanhui {
	padding: 8px;
}

.zhanhui .tua {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.zhanhui .tua .zh-logo {
	position: absolute;
	z-index: 10;
	bottom: 50%;
	left: 50%;
	margin-bottom: -150px;
	margin-left: -150px;
	opacity: 0;
}

.zhanhui .tua .zh-logo img {
	width: 300%;
}

.zhanhui:hover .tua .zh-logo {
	opacity: 1;
	left: 0px;
	bottom: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.zhanhui:hover .tua .zh-logo img {
	width: 100px;
}

.zhanhui .tua img {
	width: 100%;
}
.zhanhui .tita{
	padding:15px;
	background-color: #164ea1;
}
.zhanhui .tita a h3 {
	display: block;
	padding: 10px 0px;
	font-size: 17px;
	color: #fff;
	text-align: center;
}
.zhanhui .tita p{
	display: block;
	padding:0px 15px 15px 15px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}

.zhanhui:hover .tita {
	background-color: #ff8400;
}
.zhanhui:hover .tita a h3,
.zhanhui:hover .tita p{
	color: #fff;
}

/*展会 end*/
.jiantua-w{
	width: 100%;
	height: 216px;
	background: url(../images/jiantu-bg1.jpg) top center no-repeat;
}
.jiantua-cont{
	float: right;
	margin-top: 35px;
	width: 793px;
	height: auto;
}
.jiantua-a{
	float: left;
	width: 490px;
}
.jiantua-a strong{
	display: block;
	font-size: 26px;
	color: #070707;
}
.jiantua-a span{
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
}
.jiantua-a p{
	display: block;
	margin-top: 20px;
	font-size: 17px;
	color: #000;
	left: 150%;
}
.jiantua-b{
	margin-top: 15px;
	float: right;
	width: 190px;
}
.jiantua-b .zia{
	width: 119px;
	height: 36px;
	background-color: #164ea1;
	text-align: center;
	line-height: 36px;
	font-size: 18px;
	color: #fff;
}
.jiantua-b .zib{
	display: block;
	margin-top: 15px;
	font-size: 17px;
	color: #000;
}
.jiantua-b .zic{
	display: block;
	font-size: 28px;
	color: #000000;
	letter-spacing: -1px;
}

/*简介*/
.about-w{
	padding:78px 0px;
	width: 100%;
	height: 774px;
	background: url(../images/about-bg.jpg) top center no-repeat;
	overflow: hidden;
}
.about-part{
	width: 50%;
}
.about-tit{}
.about-tit h2{
	display: block;
	font-size: 38px;
	color: #164ea1;
	font-weight: bold;
	letter-spacing: 3px;
}
.about-tit img{
	margin-top: 10px;
}
.about-tit p{
	display: block;
	margin-top: 20px;
	font-size: 24px;
	color: #242424;
	letter-spacing: 2px;
}
.about-sum{
	padding:20px;
	overflow: hidden;
}
.about-sum li{
	float: left;
	width: 43%;
}
.about-sum li p{
	display: inline-block;
	float: left;
	font-size: 19px;
	color: #404040;
	line-height: 68px;
}
.about-sum li span{
	display: inline-block;
	float: left;
	margin-right: 15px;
	font-size: 40px;
	color: #ff8400;
	font-family: "Impact";
}
.about-cont{
	margin-top: 20px;
	width: 100%;
	height: 167px;
	overflow: hidden;
	font-size: 16px;
	color: #404040;
	line-height: 220%;
}
.about-cont p,
.about-cont p a,
.about-cont p strong{
	font-size: 16px;
	color: #404040;
	line-height: 220%;
	letter-spacing: 0px;
}
.about-more a{
	display: block;
	margin-top: 65px;
	width: 215px;
	height: 47px;
	background-color: #1750a1;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 47px;
}

.about-part2{
	width: 45%;
}
.about-list{
	margin-top: 65px;
	margin-bottom: 15px;
	overflow: hidden;
}
.about-list li{
	float: left;
	padding:10px 0px;
	width: 19%;
	border:1px solid #535353;
	box-sizing: border-box;
	overflow: hidden;
}
.about-list li:hover{
	background-color: #fff;
}
.about-list .pad-r{
	margin-right: 1.2%;
}
.about-list li img{
	display: block;
	margin:0 auto;
}
.about-list li p{
	display: block;
	margin-top: 8px;
	text-align: center;
	font-size: 17px;
	color: #141414;
}
.about-video{
	width: 100%;
	height: 419px;
}
/*专利*/
.zhuanli-w{
	width: 100%;
	height: 903px;
	background: url(../images/zhuanli-bg.jpg) top center repeat-x;
	overflow: hidden;
}
.zhuanli-tit{
	margin-top: 115px;
}
.zhuanli-tit h2{
	display: block;
	text-align: center;
	font-size: 47px;
	color: #fff;
	font-weight: bold;
}
.zhuanli-tit .linea{
	margin:0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 33px;
	height: 3px;
	background-color: #fff;
}
.zhuanli-tit p{
	display: block;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 130%;
}
.zhuanli-tu{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.zhuanli-pad{
	padding:5px;
}
.zhuanli-tu img{
	width: 100%;
}
/*优势*/
.ys-tit{
	margin-top: 40px;
	width: 100%;
	height: auto;
	background: url(../images/ys-tit-bg.jpg) top center no-repeat;
}
.ys-tit h2{
	padding:5px 0px 10px 0px;
	display: block;
	text-align: center;
	font-size: 46px;
	color: #ff9600;
	font-weight: bold;
	letter-spacing: 3px;
}
.ys-tit .zia{
	font-size: 46px;
	color: #1750a1;
	font-weight: bold;
	letter-spacing: 3px;
}
.ys-tit p{
	display: block;
	margin:0 auto;
	margin-top: 15px;
	width: 60%;
	text-align: center;
	font-size: 18px;
	color: #565656;
	line-height: 190%;
}
.ys-w{
	width: 100%;
	height: 847px;
	background: url(../images/ys-bg.jpg) top center no-repeat;
	overflow: hidden;
}
.ys-list{
	margin-top: 75px;
	overflow: hidden;
}
.ys-list li{
	margin-bottom: 60px;
}
.ys-list li:nth-child(2),
.ys-list li:nth-child(3){
	margin-left:10%;
}
.ys-list li .tit-l{
	float: left;
	width: 255px;
}
.ys-list li .tit-l img{
	float: left;
	display: inline-block;
}
.ys-list li .tit-l h3{
	display: inline-block;
	margin-left: 10px;
	margin-top: 15px;
	padding-bottom: 10px;
	font-size: 28px;
	color: #ff9600;
	font-weight: bold;
	border-bottom: 1px solid #ff9600;
}
.ys-list li .tit-r{
	margin-left: 255px;
}
.ys-list li .tit-r p{
	display: block;
	padding-top: 20px;
	font-size: 18px;
	color: #2b2b2b;
	line-height: 150%;
}
.ys-list-pab{
	padding-bottom: 15px;
}

/*新闻*/
.h-news-l{
	padding-left: 25px;
}
.h-news-w{
	padding:15px 0px;
	background-color: #fafafa;
	overflow: hidden;
}
.h-news1{
	position: relative;
}
.h-news1 .tua img{
	width: 100%;
}
.h-news1 .tita{
	padding:15px 0px;
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 100%;
	background: rgba(22,82,163,0.8);
}
.h-news1 .tita h3{
	display: block;
	padding:3% 5%;
	font-size: 22px;
	color: #fff;
}
.h-news1 .tita p{
	display: block;
	margin-bottom: 15px;
	padding:0px 5%;
	font-size: 15px;
	color: #fff;
	line-height: 160%;
}
.h-news1 .tita img{
	margin-left: 5%;
}
.h-news1:hover .tita{
	padding:30px 0px;
}
.h-news2{
	border-bottom: 1px solid #999;
	overflow: hidden;
}
.h-news2 li{
	width: 100%;
	height: auto;
	padding-bottom: 28px;
	overflow: hidden;
}
.h-news2 li .tua{
	float: right;
	width: 186px;
	overflow: hidden;
}
.h-news2 li .tua img{
	width: 186px;
}
.h-news2 li:hover .tua img{
	  -webkit-transform: scale(1.1, 1.1); 
	     -moz-transform: scale(1.1, 1.1); 

}
.h-news2 li .cont{
	margin-right: 220px;
	margin-top: 10px;
}
.h-news2 li .cont a h3{
	margin-bottom: 15px;
	margin-right: 86px;
	font-size: 19px;
	color: #363636;
	font-weight: bold;
}


.h-news2 li:hover .cont a h3{
	color: #1a4ea2;
	padding-left: 15px;
}
.h-news2 li .cont p{
	display: block;
	height: 45px;
	font-size: 14px;
	color: #898989;
	line-height: 170%;
	overflow: hidden;
}
.h-news2 li .cont span{
	float: right;
	text-align: right;
	font-size: 12px;
	color: #898989;
	width: 90px;
}
.h-news2 li .cont .morea{
	margin-top: 8px;
}
.h-news2 li .cont .morea img{
	display: inline-block;
	width: 20px;
	vertical-align: middle;
}
.h-news2 li .cont .morea .zib{
	height: 22px;
	display: inline-block;
	margin-left: 15px;
	font-size: 14px;
	color: #666;
	vertical-align: middle;
}
.h-news3-tit{
	padding:20px 0px;
}
.h-news3-tit h2{
	display: inline-block;
	font-size: 23px;
	color: #1d170f;
	font-weight: bold;
	vertical-align: middle;
}
.h-news3-tit p{
	display: inline-block;
	margin-left: 10px;
	margin-top: 8px;
	font-size: 14px;
	color: #aeaab5;
	text-transform: uppercase;
	vertical-align: middle;
}

.h-news3{
	margin-top: 10px;
}
.h-news3 li:nth-child(2){
	margin-right: 0%;
}
.h-news3 li{
	float: left;
	margin-right: 4%;
	width: 48%;
}
.h-news3 li .tua{
	float: left;
	width: 38px;
}
.h-news3 li .conta{
	margin-left: 38px;
}
.h-news3 li .conta a h3{
	display: block;
	font-size: 17px;
	color: #1e1e1e;
}
.h-news3 li:hover .conta a h3{
	color: #1a4ea2;
}
.h-news3 li .conta p{
	display: block;
	margin-top: 15px;
	height: 45px;
	font-size: 14px;
	color: #989898;
	line-height: 170%;
	overflow: hidden;
}
/*====================end middle====================*/

/*====================foot====================*/
.foot-w{
	padding:20px 0px;
	width: 100%;
	height: auto;
	background:url(../images/foot-bg.jpg) top center repeat-x;
	overflow: hidden;
}
.foot-listtu{
	padding-bottom: 20px;
	border-bottom: 1px solid #314979;
	text-align: center;
}
.foot-listtu li{
	display: inline-block;
	width: 20%;
	text-align: center;
}
.foot-listtu li img{
	display: inline-block;
	vertical-align: middle;
}
.foot-listtu li p{
	display: inline-block;
	padding-left: 15px;
	vertical-align: middle;
	font-size: 17px;
	color: #fff;
}
.foot-tit{
	margin-top: 40px;
}
.foot-tit p{
	display: block;
	font-size: 18px;
	color: #fff;
}
.foot-lx{
	margin-top: 25px;
	font-size: 15px;
	color: #fff;
	line-height: 170%;
}
.foot-lx p,
.foot-lx p a,
.foot-lx p strong{
	font-size: 14px;
	color: #fff;
	line-height: 170%;
}
.foot-menu{
	margin-top: 35px;
}
.foot-menu a{
	display: block;
	padding-bottom: 10px;
	float: left;
	width: 40%;
	font-size: 14px;
	color: #fff;
}
.foot-proc{
	margin-top: 35px;
}
.foot-proc a{
	display: block;
	padding-bottom: 10px;
	float: left;
	width: 46%;
	font-size: 14px;
	color: #fff;
}
.foot-wx{
	margin: 29px;
}
.foot-wx .tit p{
	display: block;
	width: 100%;
	padding:5px 0px;
	text-align: center;
	background-color: #ff9000;
	font-size: 18px;
	color: #fff;
	border-radius: 30px;
}	
.foot-wx img{
	display: block;
	margin:0 auto;
	margin-top: 15px;
}
.foot-wx .zia{
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

.f-bq {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.f-bq a,
.f-bq p,
.f-bq p a {
	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 5px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}
  .header-nav{margin-top: 22px;}
  .logo-img img{width: 350px;}


  /*首页*/
.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;}

.logo-img{ width: 250px; margin:0 auto; display: block; }

.jy-pro{margin-bottom: 0px;}
.jy-pro .more{width: 60%; padding:3px;font-size: 12px; display: none;}
.jy-pro p{ margin-bottom: 10px; }
.jy-pro h3{font-size: 15px; padding:6px 0px;}

.about-part{padding:10px;}
.about-part2{padding:10px;}



  
}

@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;}

  .tit01 .zia{font-size: 26px;}

  .jg-proc a{width: 45%;}
  .jg-proc a h3{padding:10px 3px;font-size: 15px;}
  .jg-proc{width: 98%;margin:0 auto;}

  .pro-bg{padding-top: 20px;}

	.about-w{height: auto;}
  .about-part{padding:10px;width: 100%;}
	.about-part2{padding:10px;width: 100%;}
	.about-cont{margin-top: 0px;}
	.about-more a{margin-top: 30px;}
	.about-list{margin-top: 40px;}
	.about-video img{width: 100%;}

	.ys-w{height: auto;}
	.ys-list li .tit-l img{width: 80px;}



  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
	
	/*首页*/
.jiantua-w{display: none;}





}
  



/*====================手机====================*/
@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;}
  .logo-img{ width: 90%; margin:0 auto; display: block; }

  .tit01 h2{font-size: 26px;}
  .tit01 p{font-size: 14px;}
  .tit01 span{margin-top: 0px; font-size: 9px;}

/*  #select_btn{width: 100%;}
  #picshow_img{width: 100%;}
  #select_btn li{width: 15%;float: left; padding:1px;}
  #select_btn img{width: 100%; height: auto; margin:0px;}
  .select_text{height: auto;}
  #select_btn .select_date{display: none;}
  #picshow_img img{height: auto;}
*/
.about-sum li p{font-size: 15px; line-height: 100%;}
.about-list{margin-top: 10px;}
.about-list li{width: 32%; margin-bottom: 10px;}
.about-tit h2{font-size: 30px;}
.about-tit p{font-size: 18px; letter-spacing: 0px;}
.about-cont{height: auto; line-height: 170%;}
.about-more a{margin:0 auto; margin-top: 20px; width: 60%;font-size: 15px;}
.about-video{height: auto;}
.about-w{padding-bottom: 0px;}

.zhuanli-tit h2{font-size: 30px;}
.zhuanli-tit{margin-top: 80px;}
.zhuanli-tit p{font-size: 15px; padding:0px 15px;}
.zhuanli-w{height: auto; padding-bottom: 30px;}

.ys-tit h2, .ys-tit .zia{font-size: 30px;}
.ys-tit{margin-top: 20px;}
.ys-tit p{width: 92%; font-size: 16px;}

.ys-w{background: url(../images/mini-ys-2.jpg) top left repeat-x; height: auto;}

.zhanhui{padding:0px;}
.zhanhui .tita{padding:5px 10px;}
.zhanhui .tita p{display: none;}
.zhanhui .tita a h3{font-size: 15px;}
.zhanhui{margin-bottom: 15px;}

.tit02 h2, .tit02 .zia{font-size: 26px;}
.tit02 a{display: none;}

.h-news2 li .tua{width: 120px;}
.h-news2 li .tua img{width: 100%;}
.h-news2 li .cont{margin-right: 140px;}
.h-news2 li .cont span{display: none;}
.h-news2 li .cont a h3{margin-right: 0px; display: block; font-size: 16px;}

.foot-wx .tit p{width: 80%; margin:0 auto;}
.foot-w{ background: url(../images/mini-foot-bg.jpg) top center no-repeat; }
.f-bq{margin-top: 0px;}



/*标题*/
.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%;}

 
 
}

@media only screen and (max-width: 420px){

	.ys-w{background: none; height: auto;}
	.ys-list{margin-top: 20px;}
	.ys-list li:nth-child(2), .ys-list li:nth-child(3){margin-left: 0px;}
	.ys-list li .tit-r{margin-left: 0px; display: block; width: 100%;}
	.ys-list li .tit-l{float: none;}
	.ys-list li{margin-bottom:30px;}
	.ys-list li .tit-r p{font-size: 17px;}
	.ys-list li .tit-l img{width: 70px;}
	.ys-list li .tit-l h3{margin-top: 0px;}

}
