@charset "utf-8";

@font-face {

  font-family: 'font1';

  src: url('../other/politicaregular.ttf');

}



@font-face {

  font-family: 'font2';

  src: url('../other/Oswald-Medium.ttf');

}



@font-face {

  font-family: 'font3';

  src: url('../other/akrobat-regular.ttf');

}



@font-face {

  font-family: 'font4';

  src: url('../other/Oswald-ExtraLight.ttf');

}



@font-face {

  font-family: 'font5';

  src: url('../other/AgencyFB.ttf');

}



/* CSS Document */

html{color:#333;background:#fff}

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("../images/top_icons2.png") no-repeat left center;

}



.icon-global {

  background: url("../images/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: #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;

}

/*====================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;

}

.top-yy{

  text-align: center;

}

.top-yy a{

  display: inline-block;

  margin:10px 3px;

  padding:3px 6px;

  font-size: 15px;

  color: #333;

  border:1px solid #333;

}







/*====================middle====================*/

/*分类*/

.jg-proc {

  padding: 3px 0;

  overflow: hidden;

  text-align: center;

}



.jg-proc a {

display: inline-block;

margin: 5px;

cursor: pointer;

width: 143px;
}



.jg-proc a h3 {

padding: 11px 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;

}



/*主推产品*/

.tj-pro {

  height: auto;

  width: 100%;

  background-color: #fff;

  box-shadow: 0px 0px 25px #e4e4e4;

  overflow: hidden;

}



.tj-pro .tj-list ul {

  float: left;

  width: 18%;

}



.tj-pro .tj-list ul li {

  display: block;

  padding: 33px 15px 33px 45px;

}

/* .tj-pro .tj-list ul li:hover{

  background-color: #174ea1;

} */

.tj-pro .tj-list ul .aon{

  position: relative;

  width: 135%;

  background-color: #174ea1;

  transition: all 0.6s ease-out;

  box-sizing: border-box;

}

.tj-pro .tj-list ul .aon h3,

.tj-pro .tj-list ul .aon span{

  color: #fff;

}



.tj-pro .tj-list ul li h3 {

  display: block;

  font-size: 19px;

  color: #000;

}

.tj-pro .tj-list ul li span{

  display: block;

  margin-top: 5px;

  font-size: 8px;

  color: #000;

  text-transform: uppercase;

  

}

/* .tj-pro .tj-list ul li:hover h3,

.tj-pro .tj-list ul li:hover span{

  color: #fff;

} */

.tj-box{

  float: right;

  width: 82%;

}

.tj-box div{

  display: none;

  width: 100%;

  transition: all 0.6s ease-out;

}

.tj-box div img{

  width: 100%;

  height: auto;

}



/*标题*/

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

}





.tit02 {

  padding-top: 6px;

  padding-bottom: 15px;

  width: 100%;

  height: auto;

  text-align: center;

  overflow: hidden;

}



.tit02 h2 {

  display: block;

  font-size: 35px;

  color: #ffb400;

  text-align: center;

  font-weight: bold;

}



.tit02 p {

  display: block;

  margin-top: 10px;

  position: relative;

  font-size: 20px;

  letter-spacing: 1px;

  color: #fff;

  text-align: center;

}



.tit02 span {

  display: block;

  margin-top: 8px;

  text-align: center;

  font-size: 14px;

  color: #fff;

}



.tit02 .zia {

  font-size: 35px;

  color: #ffb400;

  font-weight: bold;

}







/*分类*/

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

}



/*主推产品*/

.hot-pro {

  padding-bottom: 30px;

  width: 100%;

  background: url(../images/hot-bg.jpg) top center;

  overflow: hidden;

}



.hot-pro-tit {

  padding-top: 60px;

  text-align: center;

}



.hot-pro-tit h2 {

  display: block;

  font-size: 45px;

  color: #333;

  font-weight: bold;

  text-align: center;

}



.hot-pro-tit h2 font {

  font-size: 45px;

  color: #174ea1;

  font-weight: bold;

}



.hot-pro-tit p {

  display: block;

  margin-top: 10px;

  text-align: center;

  font-size: 20px;

  color: #2e2e2e;

}



