@charset "utf-8";
@font-face {
	font-family: 'font1';
	src: url('../font/politicaregular.ttf');
}

@font-face {
	font-family: 'font2';
	src: url('../font/Oswald-Medium.ttf');
}

@font-face {
	font-family: 'font3';
	src: url('../font/akrobat-regular.ttf');
}

@font-face {
	font-family: 'font4';
	src: url('../font/Oswald-ExtraLight.ttf');
}

@font-face {
	font-family: 'font5';
	src: url('../font/AgencyFB.ttf');
}
@font-face {
	font-family: siyuan;
	src: url("../fonts/siyuan.otf") format("opentype");
}
/* 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,
span,
p,
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;
}


.top-r{
	position:fixed;
	width:133px;
	background:rgba(11, 97, 122, 0.9);
	top:58%;
	right:0px;
	z-index:1000;
	padding:10px;
}

.top-r p{
	width:100%;
	text-align:center;
	font-size:15px;
	color:#fff;
	line-height:25px;
}

div.min_box_content div.c{
	text-indent: 0em;
}

.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: 55px;
}

.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;
}

.mt-120 {
	margin-top: 100px;
}

.t-align-c {
	text-align: center;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.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;
}

.padding3-sm {
	padding: 0 3px;
}

.padding-r-0 {
	padding-right: 0px;
}

.padding-5-xs {}

.padding15 {
	padding: 15px;
}

.padding0-sm15 {
	padding: 0px;
}

.padding15-8 {
	padding: 15;
}

.case-padding {
	padding: 5px;
}

#w-70 {
	margin: 0 auto;
	width: 70%;
	overflow: hidden;
}

#w-80 {
	margin: 0 auto;
	width: 80%;
	/* overflow: hidden; */
}

#w-90 {
	margin: 0 auto;
	width: 90%;
	/* overflow: hidden; */
}
#w-95 {
	margin: 0 auto;
	width: 95%;
	/* overflow: hidden; */
}
#w-top{
	margin: 0 auto;
	width: 90%;
}

#w-1260 {
	margin: 0 auto;
	width: 1260px;
	overflow: hidden;
}

#w-1260-1 {
	margin: 0 auto;
	width: 1260px;
}

#w-1260 {
	margin: 0 auto;
	width: 1260px;
	overflow: hidden;
}

#w-1260-1 {
	margin: 0 auto;
	width: 1260px;
}
#w-1300 {
	margin: 0 auto;
	width: 1300px;
	overflow: hidden;
}

#w-1300-1 {
	margin: 0 auto;
	width: 1300px;
}
#pro-w {
	margin: 0 auto;
	width: 80%;
	overflow: hidden;
}

.p-img {
	width: 100%;
}






