@charset "utf-8";
/* CSS Document @woniu*/
*, ::after, ::before {
    box-sizing: border-box;
}
img{ max-width:100%;}
h1,h2,h3,h4,h5{ line-height:1;}
@media screen and (max-width: 768px) {
.pl02 {
padding-left: .2rem;
}
.pall02 {
padding: .2rem;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-container {
	width: 90%;
	max-width:1600px;
}
.layui-containerts{
	width: 90%;
	max-width:1400px;
	margin:0 auto;
}
.layui-containers {
	width: 96%;
	margin:0 auto;
}
.layui-containersb{ width:1200px; margin:0 auto;}

/******header样式******/
.header{ 
	width:100%;
	height:80px;
    transition: 0.4s all;
	box-shadow: 0 0 15px rgb(0 0 0 / 20%);
	position:fixed;
	background:#fff;
	z-index:100;
	top:0;
	left:0;
}

.logo{ float:left; margin-top:14px;}

.menu li{display:inline-block;vertical-align:middle;position: relative; padding:0 10px;}
.menu li .nav_a{ display:block; font-size:18px; line-height:80px; padding:0 25px;  color: #333; text-transform: uppercase;}
.menu li .nav_a{ padding:0 12px; display:block; position:relative; transition:all 0.5s ease;}
.menu li .nav_a:after{ content:''; position:absolute; width:0; height:3px; background:#2b406b; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.5s ease;}
.menu li:hover > .nav_a:after{ width:50px; transition:all 0.5s ease;}
.menu li:hover > .nav_a{ color:#2b406b;}

.dropDown-menu {
	display: none;
	position: absolute;
	top: 100%;
	width: 120%;
	left:-10%;
	background: rgb(43 64 107 / 80%); padding:10px 0;
	z-index: 999;
}
.dropDown-menu>li {
	position: relative;
	clear: both;
 	width:100%;
	float:left;
	padding:0 !important;
}
.dropDown-menu>li>a {
	
	position: relative;
	display: block;
	 line-height: 45px; 
	 color: #fff !important; 
	 font-size:14px; 
	 padding:0 15px; 
	 text-align:center;
}
.dropDown-menu>li>a:hover {
	background: rgb(0 0 0 / 60%); color: #FFF !important;
}
.erji{
	position: absolute;
    left: 100%;
    top:0;
    width: 140%;
    background: rgb(43 64 107 / 80%); 
	padding:10px 0;
	z-index: 999;
	display:none;
	
}
.erji li{ padding:0 !important; width:100%; float:left;}
.erji li a{ 
	display: block; line-height: 45px; color: #fff !important; font-size:14px; padding:0 15px; text-align:left; overflow:hidden; height:45px;
}
.erji li a:hover{ background: rgb(0 0 0 / 60%); color: #FFF !important;}




.top-search{ width:50px; height:80px; float:right; background:url(../images/search.png) center no-repeat;}

.h_tools{ margin-top:10px;}
.h_tools .h_lan {  position: relative;cursor: pointer;    line-height: 60px;    float: left;    margin-left: 20px;}
.h_tools .h_tool {  display: inline-block;  vertical-align: middle;  margin-left: 26px;}
.h_tools .h_lan i.icon {background: url(../images/head_lang.png) no-repeat center;  width: 36px;  height: 14px; display: inline-block;}

.h_tools .h_lan .mobile_txt {   display: none;}
.h_tools .h_lan .pc_txt:hover  { color: #f80404;}
.pc_txt{color: #2b406b;    font-size: 15px;}
.h_tools .h_lan .iconfont  { color: #2b406b; font-size:13px;}
.h_tools .h_lan:hover .iconfont  { color: #f80404;}
.h_tools .h_lan .lan_down {    background: rgba(230,232,234,0.8);}
.h_tools .h_lan .lan_down { display: none; height: 81px;width: 128px; padding-top: 5px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px;position:absolute ; z-index: 3; }
.h_tools .h_lan:hover{}
.h_tools .h_lan:hover .lan_down { display: block; }
.h_tools .h_lan .lan_down ul>li {  margin: 5px 0;height: 33px;line-height: 33px;}
.h_tools .h_lan .lan_down ul>li:hover {   background: rgba(255,255,255,0.8);}

.h_tools .h_lan .lan_down ul>li a {    display: block;    padding: 5px 10px;    color: #666}
.h_tools .h_lan a {    display: block;    font-size: 16px;    line-height: 16px;    color: #999;}
.h_tools .h_lan .lan_down ul>li a img {   margin-right: 10px;float: left;}
.h_tools .h_lan .lan_down ul>li a span {    display: inline-block;    font-size: 15px; line-height: 22px; }

@media only screen and (max-width: 760px){
	.h_tools{ float:left;}
.h_tools .h_lan {line-height: 47px;}
.h_tools .h_lan .mobile_txt {  display: inline-block;color: #fff;     font-size: 13px;}

}


/*****头部搜索框***/
.PopupSearch {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.PopupSearch .form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.PopupSearch .form h4 {
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.PopupSearch .form .div {
  margin-top: 20px;
  margin-bottom: 80px;
  width: 640px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #dfdfdf;
  position: relative;
}
.PopupSearch ul{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:20px;
}
.PopupSearch ul li{display:inline-block;}
.PopupSearch ul li div{color:#fff;}
.PopupSearch .form .div select {
  width: 180px;
  line-height: 48px;
  padding: 0 15px;
  font-size: 17px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: url("../icon/dropDown.png") rgba(0, 0, 0, 0.7) 95% center no-repeat;
  background-size: 15px 15px;
  border-right: 1px solid #dfdfdf;
  color: #dfdfdf;
  letter-spacing: 2px;
}
.PopupSearch .form .div select option {
  padding: 10px 0;
}
.PopupSearch .form .div input {
  width: 453px;
  line-height: 48px;
  background-color: transparent;
  padding: 0 10px;
  color: #dfdfdf;
  font-size: 17px;
  letter-spacing: 2px;
  border:0;
}
.PopupSearch .form .div input::-webkit-input-placeholder {
  color: #dfdfdf;
  font-size: 17px;
}
.PopupSearch .form .div a {
  width: 80px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #dfdfdf;
  text-transform: uppercase;
  cursor: pointer;
}
.PopupSearch .form .div a i {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  margin: 10px auto;
  overflow: hidden;
}
.PopupSearch .form .div a i:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 60px;
  background: url("../images/search1.png") no-repeat;
  background-position: center top;
  background-size: contain;
}
.PopupSearch .form icon {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  transition: 0.4s all;
}
.PopupSearch .form icon:hover {
  color: #1e2b69;
}


/*****flash***/
.index-banner{ overflow:hidden; width:100%; margin-top:80px;}
.index-banner img{ width:100%;}
.p_arr {
    max-width: 100px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 40px;
    height: auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.p_arr .p_btn_next {
    color: #fff;
    border-radius: 100%;
    border: 2px solid #2b406b;
    width: 50px;
    height: 50px;
	line-height:50px;
    transition: all ease .3s;
    position: static;
    margin: 0 auto;
	background:#2b406b;
}
.p_arr .p_btn_prev {
    color: #fff;
    border-radius: 100%;
    border: 2px solid #2b406b;
    height: 50px;
    width: 50px;
    line-height:50px;
    transition: all ease .3s;
    position: static;
    margin: 10px auto 0;
	background:#2b406b;
}
.p_arr .p_btn_next i{ font-size:18px; font-weight:400;}
.p_arr .p_btn_prev i{ font-size:18px; font-weight:400;}
.p_arr .p_btn_next:after,.p_arr .p_btn_prev:after{ content:'';}
.p_arr .p_btn_next:hover,.p_arr .p_btn_prev:hover{ background:#57b09c; border:2px solid #57b09c;}
.index-banner .swiper-slide-active img{ transform: scale(1.05); transition: all ease 10s;}
.banner-txt{ position:absolute; left:10%; top:40%; max-width:55%;}

.banner-txt h2 {
    position: relative;
    font-size: 75px;
    font-weight: 900;
    line-height: 1;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    margin-bottom: 40px;
}

.swiper-slide-active .banner-txt h2  {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.banner-txt h3 {
     position: relative;
    font-size: 50px;
    line-height: 1;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
	margin-bottom:30px;
}

.swiper-slide-active .banner-txt h3  {
     opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.banner-txt h5,.banner-txt h6,.banner-txt h4,.banner-txt h8{
    position: relative;
    font-size: 40px;
    line-height: 1;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
	font-weight:400;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
	margin-bottom:30px;
}
.banner-txt h8{ display:block; margin-bottom:30px;}

.swiper-slide-active .banner-txt h5 {
     opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.swiper-slide-active .banner-txt h6 {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.swiper-slide-active .banner-txt h4 {
     opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;
     -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.swiper-slide-active .banner-txt h8 {
     opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 2400ms;
    -o-transition-delay: 2400ms;
    transition-delay: 2400ms;
     -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}


.banner-txt h7{ width:150px; height:5px; display:block; background:#fff;}


/*****首页关于我们*****/
.index-about{ padding:60px 0 0 0; overflow:hidden; background:#f7f7f7;}
.index-about h2{ margin-bottom: 38px; font-size: 32px; font-weight: bold; text-align: left; line-height:1;}
.i-a-fl{ width:50%;}
.i-a-nr p{ text-indent:2em; line-height:2; font-size:18px; color:#333;}
.i-a-szul{ width:100%; overflow:hidden;  margin:30px 0;}
.i-a-sz{ width:90%; overflow:hidden;}
.i-a-sz li{ width:33%; float:left; text-align:left;}
.sj-sz{ float:left; line-height:30px; width:100%; font-size:16px; color:#2b406b; margin-top:10px;}
.sj-sz strong{ font-size:40px;}
.sj-text{ float:left; line-height:30px; width:100%; font-size:16px; color:#333;}
.i-a-more{ width:150px; height:40px; line-height:40px; float:left; background:#2b406b; font-size:16px; color:#fff; transition: all .5s ease; text-align:center;}
.i-a-more:hover{ color:#fff;}
.i-a-fr{ width:45%;}

/******首页产品展示*****/
.index-product{ padding:60px 0 0 0; overflow:hidden; background:#f7f7f7;}
.index-product h2{ margin-bottom: 38px; font-size: 32px; font-weight: bold; text-align: left; line-height:1;}
.i-cp-tu{ width:100%; height:auto; overflow:hidden;}
.i-cp-tu li{ width:32%; float:left; text-align:center; padding-top:20px; position:relative; margin-right:2%; background:#fff;}
.i-cp-tu li:nth-child(3){ float:right; margin-right:0;}
.i-cp-tu li a{ display:block; font-size:20px; font-weight:bold; color:#000;}
.cont{ background:#2b406b; padding:20px; font-size:16px; color:#fff; font-weight:400; text-align:left;}
.cpzs{ width:100%; overflow:hidden; text-align:center;}
.cpzs 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;
}
.cpzs:hover 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;
}

/****首页新闻中心****/
.index-news{ padding:60px 0 0 0; overflow:hidden; background:#f7f7f7;}
.Ttitle{ width:100%; overflow:hidden; margin-bottom:38px;}
.Ttitle h2{ font-size: 32px; font-weight: bold; text-align: left; float:left; line-height:1;}
.Ttitle .more{ line-height:45px; font-size:16px; color:#252525;}
.Ttitle .more i{ font-weight:bold;}

.index-news .left{float:left; width:59.63%;}
.index-news .left .item{float:left; width:48.56%; margin-right:2.88%; border-radius:6px; overflow:hidden;}
.index-news .left .item>a{display:block;}
.index-news .left .item:last-child{margin-right:0;}
/* .index-news .left .item .rect-5945{padding-bottom:59.45%;} */
.index-news .left .item .rect-5945{padding-bottom:280px;}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
*[class*="rect-"] ._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.index-news .left .item .rect-5945 img{width:auto; min-width:100%; max-width:none; left:50%; transform:translateX(-50%);}
.index-news .left .item .intro_box{background:#efefef; padding:30px; transition:all 0.5s ease;}
.index-news .left .item .intro_box .type{display:inline-block; font-size:14px; color:#fff; background:#2b406b;  line-height:30px; padding:0 18px; border-radius:6px; margin-bottom:20px;  transition:all 0.5s ease;}
.index-news .left .item .intro_box .tit{font-size:22px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold; color:#000; margin-bottom:25px;  transition:all 0.5s ease;}
.index-news .left .item .intro_box .txt{line-height:24px; color:#000;  transition:all 0.5s ease;}
.index-news .left .item:hover .intro_box{background:#2b406b;}
.index-news .left .item:hover .intro_box .type{background:#f5be2c;}
/* .index-news .left .item:hover .intro_box .type{color:#000; background:#2b406b;} */
.index-news .left .item:hover .intro_box .tit{color:#fff;}
.index-news .left .item:hover .intro_box .txt{color:#fff;}
.index-news .right{float:right; width:38.54%; background:#efefef; border-radius:6px;}
.index-news .right .top{padding:30px 40px 24px; border-bottom:1px solid #e0e2e5;}
.index-news .right .top>a{display:block;}
.index-news .right .top>a:hover .tit{color:#2b406b;}
.index-news .right .top .type{display:inline-block; font-size:14px; color:#fff; background:#2b406b;  line-height:30px; padding:0 18px; border-radius:6px; margin-bottom:20px; }
.index-news .right .top .tit{font-size:22px; line-height:30px; font-weight:bold; color:#000; margin-bottom:20px; transition:all .4s ease; height:60px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index-news .right .top .con{font-size:16px; line-height:22px; color:#1e1e1e; }
.index-news .right .bott{padding:18px 40px 24px;}
.index-news .right .bott .item{ line-height:30px; padding:10px 0; color:#000;}
.index-news .right .bott .item a{display:flex; flex-direction:row-reverse; justify-content:space-between;}
.index-news .right .bott .item .tit{ width:80%; float:left; font-size:16px; height:30px; overflow:hidden;}
.index-news .right .bott .item:hover{color:#2b406b; font-weight:bold;}
.index-news .right .bott .item:hover a{color:#2b406b; font-weight:bold;}

/*****首页应用领域****/
.index-yyly{ padding:60px 0 0 0; overflow:hidden; background:#f7f7f7;}
.index-yyly h2{ margin-bottom: 38px; font-size: 32px; font-weight: bold; text-align: left; line-height:1;}

.index-yyly .left{
    width: 18%;
    background: #2b406b;
    padding: 36px 33px;
}
.index-yyly .left h3{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 8px;
}
.index-yyly .left h4{
	font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 8px;
}
.index-yyly .left h6{
    font-size: 18px;
    color: #fff
}
.index-yyly .left .cond{ margin-top:20px; max-height:500px; overflow:hidden;}
.index-yyly .left .cond span{
    display: inline-block;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 20px;
    color: #fff
}
.index-yyly .left  a{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #f1861a;
    margin-top: 10px;
}

.index-yyly .right{ width:80%;}
.yyly-xh{ width:100%; overflow:hidden; background:#fff;}
.yyly-img{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.yyly-img 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;
}
.yyly-xh:hover 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;
}
.yyly-txt{ padding:20px; overflow:hidden;}
.yyly-txt p{ text-align:center; font-size:18px; color:#000; font-weight:bold; line-height:2; height:36px; overflow:hidden;}
.yyly-txt span{ width:100%; height:42px; line-height:42px; float:left; overflow:hidden; font-size:16px; color:#666;}

/******首页客户案例*****/
.index-case{ padding:60px 0; overflow:hidden; background:#f7f7f7;}
.case-list{ width:98%; overflow:hidden; background:#fff; transition: all .2s linear;}
.case-list:hover{ -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.case-img{ width:100%; overflow:hidden; height:auto; position:relative; text-align:center;}
.case-img 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;
}
.case-text{ padding:20px; overflow:hidden;}
.case-name{ text-align:center; font-size:20px; color:#252525; height:35px; line-height:35px; overflow:hidden; margin-bottom:10px;}
.case-des{ font-size:14px; color:#787878; line-height:23px;}




/****关于我们单页****/
.ny-banner{ overflow:hidden; position:relative; width:100%;}
.ny-banner img{ width:100%; min-height:150px; object-fit: cover; max-height: 27VW; filter: brightness(0.7);}
.p_info {
    width: 50%;
    position: absolute;
    right: 50%;
    top: 55%;
    z-index: 9;
    display: flex;
    transform: translateX(50%) translateY(-50%);
    align-items: center;
    text-align: center;
}
.p_info div { width: 100%;}
.p_btitle {
    color: rgb(255, 255, 255);
    font-size: 2.4vw;
    font-family: "苹方 粗体";
    margin: 0px;
	line-height:1.2;
}
.p_info span {
    opacity: 0;
    display: inline-block;
    min-width: 0.5em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.p_info span {
    animation: fadeInDown 1.5s 0.3s both;
}
.p_subtitle {
    line-height: 2;
    padding: 0;
    display-radio: 1;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-family: "pingfang medium";
}

.pg-aboutlist{ height:60px; line-height:60px; border-bottom: 1px solid #ddd; display:flex; font-size:16px;}
.pg-list{ width:35%;}
.pg-list a{ width:25%; float:left; text-align:center; position:relative; display:inline-block; font-size:16px; color:#444px; border-right: 1px solid #dfdfdf; transition: all .5s ease;}
.pg-list a.cur,.pg-list a:hover{ background:#2b406b; color:#fff;}
.weizhi{ font-size:14px;}
.weizhi a{ font-size:14px; color:#6c757d;}

.pg-aboutc{ padding:100px 0 150px 0; overflow:hidden; background:url(../images/pgaboutbg.jpg) bottom center no-repeat #f2f6ff; background-size:100%;}
.pg-aboutc h2{ text-align:center; font-size:40px; color:#363636; font-weight:400;}
.pg-a-fl{ width:48%; float:left; overflow:hidden; margin-top:50px;}
.pg-a-fl h1{ font-size:32px; color:#363636; font-weight:400; margin-bottom:20px; line-height:1;}
.view-t{ font-size:17px; color:#686868; line-height:1.5rem;}
.view-t p{ text-indent:2em; margin-top:10px; font-size:17px; line-height:1.5rem;}
.pg-a-fr{ width:48%; float:right; overflow:hidden; margin-top:50px;}

.pg-a-tu{ width:100%; overflow:hidden; float:left; margin-top:40px;}
.pg-a-tu{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    display-radio: flex;
}
.pg-a-tu li{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3);
}
.pg-tu-t{
	border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    padding-right: 10px;
    margin-right: 10px;
    width: auto;
    margin-left: 10px;
    background_radio: 2;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 1);
    padding-top: 20px;
    padding-bottom: 20px;
}
.pg-tu-img {
    flex: 0 0 auto;
    margin-right: 10px;
    align-self: center;
	max-width:40px;
}
.pg-tu-img img{ width:100%; height:100%;}
.pg-tu-txt{ flex: 1; max-width: 100%; max-height: 100%; }
.pg-tu-txt p{height: 72px;
    font-size: 46px;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-family: Arial;
    color: rgba(153, 153, 153, 1);
	font-size:16px;
}
.pg-tu-txt p .cnums {
    display-radio: 1;
    font-weight: 400;
    font-family: "avantgarde-md-bt";
    font-size: 50px;
    background-image: linear-gradient(120deg, #1e8fe9, #005bb7);
    -webkit-background-clip: text;
    color: transparent;
    line-height: 72px;
    letter-spacing: 0px;
    display: inline-block;
    -webkit-text-stroke: 0px rgba(255, 255, 255, 1);
}
.pg-tu-txt font{
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-size: 16px;
    color: rgba(78, 78, 78, 1);
    margin-top: 10px;
}


/*****荣誉资质**/
.pg-gsry{ padding:100px 0; overflow:hidden; background:#f2f6ff;}
.pg-gsry h2{ text-align:center; font-size:40px; color:#333; font-weight:400;}
.pg-horo{ padding:100px 0; overflow:hidden; background:url(../images/horobg.jpg) top no-repeat; background-size:cover; background-attachment: fixed;}
.pg-horo h2{ text-align:center; font-size:40px; color:#fff; font-weight:400;}
.gshj-t{ width:100%; overflow:hidden; margin-top:50px;}
.gshj-t li{ width:294px; float:left; background:#fff; font-size:16px; text-align:center; padding:12px;}
.fancyImg{
	overflow: hidden;
    position: relative;
    margin-bottom: 8px px;
}
.fancyImg img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: all ease .5s;
}
.gshj-t li p{
    line-height: normal;
    font_radio: 2;
    display-radio: -webkit-box;
    font-size: 16px;
    text-align: center;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0px;
}


/******车间设备*****/
.p-cp-lb{ padding:100px 0; overflow:hidden; background:#f2f6ff; position:relative;}
.p-cp-lb h2{ text-align:center; font-size:40px; color:#333; font-weight:400;}
.p-cp-lb .cjxhsb{ margin-top:50px; width:100%; position:relative; overflow:hidden;}
.p-cp-lb .swiper-wrapper{ left:-12.5%;}
.p-cp-lb img{ width:96%; border-radius:8px;}
.p-cp-lb .swiper-button-prev:after,.p-cp-lb .swiper-button-next:after{ content:'';}
.p-cp-lb .swiper-button-prev,.p-cp-lb .swiper-button-next{ width: 52px; height: 52px; background:#2b406b; border-radius:25px; line-height:52px; text-align:center;}
.p-cp-lb .swiper-button-prev i,.p-cp-lb .swiper-button-next i{ color:#fff; font-size:30px; font-weight:300;}

/****公司荣誉****/
.gshj-horo{ width:100%; overflow:hidden; margin-top:40px;}
.pg-horos{ width:100%; margin:10px 0; background:#fff; padding:20px;}
.pg-horos img{ width:100%;}



/****联系我们****/
.p-l-lxfs{ padding:100px 0; overflow:hidden; background:url(../images/pgaboutbg.jpg) bottom center no-repeat #f2f6ff;}
.p-l-lxfs h2{ text-align:center; font-size:40px; color:#363636; font-weight:400; margin-bottom:50px;}
.p-lx-l{ width:50%; height:600px; padding:60px; float:left; background:#fff; border-bottom: 6px #0d5fb1 solid;}
.p-lx-l1{ width:50%; height:600px; padding:20px; float:left; background:#fff; border-bottom: 6px #0d5fb1 solid;}
.p-lx-sm{ margin:20px 0; overflow:hidden;}
.p-lx-sm h1{ font-size:32px; color:#000; font-weight:500; margin-bottom:20px; line-height:1;}
.p-lx-sm h3{ font-size:20px; color:#202020; margin-bottom:20px; font-weight:400;}
.p-lx-sm h4{ font-size:36px; color:#0d5fb1; font-weight:500;}
.p-lx-sm h4 span{ font-size:28px;}
.p-lx-xm{overflow:hidden;}
.p-lx-xm p{ line-height:30px; font-size:16px; color:#444; margin-bottom:10px;}
.p-lx-xm p i{ color:#0d5fb1; margin-right:10px; font-weight:bold; font-size:20px;}

.p-lx-r{ width:50%; float:left; overflow:hidden;}
#container{ width:100%; height:600px;}

.p-l-ly{ width:100%; box-shadow: 0px 0px 35px rgba(8, 165, 238, 0.2); padding:3%; background:#fff; overflow:hidden; margin-top:6%; float:left; border-radius: 15px;}
.p-l-ly h3{ text-align:center; font-size:40px; color:#363636; font-weight:400; line-height:1;}
.p-l-ly p{ margin:15px 0 30px 0; overflow:hidden; text-align:center; color:#646464; font-size:16px;}
.p-l-ly input{ width:100%; border: 2px solid #ced4da; padding: 15px; margin-bottom:20px; font-size:15px;}
.p-l-ly input:hover{ box-shadow: 0 0 8px rgba(134,183,254,.3);}
.p-l-ly textarea{ width:100%; border: 2px solid #ced4da; padding: 15px; height:200px; margin-bottom:14px; font-size:15px;}
.p-l-ly textarea:hover{ box-shadow: 0 0 8px rgba(134,183,254,.3);}
.ly-btn{ width:180px; height:48px; margin:0 auto;}
.ly-btn button{ width:100%; height:48px; text-align:center; line-height:48px; background:#0d5fb1; font-size:16px; color:#fff; border-radius:30px; border:0;}

/*****新闻中心***/
.pg-news{ background:#f2f6ff; padding:60px 0; overflow:hidden;}

.pg-news-c{ width:100%;}
.pg-news-c ul{ width:100%; background:#fff; overflow:hidden; margin-bottom:40px; transition: all .5s ease;}
.pg-n-img{ padding:35px; float:left; overflow:hidden;}
.pg-n-img img{ width:250px; height:150px; transition: all .5s ease;}
.pg-n-nr{ padding:65px; overflow:hidden;}
.pg-n-tit{ font-size:20px; font-weight:bold; color:#222; margin-bottom:15px; width:70%; float:left;}
.pg-n-des{ font-size:14px; color:#666; line-height:25px; width:70%; float:left;}
.pg-n-data{ width:15%; float:right;}
.pg-n-data p{
    min-height: 20px;
    font_radio: 2;
    display-radio: 1;
    font-size: 60px;
    color: rgba(51, 51, 51, 1);
    line-height: 60px;
    font-family: Impact;
    text-align: center;
    transition: all .5s ease;
	width:100%;
	float:left;
	text-align:center;
}
.pg-n-data font{
    font-size: 18px;
    line-height: 32px;
    color: #333;
    font-family: Arial;
    transition: all .5s ease;
	width:100%;
	float:left;
	text-align:center;
}
.pg-news-c ul:hover {
	box-shadow: 0px 0px 20px 0px rgb(29 56 75 / 5%);
	transform: translateY(-10px)
}
.pg-news-c ul:hover .pg-n-img img {
	transform:scale(1.1)
}
.pg-news-c ul:hover .pg-n-tit{
	color: #085daf
}
.pg-news-c ul:hover .pg-n-data p{
	color: #085daf
}
.pg-news-c ul:hover .pg-n-data font{
	color: #085daf
}


/*****人才招聘****/
.pg-rczp{ padding:60px 0; overflow:hidden; background:#f2f6ff;}
.pg-rczp h2{ text-align:center; font-size:40px; color:#363636; font-weight:400;}
.zp_fl{ width:22%; border:1px solid #2b406b;}
.zp_fl h2{ width:100%;}
.zp_fl h2 img{ width:100%;}
.zp_fl li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #2b406b; text-align:center; background:url(../images/n-qyjz-38-2.png) 90% center no-repeat #fff; transition:all 0.5s ease;}
.zp_fl li a{ font-size:16px; color:#2b406b; display:block;}
.zp_fl li:hover{ width:105%;  background:url(../images/n-qyjz-38.png) 90% center no-repeat #2b406b; transition:all 0.5s ease;}
.zp_fl li:hover a{ color:#fff;}

.zp-fr{ width:75%; border:1px solid #dcdcdc; padding:2%; background:#fff;}
.zp-fr h2{ font-size:32px; color:#323232; margin-bottom:20px;}
.zp-fr p{ font-size:16px; line-height:50px; margin-bottom:10px;}
.zp-fr p strong{ color:#2b406b;}

.pg-rc-c{ width:100%; overflow:hidden;}
.pg-rc-ul{ border-bottom:1px dashed #dcdcdc; overflow:hidden; padding:15px 0;}
.pg-rc-tit {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.pg-rc-des {
    font-size: 14px;
    color: #666;
    line-height: 25px;
	width:100%;
	float:left;
}


/*****技术优势****/
.pg-rczp h3{ text-align:center; font-size:16px; color:#363636; font-weight:400; margin-top:20px; line-height:1.8;}
.rrr{ width:100%; overflow:hidden; background:#fff; margin-top:40px;}
.rrr-fl{ width:50%; height:100%; overflow:hidden; height:500px;}
.rrr-fl img{ width:100%; height:100%;}
.srrr-fr{ width:50%; overflow:hidden; padding:2% 3%; height:500px;}
.srrr-fr h2{ font-size:32px; color:#323232; margin-bottom:20px;}
.srrr-fr p{ font-size:16px; line-height:30px; margin-bottom:5px;}
.srrr-fr p strong{ color:#2b406b;}

.srrr-frs{ width:50%; overflow:hidden; padding:2% 3%;}
.srrr-frs h2{ font-size:32px; color:#323232; margin-bottom:20px;}
.srrr-frs p{ font-size:16px; line-height:30px; margin-bottom:5px;}
.srrr-frs p strong{ color:#2b406b;}


/*****分页***/
.fenye {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.fenye a {
	color: #666;
	padding: 0 15px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye span {
	color: #fff;
	padding: 0 15px;
	margin: 0 3px;
	background: #2b406b;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.fenye a:hover, .fenye .hover {
	display: inline-block;
	color: #fff;
	background: #2b406b;
	border-color: #2b406b;
}

/*****新闻内容****/
.pg-n-nrs{ padding:3% 5%; overflow:hidden; background:#fff; float:left; width:100%;}
.pg-n-nrs h1{ font-size:30px; color:#000; margin-bottom:25px; text-align:center;}
.pg-n-nrs h3{ font-size:16px; color:#5a5a5a; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px; font-weight:400;}
.pg-n-cont{ width:100%; font-size:16px; line-height:30px;}
.pg-n-cont p{ font-size:16px; line-height:30px; text-indent:2em; margin-bottom:10px;}
.pg-n-cont img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.pg-n-cont video{ max-width:100%;}
.pg-n-sxfy{ width:100%; border-top:1px solid #ddd; margin-top:20px; padding-top:15px;}
.pg-n-sxfy a{ font-size:14px;}

.pg-n-tj{ width:300px; padding:30px; float:right; background:#fff;}
.pg-n-tj h2{ 
	font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    display-radio: 1;
    margin-bottom: 20px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
}
.pg-n-tj li{ width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.pg-n-tj li a{ font-size:15px; color:#333;}
.pg-n-tj li span{ font-size:14px; color:#999; width:100%; float:left;}

/*****产品中心*****/
.pg-cpxcy{ overflow:hidden; text-align:center; padding: 0 0 100px 0;}
.pg-cpxcy h1{
    margin: 103px auto 50px;
    font-size: 48px;
    color: #525252;
	font-weight:400;
	line-height:1;
}
.pg-cpxcy p{
    font-size: 20px;
    font-weight: 400;
    color: #6c6c6c;
    line-height: 32px;
    margin: 0 auto;
	width: 50vw;
    text-align: center;
}

.pg-cpxh{ padding:60px 0; overflow:hidden; background:#f2f6ff;}
.cpzxxh{ width:16.6666%; float:left;}
.prd-img{ width:100%; overflow:hidden; margin-bottom:20px; background:#fff;}
.prd-img i{ width:100%; height:auto; float:left; position:relative; overflow:hidden; text-align:center;}
.prd-img i 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;
}
.prd-img .titCon {
    border: #e6e6e6 solid 1px;
    border-top: none;
    width: 100%;
    float: left;
	background:#fff;
}
.prd-img .name {
    width: 100%;
    display: block;
    color: #26334c;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}
.prd-img .des{ font-size:16px; line-height:30px; text-align:center; width:100%; float:left; margin-bottom:10px; height:30px; overflow:hidden;}
.prd-img .btnMore {
    width: 160px;
    height: 30px;
    border: #dcdcdc 1px solid;
    line-height: 30px;
    background-size: 26px 14px;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #666;
    margin-bottom: 20px;
}
.prd-img:hover i 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;
}
.prd-img:hover .titCon{
	background:#2b406b;
}
.prd-img:hover .titCon .name{ color:#fff;}
.prd-img:hover .titCon .des{ color:#fff;}
.prd-img:hover .titCon .btnMore{ color:#fff; border:#fff 1px solid;}


/*****产品详情页******/
.pg-cpnr{ padding:60px 0; background: #f2f6ff;}

.cpnr-fl{ float:left;}
.cpnr-fl li{ height:60px; line-height:60px; padding:0 50px; float:left; border-right: 1px solid #dfdfdf; position:relative;}
.cpnr-fl li a{ font-size:16px;}
.cpnr-fl li:hover{ background:#2b406b; transition:all 0.5s ease;}
.cpnr-fl li:hover a{ color:#fff;}
.cpnr-fl li dl{ display: none; position: absolute; left:0; top: 100%; width: 140%; z-index: 999; border: 1px solid #ebebeb; background:#fff;}
.cpnr-fl li dt a{ display: block; line-height: 50px; color: #333 !important; font-size:14px; padding:0 15px; text-align:left; border-bottom: 1px solid #ebebeb; height:50px; overflow:hidden;}
.cpnr-fl li dt:hover a{ background:#2b406b; color: #FFF !important; }


.cpnr-fr{ width:100%; overflow:hidden;}
.cpnr-ybnr{ width:100%; overflow:hidden; background:#fff; padding:3% 2%;}
.cpnr-img{ width:50%; float:left; overflow:hidden; position:relative;}


.cpnr-name{ width:50%; float:left; overflow:hidden; text-align:center; margin-top:100px;}
.cpnr-name h1{ font-size:28px; color:#2d54a0; font-weight:bold; margin-bottom:10px; margin-top:10px;}
.cpnr-name h4{ height:58px; line-height:29px; overflow:hidden;}
.cpnr-name h2{ font-size:24px; color:#2d54a0; height:65px; line-height:65px; font-weight:400; margin-bottom:20px;}
.cpnr-name h3{ font-size:20px; color:#444; font-weight:400; margin-bottom:20px;}
.cpzx-a,.cpzx-b{width: 150px;
    height: 45px;
    line-height: 41px;
    border: solid 2px #2b406b;
    color: #2b406b;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    margin: 20px auto;
    margin-right: 10px;
    font-family: "pingfang medium";
}
.cpzx-a:hover,.cpzx-b:hover{ background:#2b406b; color:#fff;}

.view-cp{ width:100%; overflow:hidden; margin-top:30px; display:inline-block;}
.view-cp h2{ font-size:24px; color:#444; font-weight:400; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid rgba(0, 0, 0, .1);}
.view-cp p{ font-size:20px; line-height:40px; color:#444; margin-bottom:15px;}
.view-cp img{ max-width:100%;}
.view-cp table{ width:100%;}
.view-cp table td{ border:1px solid #8497b0; line-height:40px; text-align:center; padding:0 10px; font-size:16px;}
.view-cp table td p{ line-height:40px; margin:0; font-size:16px;}
.view-cp table tr:first-child{ background:#134d87; color:#fff; line-height:40px;}
.view-cp table tr:first-child td p{ color:#fff; line-height:40px; margin:0; font-size:16px;}
.view-cp table tr:nth-child(2n){ background:#f2f2f2;} 
.view-cp table:nth-of-type(1) td{ border:0; color:#134d87 !important; background:#fff; text-align:left; width:50%;}
.view-cp table:nth-of-type(1) td p{ font-size:20px !important; color:#134d87 !important; line-height:60px;}
.view-cp table:nth-of-type(1) tr{ background:#fff !important;}
.view-cp table:nth-of-type(1) td p:hover{ color:#ed760e !important;}
.view-cp table:last-child td{ border:0; color:#134d87 !important; background:#fff; text-align:left; width:50%;}
.view-cp table:last-child td p{ font-size:20px !important; color:#134d87 !important; font-weight:500; line-height:60px;}
.view-cp table:last-child tr{ background:#fff !important;}
.view-cp table:last-child td p:hover{ color:#ed760e !important;}


.view-s{ width:100%; overflow:hidden; margin-top:30px; display:inline-block;}
.view-s p{ font-size:20px; line-height:40px; color:#444; margin-bottom:15px;}
.info-block.special {
    display: flex;
    /* flex-direction: row; */
    align-items: center;
    width: 100%;
    color: #0051A2;
	justify-content: space-between;
}
.info-block.special .txt{ width:40%;}
.info-block.special .txt p{ line-height:60px;}
.info-block.special .txt p:nth-child(2){ text-indent:2em;}
.special .img {
    width: 500px;
    height: auto;
    margin-right:50px;
}
.special .img img{ width:100%;}


.cpnr-xgcp{ width:100%; background:#fff; border-radius: 10px; padding:3%; overflow:hidden; margin-top:30px;}
.cpnr-xgcp h2{ font-size:30px; color:#444; line-height:1; font-weight:400; margin-bottom:30px;}
.xgcp-img{ width:100%; height:0; position:relative; padding-bottom:75%; border:1px solid #ddd; overflow:hidden;}
.xgcp-img 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;
}
.xgcp-img:hover 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;
}
.xgcp-txt{ background:#e4ecf5; padding:20px 30px; overflow:hidden;}
.xgcp-txt a{ height:20px; line-height:20px; width:100%; float:left; overflow:hidden; font-size:16px; color:#666;}
.xgcp-txt:hover a{ color:#666;}


/******footer*****/
.footer{ padding:60px 0 0 0; overflow:hidden; background:#2b406b;}
.foot-fl{ width:75%; float:left; overflow:hidden;}
.foot-logo{ width:100%; overflow:hidden; margin-bottom:30px;}
.foot-logo img{ max-width:100%;}
.foot-dhlx{ width:100%; overflow:hidden;}
.foot-lxfs{ width:65%; float:left; overflow:hidden; margin-bottom:20px;}
.foot-lxfs p{ font-size:15px; color:#999; line-height:30px; margin-bottom:10px; padding-left:35px;}
.p1{ background:url(../images/p1.jpg) left 5px no-repeat;}
.p2{ background:url(../images/p2.jpg) left 5px no-repeat;}
.p3{ background:url(../images/p3.jpg) left 5px no-repeat;}
.foot-center{ width:50%; float:left; overflow:hidden; margin-top:20px;}
.foot-nav{ width:33.333%; float:left; text-align:center;}
.foot-nav h2{ font-size:18px; margin-bottom:30px;}
.foot-nav h2 a{ color:#fff; font-weight:300;}
.foot-nav li{ width:100%; height:35px; line-height:35px; float:left;}
.foot-nav li a{ font-size:15px; color:#999;}
.foot-dianhua{ width:30%; float:left; margin-left:5%}
.foot-dianhua p{ font-size:15px; color:#999; line-height:30px; margin-bottom:10px; padding-left:35px;}


.foot-fr{ width:20%; float:right; overflow:hidden; margin-top:20px;}
.sousuo{ 
	padding-left: 16px;
    overflow: hidden;
    position: relative;
    background: #f5f5f5;
	height:50px;
	line-height:50px;
	display:flex;
}
.sousuo input{ width:80%; background:none; border:0;}
.sousuo a{ width:20%; text-align:center;}

.qr { display: flex; justify-content: space-between; margin-top: 40px; }
.qr .box { width: 50%; text-align: center; }
.qr .box img { max-width: 80%; border-radius: 5px;}
.qr .box p { font-size: 16px; color: #999; margin-top: 10px; }

.copright{ width:100%; float:left; overflow:hidden; margin-top:20px; border-top:1px solid #3d4f76; line-height:60px; font-size:15px; color:#999;}
.copright a{ color:#999;}

.goTop { width: 50px; height: 50px; background: url("../images/goTop.png") no-repeat center/100%; position: fixed; right: 3px; bottom: 10%; z-index: 2; cursor: pointer; display: none; }


/*****手机站样式****/
.dhbtn {
    width: 50px;
    height: 70px;
	float:right;
    border-radius: 4px;
    background: url(../images/d1.png) no-repeat center center;
    background-size: 20px 20px;
}

/****手机站导航***/
.wnav {
    position: fixed;
    width: 220px;
    left: -220px;
    top: 60px;
    background: #fff;
    height: calc(100% - 60px);
	z-index:100000;
}
.wnav li {
    float: none;
    padding: 0;
    width: 100%;
	position: relative;
	font-size: 16px;
}
.wnav a {
    line-height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	display:block;
	font-size:16px; 
	font-weight:400;
	text-align:left;
}

.cp-title{ text-align:center; margin:15px 0; font-size:21px; font-weight:bold; color:#2d52a0;}

/****手机站底部横条**/
.footer-fix {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}
.footer-fix li {
	float: left;
	width: 25%;
}
.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}


.wap-cpfl{ width:100%; height:46px; line-height:46px; text-align:center; background:#fcb026; font-size:16px; color:#fff; margin-bottom:30px;}
.wap-cpjtfl{
	position: fixed;
    width: 220px;
    right: -220px;
    top: 60px;
    background: #fff;
    height: calc(100% - 60px);
    z-index: 100000;
}
.wap-cpjtfl li {
    float: none;
    padding: 0;
    width: 100%;
    position: relative;
    font-size: 16px;
}
.wap-cpjtfl a {
    line-height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.fixed{ position:fixed; width:20%; max-width:300px; z-index:100; top:130px;}



.show-xs {
	display: none;
}

/*浮动*/
.drift{ width:77px; height:auto; position:fixed; bottom:30%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:77px; height:77px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:77px; height:77px; background:#2D2C32; overflow:hidden;}
.drift #rolls a{background:#ea5413;}
.drift li a:hover,.drift #rolls a:hover{ background:#ea5413;}
.drift li a:hover span{display:block;}
.drift li span{width:244px; right:77px;top: 1px;height: 77px;line-height: 77px; background: #ea5413;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 30px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:150px;display:block;overflow:hidden;padding:10px 10px 6px 10px;}
.drift li .ewm em{height:40px;line-height:18px !important;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000; width:100%; float:left; text-align:center;}
.drift li span.ewm{width:166px; }

@media screen and (max-width: 1440px) {
	.head-tel,.head-search{ display:none;}
	.menu{ margin-left:30px;}
	.xinwen .left{ width:20%;}
	.xinwen .right{ width:80%}
}
@media screen and (max-width: 1440px) {
	.menu li .nav_a{ padding:0 5px;}
}
@media screen and (max-width: 1024px) {
.layui-container,.layui-containersb{ width:96%;}
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.header{ height:70px;}
.logo{ margin-top:8px; width:50%; float:left;}
.logo img{ height:53px; height:auto;}
.menu{ display:none;}
.top-search{ display:none;}
.index-banner{ margin-top:70px;}
.p_arr{ bottom:20px;}
.p_arr .p_btn_next,.p_arr .p_btn_prev{ width:30px; height:30px;}
.banner-txt{ top:15%; max-width: 85%;}
.banner-txt h2{ font-size:24px; margin-bottom:10px;}
.banner-txt h3{ font-size:20px; margin-bottom:10px;}
.banner-txt h4,.banner-txt h5,.banner-txt h6,.banner-txt h8{ font-size:16px; margin-bottom:10px;}
.banner-txt h7{ height:3px; width:80px;}

.i-a-fr{ width:100%;}
.i-a-fl{ width:100%;}
.i-a-sz{ width:100%;}
.i-a-sz li{ padding:0 1%; overflow:hidden; text-align:center;}
.sj-sz strong{ font-size:26px;}
.sj-text{ font-size:14px;}
.i-cp-tu li{ width:100%; margin:0 0 10px 0;}
.i-cp-tu li a{ font-size:18px;}
.index-news .left{ width:100%;}
.index-news .left .item{ width:100%; margin:0;}
.index-news .right{ width:100%; margin-top:20px;}
.index-news .right .bott .item .date{ display:none;}
.index-news .right .bott .item a{ display:block; text-align:left;}
.index-news .right .bott .item{ padding:5px 0;}
.index-news .right .bott,.index-news .right .top{ padding:15px; overflow:hidden;}
.index-yyly .left h3{ margin-top:0;}
.index-yyly .left{ width:100%; padding:20px;}
.index-yyly .right{ width:100%; margin-top:20px;}
.foot-fl{ width:100%;}
.foot-center,.foot-fr,.weizhi{ display:none;}
.foot-lxfs,.foot-dianhua{ width:100%;}
.ny-banner{ margin-top:70px;}
.pgabout .pg-list a{ width:20%;}
.pgrpdlist .pg-list a{ width:33.3333%;}
.pgnews .pg-list a{ width:50%;}
.pg-list{ width:100%; display:flex; justify-content: space-between;}
.pg-list a:last-child{ border:0;}
.pg-aboutc,.p-cp-lb,.pg-horo,.p-l-lxfs,.pg-cpxh,.pg-cpnr,.pg-rczp{ padding:40px 0;}
.pg-a-fr,.pg-a-fl{ width:100%; margin-top:30px;}
.pg-aboutc h2,.pg-gsry h2,.pg-horo h2,.p-cp-lb h2,.p-l-lxfs h2,.p-l-ly h3{ font-size:30px;}
.pg-a-tu{ display:block;}
.pg-a-tu li{ width:50%; float:left; margin-bottom:20px;}
.pg-a-fl h1{ font-size:26px;}
.pg-tu-t{ padding:10px;}
.pg-gsry{ padding:40px 0;}
.pg-tu-txt p .cnums{ font-size:54px;}
.p-cp-lb .swiper-wrapper{ left:0;}
.p-cp-lb .swiper-button-prev, .p-cp-lb .swiper-button-next{ display:none;}
.p-lx-l,.p-lx-r,.p-lx-l1{ width:100%; height:auto;}
.p-lx-l{ height:auto; padding:20px;}
.p-lx-sm h1{ font-size:26px; line-height:1.3;}
#container{ height:250px;}
.p-l-ly{ padding:30px 20px;}
.pg-n-sxfy span{ width:100%; float:left; text-align:left;}
.pg-n-img { width: auto; padding: 15px;}
.pg-n-img img{ width:100%; height:auto;}
.pg-n-nr{ padding:10px; width:auto;}
.pg-n-tit{ width:80%; font-size:16px;}
.pg-n-des{ width:80%; height:50px; overflow:hidden;}
.pg-n-data p{ font-size:40px; line-height:40px;}
.pg-n-nrs{ width:auto; padding:20px;}
.pg-n-nrs h1{ font-size:20px;}
.pg-n-tj{ width:auto; padding:20px; margin-top:20px;}
.cpnr-fl{ width:100%;}
.cpnr-fl li{ width:33.333%; text-align:center; padding:0;}
.cpnr-fl li:last-child{ border:0;}
.cpnr-fr{ width:100%; margin-top:20px;}
.cpnr-img,.cpnr-name{ width:100%}
.cpnr-name{ margin:0;}
.cpnr-name h4{ display:none;}
.p_btitle{ font-size:24px;}
.tright{ display:none;}
.copright{ margin-bottom:50px;}
.cpnr-fl li dl{ width:100%;}
.cpnr-name h2{ height:auto;}
.info-block.special{ display:block;}
.info-block.special .txt{ width:100%;}
.info-block.special .txt p{ padding:0 !important; line-height:40px;}
.special .img{ width:100%; margin:0; text-align:center;}
.view-cp table{display: block;}
.view-cp table:nth-of-type(1) td{ display:block; width:100%;}
.view-cp table:last-child td{ display:block; width:100%;}
.view-cp table:last-child td p,.view-cp table:nth-of-type(1) td p{ line-height:50px;}
.rrr-fl,.srrr-frs,.srrr-fr{ width:100%; height:auto;}
.zp_fl{ width:100%;}
.zp-fr{ width:100%; margin-top:20px;}
.zp-fr p{ line-height:40px;}
.copright{ line-height:35px;}
}
@media screen and (max-width: 390px) {
	.dhbtn{ width:35px;}
	.h_tools .h_lan{ margin-left:10px;}
}
@media screen and (max-width: 280px) {
	.header{ height:50px;}
	.logo{ width:40%; margin-top: 10px;}
	.h_tools{ margin:0;}
	.h_tools .h_lan{ margin:0;}
	.dhbtn{ width:30px; height:50px;}
	.index-banner,.ny-banner{ margin-top:50px;}
}