.hot-pro-tit span {

  display: block;

  margin-top: 3px;

  text-align: center;

  font-size: 12px;

  color: #2e2e2e;

  text-transform: uppercase;

}



/*产品列表*/

.pro-padd {

  padding: 8px;

}



.pro-bg {

  padding: 50px 0px 30px 0px;

  background: url(../images/pro-bg.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: 16px;

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 产品列表*/



.case-w {

  width: 100%;

  height: 956px;

  background: url(../images/5.jpg) top center no-repeat;

  overflow: hidden;

}



/*品鉴*/

.swiper-container-pj {

  margin: 0 auto;

  width: 95%;

  height: 440px;

  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;

}



.swiper-pagination-pj .swiper-pagination-bullet {

  background-color: #fff;

  margin: 0px 4px;

  width: 100px;

  height: 3px;

  border-radius: 0px;

}



/*手机站*/

/*品鉴*/

.swiper-container-pjb {

  margin: 0 auto;

  width: 95%;

  height: 200px;

  margin-left: auto;

  margin-right: auto;

}



.swiper-container-pjb .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-pjb {

  padding: 15px 0px;

  width: 100%;

  text-align: center;

}



.swiper-pagination-pjb .swiper-pagination-bullet {

  background-color: #fff;

  margin: 0px 4px;

  width: 30px;

  height: 3px;

  border-radius: 0px;

}



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

}



/*展会*/

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

}



.zhanhui .tita a h3 {

  display: block;

  padding: 10px 0px;

  font-size: 17px;

  color: #0049a3;

  text-align: center;

}



.zhanhui .tita p {

  display: block;

  padding: 0px 15px 15px 15px;

  font-size: 15px;

  color: #333;

  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: 65px 0px;

  width: 100%;

  height: 1028px;

  background: url(../images/about-w.jpg) top center no-repeat;

  overflow: hidden;

}



.about-tit {}



.about-tit h2 {

  display: block;

  font-size: 52px;

  color: #174ea1;

  font-weight: bold;

  letter-spacing: 1px;

}



.about-tit p {

  display: block;

  margin-top: 20px;

  font-size: 22px;

  color: #303030;

}



.about-menu {

  margin-top: 30px;

  text-align: left;

}



.about-menu a {

  display: block;

  float: left;

  width: 21%;

  margin-right: 1%;

  padding: 8px 0px;

  text-align: center;

  font-size: 15px;

  color: #174ea1;

  border: 1px solid #174ea1;

}





.about-cont {

  width: 96%;

  height: 318px;

  overflow: hidden;

  font-size: 15px;

  color: #3b3b3b;

  line-height: 210%;

}



.about-cont p,

.about-cont p a,

.about-cont p strong {

  font-size: 15px;

  color: #3b3b3b;

  line-height: 210%;

  letter-spacing: 0px;

}



.about-more a {

  display: inline-block;

  padding: 8px 45px;

  margin-top: 25px;

  background-color: #174ea1;

  text-align: center;

  font-size: 16px;

  color: #fff;

  overflow: hidden;

}



.about-video {

  display: block;

  float: right;

  margin-top: 10%;

  width: 95%;

  height: auto;

  text-align: right;

  border: 5px solid #005BC4;

  background-color: #005BC4;

}



.about-video img {

  width: 100%;

}



.about-list {

  margin-top: 50px;

}



.about-list li {

  position: relative;

  padding: 35px 25px;

  background-color: #fff;

  overflow: hidden;

}



.about-list li::before {

  content: "";

  position: absolute;

  right: 1px;

  top: 18%;

  width: 1px;

  height: 100px;

  background-color: #f0f0f0;

}



.about-list li:hover::before {

  content: "";

  display: none;

}



.about-list .bga {

  background-color: #174ea1 !important;

}



.about-list .bga::before {

  content: "";

  display: none !important;

}



.about-list .bga .nra p,

.about-list .bga .nra p font,

.about-list .bga .nra span {

  color: #fff !important;

}



.about-list li:hover {

  background-color: #174ea1;

}