.y-kefu-box { position: fixed; right: 0; top:60%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/right-icon.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #f74f2e; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #333333; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative; text-align: center;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #f74f2e; border-color: #f74f2e; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile p{ text-align:center; width:100%; color:#fff;}
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat p{ text-align:center; width:100%; color:#fff;}
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .back-top p{color: #fff; text-align: center;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #f74f2e; border-color: #f74f2e;}
.y-kefu-box01 .hver:hover>p { color: #fff; text-align: center;}
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#666; }
.y-kefu-box01 .mobile-infos p { color: #f74f2e; font-size: 18px; }
.y-kefu-box .right {width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
.y-kefu-box .right-arrow1,
.y-kefu-box .right-arrow2 {width: 0;height: 0;display: block;position: absolute;left: 0;top: 0;border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;}
.y-kefu-box .right-arrow1 {left: 1px;border-left: 6px #efefef solid;}
.y-kefu-box .right-arrow2 {border-left: 6px white solid;}

.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1  p{ text-align:center; width:100%; color:#333;
}
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #f74f2e; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }



/*====================top====================*/
/*导航*/
.pc-menu-bg {
	padding-top: 5px;
	margin-left: 287px;
	margin-right: 367px;
	height: auto;
}

.header-nav {
	padding: 0px 0px;
	position: relative;
	z-index: 11111111;
	text-align: center;
}

.header-nav .nav-list {
	text-align: center;
}

.header-nav .nav-list>li {
	/*float:left;*/
	padding: 18px 1px;
	position: relative;
	display: inline-block;
}

.header-nav .nav-list>li:first-child {}

.header-nav .nav-list>li:hover {
	background-color: #313131;
	color: #fff;
}

.header-nav .nav-list>li>a {
	padding: 0 10px;
	font-size: 16px;
	position: relative;
	color: #fff;
}

.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: #313131;
}

.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: 0px;
	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: #ee1d23;
}


.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: 100;
	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: 10px;
	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: #4a4a4a;
	overflow: hidden;
}

.ph-menu2 li {
	position: relative;
	float: left;
	width: 25%;
	height: auto;
	border-radius: 8px;
	overflow: hidden;
	-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: 4px 0px;
	width: 96%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;

}
.ph-menu2 .active{
	
	background-color: #eb0212 !important;
}

/*====================手机站 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-w {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 22222222;
	width: 100%;
	background: rgba(11, 97, 122, 0.9);
}

.top-logo {
	float: left;
	width: 310px;
}
.top-logo h1{
	margin:0px;
}

.top-yy {
	float: right;
	padding-top: 3px;
	width: 80px;
	height: 70px;
	background-color: #ee1d23;
}

.top-yy a {
	display: block;
	padding: 3px;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

.top-phone {
	float: right;
	padding-top: 10px;
	width: 287px;
}

.top-phone img {
	display: block;
	width: 42px;
	float: left;
}

.top-phone .phone-nr {
	margin-left: 50px;
}

.top-phone .phone-nr .zia {
	display: block;
	font-size: 16px;
	color: #fff;
}

.top-phone .phone-nr .zib {
	display: block;
	font-size: 27px;
	color: #fff;
	font-weight: bold;
	line-height: 100%;
}

/*====================title====================*/
.hy-logo {
	margin-top: 0px;
}
/*====================top====================*/
/*标题*/
.tit01 {
	padding-top: 6px;
	padding-bottom: 15px;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
}

.tit01 h2 {
	position: relative;
	top: -6px;
	display: block;
	font-size: 36px;
	color: #ee1d23;
	text-align: center;
	font-weight: bold;
	font-family: "siyuan";
	letter-spacing: 2px;
}

.tit01 p {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 15px;
	color: #a5a5a5;
	text-align: center;
	width: 1020px;
	line-height: 170%;
}

.tit01 span {
	display: block;
	height: 40px;
	margin-top: 8px;
	text-align: center;
	font-size: 48px;
	color: #ededed;
	text-transform: uppercase;
	font-family: "siyuan";
	letter-spacing: 3px;
}

.tit01 .zia {
	font-size: 35px;
	color: #313131;
	font-weight: bold;
}
.tit01 .linea{
	display: block;
	margin-top: 10px;
	width: 100%;
	height: 1px;
	background-color: #efefef;
}

/*====================middle====================*/
/*分类*/
.jg-proc-w {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 20px 0;
	background: url(../images/proc-bg.jpg);
}

.jg-proc {
	overflow: hidden;
	text-align: center;
}

.jg-proc li {
	position: relative;
	display: inline-block;
	height: 35px;
	margin: 0.2%;
	width: 19%;
	border-radius: 5px;
	background-color: #ee1d23;
	overflow: hidden;
}

.jg-proc li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15;
	height: 35px;
	line-height: 35px;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.jg-proc li::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 10;
	width: 0%;
	background-color: #333;
	opacity: 0;
	transition: all 0.3s ease-out;

}

.jg-proc li:hover::after {
	left: 0px;
	opacity: 1;
	width: 100%;
}

.jg-proc a h3 {}

.jg-proc a:hover h3 {
	background-color: #333;
	color: #fff;
}

.jg-proc-active h3 {
	background-color: #f60e0e !important;
	color: #333 !important;
}



.part1 {
	width: 100%;
}

.part1-l {
	float: left;
	width: 14%;
	height: 90px;
	background-color: #ee1d23;
}

.part1-lb {
	float: left;
	width: 23%;
	height: 90px;
	background: url(../images/top-bg.png) top left;
	background-color: #ececec;
}

.part1-lc {
	float: left;
	width: 26%;
	height: 90px;
	background: url(../images/top-bg.png) top left;
}

.part1-ld {
	float: right;
	width: 37%;
	height: 90px;
	background-color: #f5f5f5;
}

.p1lb-nr {
	padding: 9px 7%;
}

.p1lb-nr .zia {
	display: block;
	font-size: 10px;
	color: #313131;
	text-transform: uppercase;
}

.p1lb-nr .zib {
	display: block;
	font-size: 20px;
	color: #313131;
	font-weight: bold;
}

.p1lb-nr .zic {
	display: block;
	font-size: 16px;
	color: #313131;
}

.p1lc-nr {
	padding: 16px 10%;
}

.p1lc-nr span {
	display: block;
	margin-bottom: 5px;
	font-size: 10px;
	color: #313131;
	line-height: 110%;
	text-transform: uppercase;
}

.p1lc-nr p {
	display: block;
	font-size: 18px;
	color: #313131;
	font-weight: bold;
}

.p1lc-search {
	padding-top: 10px;
	padding-left: 40px;
}

.search-tit {
	display: block;
	font-size: 15px;
	color: #171716;
	vertical-align: middle;
}

.search-tit img {
	display: inline-block;
}

.h-search {
	float: left;
	width: 60%;
}

.h-form {
	margin-top: 5px;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

.h-input1 {
	float: left;
	width: 75%;
	height: 35px;
	font-size: 14px;
	color: #636363;
	padding-left: 15px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}

.h-input2 {
	float: right;
	width: 25%;
	height: 35px;
	background-color: #ee1d23;
	color: #fff;
	border: 1px solid #ee1d23;
}

/*banner-video*/
.video-back{display:block;padding:0px 0px;text-align:center; overflow: hidden;}
.video-back h1{display:block;text-align:center;color:#fff;text-shadow:2px 2px 4px #000;font-size:50px;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}

/*视频展示*/
 #mycontainer {
   display: block;
    text-align: center;
    height: 951px;
  overflow: hidden;
 
}

#background_video {
  position: absolute;

  top: 50%; left: 50%;
  transform: translate(-50%, -50%);

  object-fit: cover;
  height: 100%; width: 100%;
}

#video_cover {
  position: absolute;

  width: 100%; height: 100%;

  background: url('img/video_cover.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}

#video_controls {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

#play img {
  width: 100px;
}
#pause img {
  width: 90px;
}
#pause {
  display: none;
}

@media (min-width: 768px) {
  #video_controls {
    display: none;
  }
}