.about-list li .nra {

  margin-left: 90px;

}



.about-list li .nra p {

  display: block;

  font-size: 41px;

  color: #f67f00;

  font-weight: bold;

}



.about-list li .nra p font {

  font-size: 18px;

  color: #f67f00;

  font-weight: bold;

}



.about-list li .nra span {

  display: block;

  font-size: 18px;

  color: #3b3b3b;

  line-height: 130%;

}



.about-list li:hover p,

.about-list li:hover p font,

.about-list li:hover span {

  color: #fff;

}



.about-list-bg1 {

  background-image: url(../images/about-tu1-2.png);

  background-position: top 45% left 8%;

  background-repeat: no-repeat;

}



.about-list-bg1:hover {

  background-image: url(../images/about-tu1-2.png);

}



.about-list-bg2 {

  background-image: url(../images/about-tu2.png);

  background-position: top 45% left 8%;

  background-repeat: no-repeat;

}



.about-list-bg2:hover {

  background-image: url(../images/about-tu2-2.png);

}



.about-list-bg3 {

  background-image: url(../images/about-tu3.png);

  background-position: top 45% left 8%;

  background-repeat: no-repeat;

}



.about-list-bg3:hover {

  background-image: url(../images/about-tu3-2.png);

}



.about-list-bg4 {

  background-image: url(../images/about-tu4.png);

  background-position: top 45% left 8%;

  background-repeat: no-repeat;

}



.about-list-bg4:hover {

  background-image: url(../images/about-tu4-2.png);

}









/*专利*/

.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-bg {

  padding: 30px 0px;

  background: url(../images/ys-bg.jpg);

  overflow: hidden;

}



.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 50px 0px;
  width: 100%;
  height: auto;
  /* background: url(../images/bg1.jpg); */
}



.jn-news-l {

  position: relative;

  padding: 36px;

  padding-top: 47px;

  overflow: hidden;

  background-color: #164ea1;

  border: 1px solid #e5e5e5;

}



.jn-news-l:before {

  content: "";

  position: absolute;

  bottom: 0px;

  left: 0px;

  z-index: 1;

  width: 100%;

  height: 0px;

  background-color: #f8643c;

  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: #fff;

  font-weight: bold;

  line-height: 150%;

}



.jn-news01 p {

  display: block;

  margin-top: 17px;

  font-size: 15px;

  color: #fff;

  line-height: 170%;

}



.jn-news01 span {

  display: block;

  margin-top: 35px;

  font-size: 15px;

  color: #fff;

}



.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: #164ea1;

  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,

.jn-news02 li:first-child .n02-r {

  background-color: #164ea1;

}



.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,

.jn-news02 li:first-child .n02-r h3 {

  color: #164ea1;

}



.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,

.jn-news02 li:first-child .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,

.jn-news02 li:first-child .n02-r h3,

.jn-news02 li:first-child .shijian p,

.jn-news02 li:first-child .shijian,

.jn-news02 li:first-child .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: #164ea1;

  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%;

  float: left;

  font-size: 15px;

  color: #5c5c5c;

  line-height: 120%;

  word-wrap: break-word;

}



/*资质荣誉*/

.rongyu-w{

  width: 100%;

  height: auto;

  background: url(../images/rongyu-bg.jpg) top center no-repeat;

  overflow: hidden;

}

#focus_Box {

  position: relative;

  width:1200px;

  margin:0px auto 0 auto;

  padding-top:30px; }

  #focus_Box ul {

    margin:0 auto;

    position: relative;

    height:740px; 

  }

  #focus_Box li {

    z-index: 0;

    position: absolute;

    width: 0px;

    height: 0px;

    top: 146px;

    cursor: pointer;

    left: 377px;

    overflow: hidden;

    border-radius: 20px;

    border: 5px solid #fff; }

    #focus_Box li img {

      width: 100%;

      vertical-align: top;

      transition: .5s;

      border-radius: 20px; }

    #focus_Box li:hover img {

      transform: scale(1.05, 1.05); }

    

  #focus_Box li ol{position:absolute; width:100%; height:40px;background-color:rgba(36,102,184,.7); text-align:center; font-family:"微软雅黑"; font-size:18px; font-weight:bold; color:#fff; bottom:20px; line-height:40px; z-index:300000;}

  #focus_Box .prev {

    background: url(../images/btnl.png) no-repeat;

    left: -110px;

    top:280px; }

    #focus_Box .prev:hover {

      left: -120px;

      opacity: 1; }

    

  #focus_Box .next {

    background: url(../images/btnr.png) no-repeat;

    right: -130px;

    top:280px; }

    #focus_Box .next:hover {

      right: -140px;

      opacity: 1; }

  #focus_Box a.imgs-scroll-btn {

    display: block;

    position: absolute;

    z-index: 110;

    top: 7px;

    right: 15px;

    width: 51px;

    height: 23px;

    overflow: hidden;

    background: url(../images/share-btn.png) no-repeat;

    text-indent: -999px; }



#focus_Box .prev, #focus_Box .next {

  display: block;

  z-index: 100;

  overflow: hidden;

  cursor: pointer;

  position: absolute;

  width: 51px;

  height: 101px;

  top:250px;

  transition: 0.5s;

  opacity: 0.6; }

/*====================end middle====================*/

/*====================foot====================*/

.foot-w {

padding: 80px 0px 60px;

width: 100%;

height: auto;

background: url(../images/foot-w.jpg) top center repeat-x;

overflow: hidden;
}



.foot-l {

  float: left;

  width: 70%;

  border-right: 1px solid #2954ab;

  overflow: hidden;

}



.foot-one {

float: left;

width: 45%;
}



.foot-tit {

  margin-bottom: 28px;

}



.foot-tit h3 {

  display: block;

  font-size: 23px;

  color: #fff;

  font-weight: bold;

}



.foot-tit .linea {

  margin: 15px 0px;

  width: 25px;

  height: 3px;

  background-color: #fff100;

}



.foot-proc {}



.foot-proc a {

  display: block;

  padding-bottom: 15px;

  font-size: 16px;

  color: #fff;

}



.foot-r {

  float: right;

  width: 25%;

}



.foot-r .foot-logo {

  width: 100%;

}



.foot-r .foot-logo img {}



.foot-lx {

padding: 28px 0px;

font-size: 15px;

color: #fff;

line-height: 170%;

/* text-align: center; */
}



.foot-lx img {

  display: inline-block;

  vertical-align: middle;

}



.foot-ewm {

  float: left;

  width: 25%;

  text-align: center;

}



.foot-ewm img {

  display: block;

  margin: 0 auto;

}



.foot-ewm p {

  display: block;

  padding: 20px 0px;

  font-size: 15px;

  color: #fff;

  text-align: center;

}



.foot-list {

padding: 46px 0px;
}



.foot-list li {

  float: left;

  width: 33%;

}



.foot-list li .tua {

  float: left;

  width: 40px;

}



.foot-list li .tua img {}



.foot-list li .f-r-p {

  margin-left: 58px;

}



.foot-list li .f-r-p p {

  font-size: 16px;

  color: #fff;

  line-height: 150%;

}



.foot-lx p,

.foot-lx p a,

.foot-lx p strong {

font-size: 14px;

color: #fff;

line-height: 220%;

/* text-align: center; */
}



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

}

/*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: 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 (min-width: 1260px){

  #w-1200{width:80%}

  #w-1200-1{width:80%;}

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

  /*menu*/

  /*.header-nav .nav-list>li>a{padding:0 13px;}

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

  .about-p{padding:15px; margin-left: 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;}



  .about-p{padding:15px;}



  .foot-one{width: 33%;}

  .foot-w{padding:80px 20px;}

  .foot-r .foot-logo img{width: 100%;}



}



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



  .header-nav .nav-list>li>a{padding:0 10px;}



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

	

	/*标题*/

  .tit1 p{font-size: 15px;}

  .tit1 h2{font-size: 25px; letter-spacing: 3px;}



  .tit02 p{font-size: 14px;}

  .tit02 span{font-size: 10px;}



  .foot-one{width: 44%;}

  

  .foot-w{width: 100%;background: url(../images/mini-foot-w.jpg) top center repeat-y;}

  

  .foot-r .foot-logo{text-align: center;}





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