/* Demo page specific styles */


#container {
  height: 100%;
}

#overlay {
  position: absolute;
 /* top: 0; right: 0; left: 0; bottom: 0;
  background: rgba(0,0,0,0.5);*/
}

#main_content {
  z-index: 2;
  position: relative;
  display: inline-block;

  /* Vertical center */
  top: 50%;
  transform: translateY(-50%);
}

#main_content h1 {
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'proxima-nova-condensed', Helvetica;
  color: #fff;
  font-size: 35px;
}

#main_content .sub_head {
  color: rgba(255,255,255,0.5);
  font-size: 18px;
}

#main_content .info {
  color: rgba(255,255,255,0.5);
  font-size: 12px;
  margin-top: 10px;
}


/*视频1*/
.vidbacking-active-body-back {
	position: fixed;
	z-index: -100;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking {
	display: none;
}

.vidmask-body-back {
	background: url(../image/videooverlay1.png) repeat;
	opacity: 0.4;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
}

.vidmask-block-back {
	background: url(../image/videooverlay1.png) repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}

.video-back {
	display: block;
	padding: 0px 0px 0px 0px;
	padding-top: 26%;
	text-align: center;
}

.video-back h1 {
	display: block;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 4px #000;
	font-size: 70px;
	font-weight: bold;
	letter-spacing: 5px;
}

.video-back p {
	display: block;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #fff;
	font-size: 20px;
	text-shadow: 2px 2px 1px #000;
	text-transform: uppercase;
	text-align: center;

}

.video-back img {
	width: 150px;
}



.about-bg {
	padding-top: 40px;
	width: 100%;
	height: 615px;
	background: url(../images/about-bg.jpg) top center repeat-x;
}
.about-tit{
	margin-top: 0px;
}
.about-tit h2 {
	display: block;
	font-size: 30px;
	color: #565656;
	font-weight: bold;
}

.about-tit p {
	display: block;
	padding-top: 6px;
	font-size: 15px;
	color: #565656;
	text-transform: uppercase;
}

.about-tit strong {
	display: block;
	margin-top: 15px;
	font-size: 25px;
	color: #fe0101;
	font-weight: bold;
}

.about-con {
	margin-top: 25px;
	width: 96%;
	height: 301px;
	font-size: 15px;
	color: #565656;
	line-height: 190%;
	overflow: hidden;
}

.about-con p,
.about-con p a,
.about-con p strong {
	font-size: 15px;
	color: #565656;
	line-height: 190%;
}

.video-tit {
	display: block;
	margin-bottom: 25px;
	overflow: hidden;
	text-align: center;
}

.video-tit a {
	display: inline-block;
	padding: 6px;
	width: 23.5%;
	margin-right: 0.5%;
	background-color: #fe0101;
	font-size: 17px;
	color: #fff;
	text-align: center;
}

.video-h {
	border: 1px solid #626262;
	margin-left: -15px;
}

.video-h .video-show {
	margin-top: -15px;
	margin-left: 15px;
	width: 100%;
}

.video-h .video-show img {
	width: 100%;
}

.rongyu-tit h2 {
	display: block;
	padding: 20px 15px;
	font-size: 36px;
	color: #5b5b5b;
	text-align: center;
}

.about-list {
	padding: 26px;
	background-color: #ff0101;
	min-height: 170px;
	overflow: hidden;
}

.about-list .tua {
	float: left;
	width: 28%;
	background-color: #fff;
	border-radius: 15px;
	text-align: center;
	overflow: hidden;
}

.about-list .tua img {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.about-list .about-rnr {
	margin-left: 35%;
}

.about-list .about-rnr p {
	display: block;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}

.about-list .about-rnr span {
	padding: 0px;
	margin-top: 10px;
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 130%;
}

/*方案*/
.h-fa-tit {
	display: block;
	padding: 15px;
	padding-top: 0px;
	font-size: 32px;
	color: #4c4c4c;
	text-align: center;
	font-weight: bold;
}
.h-fangan-p{
	padding:3px;
}
.h-fangan-w{
	padding:0px;
	overflow: hidden;
}
.h-fangan-bg1 {
	background: url(../images/fa-bg1.jpg) top center no-repeat;
}

.h-fangan-bg2 {
	background: url(../images/fa-bg2.jpg) top center no-repeat;
}

.h-fangan-bg3 {
	background: url(../images/fa-bg3.jpg) top center no-repeat;
}

.h-fangan-bg4 {
	background: url(../images/fa-bg4.jpg) top center no-repeat;
}

.h-fangan-bg5 {
	background: url(../images/fa-bg5.jpg) top center no-repeat;
}

.h-fangan-bg6 {
	background: url(../images/fa-bg6.jpg) top center no-repeat;
}

.h-fangan {
	padding: 15% 10%;
	height: 562px;
}

.h-fangan h3 {
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 39px;
	color: #fff;
	font-weight: bold;
}
.h-fangan span{
	display: block;
	padding:15px 0px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.h-fangan-list{
	margin-top: 10px;
}
.h-fangan-list p{
	display: block;
	padding:5px 0px;
	font-size: 18px;
	color: #fff;
}

.jiantu-bg{
	width: 100%;
	height: 509px;
	background:url(../images/bgb.jpg) top center no-repeat;
	overflow: hidden;
}
.jiantu-tu{
	width: 95%;
	margin:0 auto;
}
.jiantu-tu img{
	width: 100%;
}
.jiantu-l .jt-la{
	float: left;
	width: 40%;
}
.jiantu-l .jt-la li{
	float: left;
	width: 45%;
	margin-right: 2%;
	text-align: center;
}
.jiantu-l .jt-la li img{
	width: 90%;
	margin: 0 auto;
}
.jiantu-l .jt-la li p{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #000;
	text-align: center;
}
.jiantu-contact{
	float: left;
	width: 60%;
}
.jiantu-contact p{
	display: block;
	font-size: 17px;
	color: #4c4c4c;
	vertical-align: middle;
	overflow: hidden;
}
.jiantu-contact img{
	display: block;
	margin-right: 10px;
	float: left;
}
.jiantu-list{
	margin-top: 80px;
	text-align: center;
}
.jiantu-list .tua{
	float: left;
	width: 30%;
	margin:1%;
	border:1px solid #666;
}
.jiantu-list .tua img{
	display: block;
	width: 100%;
}



/*案例*/
.zhanhui-tit{
	display: block;
	padding-right: 20px;
	margin-right: 250px;
	border-right: 5px solid #ee1d23;
}
.zhanhui-tit h2{
	display: block;
	text-align: right;
	font-size: 45px;
	color: #f00;
	font-family: "siyuan";
	font-weight: bold;
}
.zhanhui-tit span{
	display: block;
	margin:5px 0px;
	font-size: 23px;
	color: #868686;
	font-weight: bold;
	font-family: "siyuan";
	text-align: right;
	text-transform: uppercase;
}
.zhanhui-tit p{
	display: block;
	font-size: 18px;
	color: #868686;
	text-align: right;
}

.zhanhui {
	padding: 0px;
}

.zhanhui .tua {
	border:3px solid #fff;
	width: 100%;
	overflow: hidden;
}

.zhanhui .tua img {
	width: 100%;
}

.zhanhui .tit-name p{
	display: block;
	width: 100%;
	padding: 10px 0px;
	font-size: 16px;
	color: #333;
	text-align: center;
	background-color: #efefef;
}

.case-foot-zi{
	position: absolute;
	z-index: 100;
	bottom:55px;
	display: block;
	margin-top: 30px;
	margin-left: 110px;
	text-align: left;
}
.case-foot-zi p{
	display: block;
	font-size: 23px;
	color: #000;
}
.case-foot-zi span{
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
}

/*合作伙伴*/
.huoban-p{
	padding: 3px;
}
.huoban{
	border:1px solid #dcdcdc;
	overflow: hidden;
}
.huoban img{
	width: 100%;
}
.huoban-tu{
	width: 100%;
	text-align: center;
}

.huoban-tu img{width: 100%;}



/*样式修改*/
.swiper-container-pj {
	margin: 0 auto;
	width: 85%;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-container-pj .swiper-slide {
	text-align: center;
	font-size: 18px;
	color: #fff;
	/* background-color: #00347B; */
	/* height: calc((100% - 30px) / 2); */
	height: auto;


	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination-pj {
	padding: 15px 0px;
	width: 100%;
	text-align: center;
	position: relative;
}

.swiper-pagination-pj .swiper-pagination-bullet {
	background-color: #333;
	margin: 0px 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

.th-pj {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.th-pj .tua {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.th-pj .tua 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;
}

.th-pj:hover .tua 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;
}

/*展会 end*/
/*产品*/
.pro-w {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	background: url(../images/pro-bg.jpg) bottom center repeat-x;
	overflow: hidden;
}

.pro-list {
	margin-bottom: 15px;
	padding: 33px;
	background-color: #f9f5f4;
	overflow: hidden;
}

.pro-list .tua {
	float: right;
	width: 55%;
}

.pro-list .tua img {
	width: 100%;
}

.pro-list .pro-list-nr {
	float: left;
	width: 40%;
}

.pro-list .tit-pro h3 {
	display: block;
	font-size: 19px;
	color: #303030;
	font-weight: bold;
}

.pro-list .tit-pro p {
	padding-top: 8px;
	font-size: 14px;
	color: #303030;
}

.pro-list .pro-con {
	margin-top: 26px;
}

.pro-list .pro-con p {
	display: block;
	font-size: 14px;
	color: #ee1d23;
}

.pro-list .pro-con span {
	display: block;
	margin-top: 5px;
	width: 100%;
	height: 79px;
	font-size: 14px;
	color: #252525;
	line-height: 140%;
	overflow: hidden;
}

.pro-list .pro-con a {
	display: block;
	margin-top: 45px;
	padding: 3px;
	width: 97px;
	background-color: #fe0101;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

/*样式修改*/
.swiper-container-pro {
	margin: 0 auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-container-pro .swiper-slide {
	/* background-color: #00347B; */
	/* height: calc((100% - 30px) / 2); */
	height: auto;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination-pro {
	padding: 15px 0px;
	width: 100%;
	text-align: center;
	position: relative;
}

.swiper-pagination-pro .swiper-pagination-bullet {
	background-color: #333;
	margin: 0px 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

/*案例*/
.case-w {
	position: relative;
	text-align: center;
	width: 100%;
	height: 775px;
	background: url(../images/case-bg.jpg) top center no-repeat;
	overflow: hidden;
}


.case-w li {
	display: inline-block;
	width: 18%;
	margin: 0.5%;
}

.case-w li .tua {
	width: 100%;
	border: 1px solid #bfbfbf;
	box-sizing: border-box;
}

.case-w li .tua img {
	width: 100%;
}

.case-w li p {
	display: block;
	text-align: center;
	padding: 10px 10px 5px 10px;
	font-size: 15px;
	color: #333;
}

/*news*/
.news-list {
	padding: 46px 65px;
	background-color: #f2f2f2;
	text-align: center;
	overflow: hidden;
}

.news-list li {
	display: inline-block;
	width: 31%;
	margin: 1%;
	text-align: left;
}

.news-list li .date {
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.news-list li .tua {
	margin: 15px 0px;
	width: 100%;
}

.news-list li .tua img {
	width: 100%;
}

.news-list li h3 {
	display: block;
	height: 45px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.news-list li .cont p {
	display: block;
	margin-bottom: 24px;
	width: 100%;
	height: 39px;
	font-size: 14px;
	color: #4c4a4a;
	line-height: 130%;
	overflow: hidden;
}

.news-list li .morea {
	font-size: 14px;
	color: #4c4a4a;
	vertical-align: middle;
}

.news-list li .morea img {
	display: inline-block;
	margin-bottom: 5px;
}
/*视频*/

.showcase {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0px;
	
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*background: var(--primary-color) url('./https://traversymedia.com/downloads/cover.jpg') no-repeat center
		center/cover;*/
	background: url(../images/video_cover.jpg) top center repeat;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
}

.content {
	z-index: 2;
	text-align: center;
	width: 100%;
}
.content h2{
	display: block;
	text-align: center;
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 10px;
}
.content h3{
	display: block;
	margin-top: 25px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	letter-spacing: 5px;
}

.btn {
	display:inline-block;
	margin：0 auto;
	padding: 10px 30px;
	background: var(--primary-color);
	color: #fff;
	border-radius: 5px;
	border: solid #fff 1px;
	margin-top: 25px;
	opacity: 0.7;
}

.btn:hover {
	transform: scale(0.98);
	color: #fff;	
}



.social a {
	margin: 0 5px;
}

.jiantu2{
	width: 100%;
	height: 448px;
	background: url(../images/jiantu01.jpg) top center no-repeat;
}

/*foot-part*/
.foot-part{
	float: left;
	width: 50%;
	height: 399px;
	background: url(../images/foot-tu1.jpg) top left no-repeat;
}
.foot-part2{
	float: left;
	width: 50%;
	height: 399px;
	background: url(../images/foot-tu2.jpg) top left no-repeat;
}
.foot-nr{
	margin-left: 15%;
	margin-top: 120px;
}
.foot-nr p{
	font-size: 48px;
	color: #fff;
	font-weight: bold;
}
.foot-nr span{
	display: block;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
}
.foot-nr .zib{
	display: block;
	margin-top: 20px;
	font-size: 21px;
	color: #fff;
	font-weight: 400;
}

.mini-video{
	width: 100%;
	height: auto;
}

/*====================end middle====================*/
/*====================foot====================*/
.foot-w {
	padding-top: 60px;
	padding-bottom: 30px;
	width: 100%;
	height: auto;
	background: url(../images/foot-bg.jpg) top center repeat;
	overflow: hidden;
}


.foot-tit h3 {
	display: block;
	font-size: 15px;
	color: #fff;
	
}

.foot-tit .linea {
	margin: 15px 0px;
	width: 25px;
	height: 3px;
	background-color: #e91b00;
}

.foot-one {
	float: left;
	width: 13%;
}

.foot-twe {
	float: left;
	width: 20%;
}
.foot-three {
	float: left;
	width: 20%;
}
.foot-foure {
	float: right;
	width: 53%;
	border-left:1px dashed #575757;
}
.foot-proc {
	margin-top: 30px;
}

.foot-proc a {
	display: block;
	width: 100%;
	padding-bottom: 5px;
	font-size: 14px;
	color: #a9a9a9;
}


.foot-menu {
	margin-top: 30px;
}

.foot-menu a {
	float: left;
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	font-size: 14px;
	color: #a9a9a9;
}






.lx-cont {
	margin-top: 15px;
	margin-left: 58px;
	font-size: 15px;
	color: #b6b6b6;
	line-height: 170%;
}

.lx-cont .zia {
	padding: 8px 10px;
	background-color: #ee1d23;
	color: #fff;
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	letter-spacing: 2px;
}

.lx-cont p,
.lx-cont p a,
.lx-cont p strong {
	font-size: 14px;
	color: #b6b6b6;
	line-height: 170%;
}



.foot-ewm {
	padding:13px 13px 0px 13px;
	float: left;
	width: 21%;
	margin-left:2px;
	margin-right:2px;
	text-align: center;
	background-color: #242b35;
	border:1px solid #3b424c;
}

.foot-ewm img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.foot-ewm p {
	display: block;
	padding: 15px 0px;
	font-size: 15px;
	color: #cfcdce;
	text-align: center;
}
.foot-phoneb{
	float: left;
	width:50%;
}
.foot-phoneb .tua{
	float: left;
	width: 42px;
}
.foot-phoneb .foot-nrb{
	margin-left: 55px;
}
.foot-phoneb .foot-nrb .zia{
	font-size: 18px;
	color: #fffffd;
}
.foot-phoneb .foot-nrb .f-phone{
	display: block;
	margin-top: 3px;
}
.foot-phoneb .foot-nrb .f-phone p{
	display: block;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	line-height: 130%;
}
.foot-line{
	margin-top: 15px;
	margin-bottom: 20px;
	width: 100%;
	height: 1px;
	background-color: #40444d;
}
.foot-xq p{
	font-size: 15px;
	color: #fff;
	line-height: 150%;
}


.f-bq {
	padding: 15px;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background-color: #18191d;
}


.f-bq p strong,
.f-bq p,
.f-bq p a{
	font-size: 14px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

/*end foot*/
/*内页产品详情电话*/
.yan-phone{
  margin-top: 20px;
  border-top:1px solid #efefef;
  overflow: hidden;
}

.proshow1{
  overflow: hidden;
}
.proshow1 p{
  display: block;
  padding:5px;
  font-size: 17px;
  color: #2e2e2e;
  vertical-align: middle;
  line-height: 40px;
  border-bottom: 1px dashed #d2d2d2;
  overflow: hidden;
}
.proshow1 p img{
  display:inline-block;
  float: left;
  margin-right: 15px;
  vertical-align: middle;
}
.proshow1 a{
  display: block;
  margin-top: 15px;
  width: 206px;
  height: 47px;
  background-color: #434343;
  text-align: center;
  line-height: 47px;
  font-size: 17px;
  color: #fff;
  border-radius: 8px;
}
.proshow2{
  margin-top: 20px;
  overflow: hidden;
  text-align: center;
}
.proshow2 li{
  float: left;
  margin:0 5px;
  width: 140px;
  height: auto;
}
.proshow2 li img{
  display: block;
  margin:0 auto;
  margin-bottom: 10px;
}
.proshow2 li p{
  display: block;
  font-size: 17px;
  color: #434343;
  line-height: 170%;
  text-align: center;
}
.proshow2 li p strong{
  font-size: 17px;
  color: #434343;
  line-height: 170%;
  font-weight: bold;
}
.proshow2 a{
  display: block;
  margin-top: 15px;
  width: 206px;
  height: 47px;
  background-color: #434343;
  text-align: center;
  line-height: 47px;
  font-size: 17px;
  color: #fff;
  border-radius: 8px;
}
/*内页*/
.jt-ny-tit{
  position: relative;
  height: 500px;
}
.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手机样式*/

/*====================PC====================*/

@media only screen and (max-width: 1600px){
	.header-nav .nav-list>li>a{padding:0px 3px;}
}
@media only screen and (max-width: 1400px){
	#w-90{width: 92%;}
	#w-95{width: 98%;}
	.header-nav .nav-list>li>a{font-size: 15px;}

}



@media only screen and (max-width: 1300px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-1300{width:100%;}
  #w-1300-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  #w-top{width: 100%;}
  .padding0-sm15{padding:0px 15px;}
  .pc-menu-bg{width: 100%;padding-top:25px; margin-left: 21%; margin-right: 21%;}
  .top-logo{width: 20%;}
  .top-logo h1 img{width: 100%;}
  .top-phone{width: 20%;}
  .top-phone .phone-nr .zib{font-size: 20px;}

  .part1-l{width: 3%;}
  .part1-lb{width: 28%;}
  .part1-lc{width: 32%;}


  .foot-w{padding:58px 15px 20px 15px;}
  .f-bq{margin-bottom: 55px;}



  
  /*menu*/
  .header-nav .nav-list>li>a{padding:0 1px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}


}

@media only screen and (max-width: 1200px){
	#w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}

  .header-nav .nav-list>li{padding:10px 2px;}
  .pc-menu{width: 100%;}
  .pc-menu-bg{width: 100%;padding-top:25px; margin-left: 19%; margin-right: 17%;}
  .top-logo{width: 18%;}
  .top-logo h1 img{width: 100%;}
  .top-phone{width: 16%;}
  .top-phone .phone-nr .zib{font-size: 16px;}

  .p1lc-nr p{font-size: 20px;}
  .p1lc-nr span{font-size: 10px;}
  .p1lb-nr .zia{font-size: 10px; margin-top: 5px;}
  .p1lb-nr .zib{font-size: 20px;}
  .p1lb-nr .zic{font-size: 18px;}
  
	

}

@media only screen and (max-width: 1060px){
	.top-logo{float: left;width: 20%;}
	.top-logo h1 img{width: 100%;}
	.top-phone{float: right;width: 20%;}
	.top-phone .phone-nr .zib{font-size: 16px;}
	.header-nav .nav-list>li{padding:5px 0px;}
	.top-yy{padding-top: 10px; height: 89px;}
	
	.pc-menu-bg{width: 100%;padding-top:25px; margin-left: 19%; margin-right: 17%;}
	  .top-logo{width: 18%;}
	  .top-logo h1 img{width: 100%;}
	  .top-phone{width: 16%;display: none;}
	  .top-phone .phone-nr .zib{font-size: 16px;}

	.tit01 p{width: 97%;}
}

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

  .padding0-sm15{padding:0px 15px;}
  .padding15-8{padding:8px;}
  .header-nav .nav-list>li{padding:7px 0px;}
  .header-nav .nav-list>li>a{padding:0 0px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}
	.top-phone{display: none;}
	.top-logo{width: 20%;}
	.part1{margin-top: -89px;}
	.content h2{font-size: 50px;}
	.zhanhui-tit{margin-right: 50px;}
	.zhanhui-tit h2{font-size: 26px;}
	.zhanhui-tit span{font-size: 12px;}
	.case-foot-zi{margin-left: 20px;}
	


  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}

  .jg-proc li{width: 48%;}
  .foot-one{width: 25%;}
  .foot-foure{width: 56%;}
  .foot-three{width: 40%;}

  .pro-img{width: 50%;}

}



/*====================手机====================*/
@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-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-70{width: 100%;}
  #w-80{width: 100%;}
  #w-90{width: 100%;}
  .padding0-sm15{padding:15px;}
  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
  .ny-r01{width: 100%; margin-left: 0px; padding:15px;}
  
  .jg-proc li{width: 92%; margin:0 auto; display: inline-block;}
  .jg-proc li a{font-size: 16px;}

  .top-logo{width:50%; float: left;}
  .top-yy{width: 40%; background-color: #fff; height: auto; }
  .top-yy a{display: inline-block; width: 45%; color: #333; border:1px solid #999;font-size: 12px;}
  .top-logo h1 img{margin-bottom: 10px;}

  .foot-three{width: 100%; margin-bottom: 15px;}
  .foot-foure{width: 100%; border-left: none;}
  .foot-phoneb .foot-nrb .f-phone p{font-size: 16px;}
  .foot-phoneb{margin-left: 15px;width: 60%; margin-top: 15px;}
  .foot-xq p {margin-bottom: 10px;}
  .foot-phoneb .foot-nrb,.lx-cont{margin-left: 0px;}

  .part1{margin-top: 0px;}
  .part1-ld{width: 97%;}
  .p1lc-search{padding-left: 20px;}
  .h-search{width: 90%;}
  .about-con{overflow: hidden; margin-bottom: 15px;}
  .video-tit a{font-size: 14px;}
  .h-fa-tit{font-size: 20px;}
  .h-fangan-w{padding:15px;}
  .h-fangan h3{font-size: 25px;}
  .h-fangan-list p{font-size: 14px;}
  .h-fangan{height: 350px;}
  .jiantu-bg{height: auto;}
  .jiantu-l .jt-la{width: 100%;}
  .jiantu-contact{width: 100%; background-color: #fff; padding:15px; margin-top: 15px; margin-bottom: 15px;}
  .jiantu-list{margin-top: 0px;}

  .case-w{background:url(../images/case-bg-mini.jpg) top center no-repeat;}
  .case-foot-zi{margin-top: 56px;}
  .case-foot-zi p{font-size: 16px;}
  .case-foot-zi span{font-size: 9px; margin-top: 3px;}
  .huoban-tu {width: 100%;}
  .huoban-tu img{width: 100%;}



  .top-tit h1{padding-top:28px; margin-top: 0px; font-size: 17px; margin-left: 96px; float: none; display: block;}
  .about-bg{height: auto;}
	.video-h{margin-left: 0px;}
	.video-h .video-show{margin-left: 0px;margin-top: 0px;}
	.pro-list .tua{float: left;width: 100%;}
	.pro-list .pro-list-nr{width: 100%;}
	.pro-list .pro-con{display: none;}
	.pro-list .tit-pro h3{font-size: 15px; padding-top: 10px;}
	.pro-list{padding:15px;}
	.tit01 h2{font-size: 23px;}
	.tit01 span{font-size: 20px; height: 20px;}
	.rongyu-tit h2{font-size: 26px;}
	.news-list{padding:15px;}
	.news-list li h3{height: auto; margin-bottom: 15px; font-size: 15px;}
	.news-list li .date{font-size: 12px;}
	.news-list li{width: 48%;height: 310px;overflow: hidden;}

	.foot-w{padding-top:20px;}
	.foot-ewm{width: 35%;}
	.foot-l{width: 60%;}
	.foot-ewm img{width: 100%;}

	.news-list li .tua img{width: 100%;}
	.tit01 p{display: none;}

  

/*标题*/
.mini-logo img{width: 100%;}
.ny-tit01 h2{font-size: 26px;}
.ny-tit01 span{font-size: 14px; padding:0 15px;}
/*其它*/
.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%;}

 .pro-img{width: 70%;}

 
 
}