.mini-ys img{width: 100%;}

.ys-titb{ margin:20px 0px; }

.ys-titb img{display:block; width: 90%; 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;}



.tj-pro .tj-list ul{width: 100%; text-align: center;}

.tj-pro .tj-list ul li{width: 16%; display: inline-block; padding: 15px; height: 150px; border-right: 1px solid #efefef; box-sizing: border-box; overflow: hidden;}

.tj-pro .tj-list ul .aon{display: inline-block;width: 16%;}

.tj-pro .tj-list ul li h3{font-size: 16px;}

.tj-box{width: 100%;}





}







/*====================手机====================*/

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

  

  .tj-pro .tj-list ul{padding:15px;}

  .tj-pro .tj-list ul li{width: 47%; margin-right: 2%; height: auto; padding:8px 15px; float: left; border-right: 0px; border-bottom: 1px solid #efefef; box-sizing: border-box;}

  .tj-pro .tj-list ul .aon{width: 47%;}

  .tj-pro .tj-list ul li span{font-size: 10px; display: none;}

  .hot-pro-tit h2,.hot-pro-tit h2 font{font-size: 30px;}

  .hot-pro-tit p{font-size: 15px;}

  .hot-pro-tit span{font-size: 10px;}

  .hot-pro-tit{padding-top: 20px;}

  

  .foot-r .foot-logo img{width: 60%; margin:0 auto;}

  .foot-l{width: 100%; border-right:0px;}

  .foot-r{width: 100%;}

  .foot-one{width: 100%;}

  .foot-list{float: right;width: 70%;}

  .foot-ewm{display: inline-block;}

  .foot-ewm img{width: 100%;}

  .foot-list li{width: 100%;}

  .foot-w{padding: 30px 15px 5px 15px;}

  .foot-list{padding: 0px;}

  .foot-lx{padding:15px 0px;}



  .jg-proc a{width: 45%;}

  .jg-proc a h3{font-size: 16px;height: 70px; overflow: hidden; padding:15px 5px;}

  .tit01 .zia{font-size: 26px;}

  .tit01 p{font-size: 14px;}

  .tit01 span{font-size: 10px; padding:0px 15px;}

  .pro-bg{padding:15px;}



  .jy-pro h3{font-size: 15px;}

  .jy-pro p{display: none;}

  .jy-pro .more{width: 60%;font-size: 14px;}



  .about-w{width: 100%; height: auto; background: url(../images/mini-about-w.jpg) top center; padding:30px 0px;}

  .about-cont{width: 100%; height:475px;}

  .about-tit h2{text-align: center; font-size: 30px;}

  .about-tit p{text-align: center;font-size: 17px;}

  .about-menu{text-align: center; margin-top: 15px;}

  .about-menu a{display: inline-block; float: none;width: 23%;}

  .about-more a{display: block;margin:0 auto; margin-top: 20px;width: 60%;}

  .about-video{width: 100%;}



  .about-list li{padding:25px 20px;}

  .about-list li .nra p{font-size: 30px;}

  .about-list li .nra span{font-size: 16px;}



  .zhanhui .tita p{display: none;}

  .case-w{ height: auto; padding-bottom: 80px; background: url(../images/mini-case-w.jpg) top center no-repeat;}

  .news-wa{padding:0px;}



  .top-yy{text-align: left;}

  .top-gg{padding:0px;}

  .top-yy a{margin:0px 3px;}



  .hot-pro{padding-bottom: 0px;}

  



/*标题*/

.ny-tit01 h2{font-size: 26px;}

.ny-tit01 span{font-size: 14px; padding:0 15px;}



.tit01 h2{font-size: 26px;}

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




	
}









.cpfl{}


.cpfla{
    float: left;
    margin-right: 50px;
}


.cpfla a {

  display: block;

  padding-bottom: 15px;

  font-size: 16px;

  color: #fff;

}




.foot-oneb{
	float: left;
    width: 25%;
}