/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



.wh1400{max-width:1430px;margin:0 auto;padding:0 15px;}
.wh1540{max-width:1570px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}


.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}







/*头部样式*/
.top2{z-index:9999;background:#fff;position: relative;width:100%;}
.top2 .wh1400{height:90px;}
.logo img{width:100%; height:70px}

.top2.scroll{position:fixed;top:0;left:0;}

.ohterTips {
	width: auto;
	display: flex;
}

.lange {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	color: #fff;margin-left: 15px;
}



.searchBox {
	width: 35px;
	height: 35px;
	position: relative;
	line-height: 35px;
	text-align: center;
	border-radius: 50px;
	overflow: hidden;
	-webkit-transition: all .5s;
	color: #fff;
	background: #21b0b9;
}

.searchBox:hover {
	width: 150px;
}

.searchIcon {

}

#formsearch2 input#keyword {
	position: absolute;
	width: calc(100% - 40px);
	left: 0px;
	top: 0px;
	-webkit-transition: all .5s;
		display: block;
	border: none;
	background:#21b0b9;
	outline: none;
	height:35px;
	text-indent: 20px;
	color: #fff;font-size: 14px;
}



#formsearch2 input::-webkit-input-placeholder {
	color: rgba(255,255,255,.5);
}

#formsearch2 input#s_btn{width: 35px;
	height: 35px;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	line-height: 35px;
	text-align: center;
	font-size: 14px;background:url("../../../../f4821960/23/07/d12f989bfe89532033f9c810bdaa3b3fe4cdd34e.png"/*tpa=http://cdn.myxypt.com/f4821960/23/07/d12f989bfe89532033f9c810bdaa3b3fe4cdd34e.png*/) no-repeat #21b0b9 center center;outline: none;border:none;}






/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}





/*主体样式*/
.box1{background:url("../../../../f4821960/23/07/bddef15daa21cbfec705d56aeaac7052bfde7264.jpg"/*tpa=http://cdn.myxypt.com/f4821960/23/07/bddef15daa21cbfec705d56aeaac7052bfde7264.jpg*/) no-repeat;background-size:100% 100%;padding:4.88vw 0;}
.z_index_about .infobox{width:36.36%;transition: ease 1s;margin-left:4.55%;}
.z_index_tit{font-size:44px;color:#222222;}
.z_index_about .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 32px; margin: 2.5vw 0;}
.z_about_icon { border-top: 1px solid #E9E9E9; padding-top: 2.5vw;}
.z_about_icon ul{ display: flex; justify-content: space-between; text-align: center;}
.z_about_icon li{}
.z_about_icon li h3{font-size: 16px; font-weight: normal;color: #666666; line-height: 24px; margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.z_about_icon li img{ display: block; margin: 0 auto; }
.z_index_about .imgbox{width:50%;}
.z_index_about .imgbox img{width:100%;display:block;}

.box2{background:url("../../../../f4821960/23/07/d2b2cd3b3cb1de5de4d019042c50501927f5917c.jpg"/*tpa=http://cdn.myxypt.com/f4821960/23/07/d2b2cd3b3cb1de5de4d019042c50501927f5917c.jpg*/) no-repeat;background-size:100% 100%;padding:7vw 0 12vw;margin-top:-1px;}
.b2cont{position:relative;}
.pinz{width:47.53%;position:absolute;z-index:99;left:0;top:0;}
.pintt{color:#333333;font-size:45px;line-height:60px;}

.pbg{background-image: linear-gradient(165deg, #21d6dc 0%, #21a1d3 100%);margin-top:4.2vw;padding:3vw 0 7vw;} 
.pbg .nr{width:82%;margin:0 auto;overflow: hidden;}
.pbg .nr .wz{color:#fff;font-size:16px;line-height:36px;margin-top:2vw;overflow: hidden;}
.prolist{border-bottom: 1px solid #CDCDCD;}
.prolist li{ cursor: pointer; position: relative;text-align:center;height:100px;}
.prolist li .img{ display:block; margin: 0 auto;height: 2.5vw; margin-bottom:14px;}
.prolist li .img img{width:100%;display:block;}
.prolist li h3{ font-size: 16px; font-weight: normal;color:#333333}
.prolist li::before{content:""; display: block; width: 0; z-index: 1;height: 2px; position: absolute; left: 50%; bottom: -1px;  transition: ease 1s; background: #0390be;}
.prolist li.cur::before{ width: 100%; left: 0;}


.proimg {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0px;
}
.proimg.active{opacity: 1;visibility: visible;height: 100%;}
.proimg li{}
.proimg li .wz{color:#666666;font-size:16px;line-height:24px;margin-top:2vw;height:96px;overflow: hidden;}
.proimg.active{animation: scaleUpDown 0.5s  linear .65s;   animation-delay:0s;     animation-fill-mode: forwards;  }
  @keyframes scaleUpDown {
        0% { transform: translateX(-100px); opacity:0;}
        100% {transform: translateX(0px);opacity:1;transition: all .8s ease;}
    }
.pimg{width:67.6%;}
.pimg img{width:100%;display:block;}




.box3{ margin-top:50px;}
.z_index_pro ul{ display: flex;}
.z_index_pro li{overflow: hidden; width: auto;}
.z_index_pro li a{ display: block; width: 100%; height: 100%;display: flex;}
.z_index_pro li:nth-child(2) .z_tit_box{ background:url(../../../../f4821960/23/07/babec738d1a2c4d66c61b337fa4413dc910ea843.jpg); background-size:cover}
.z_index_pro li:nth-child(1) .z_tit_box{ background:url(../../../../f4821960/23/07/db75ca9238531f913abef1b7746af5be862fc626.jpg);background-size:cover}
.z_index_pro li .z_tit_box{ width: 240px; position: relative; overflow: hidden; flex-shrink: 0; display: flex;justify-content: center; align-items: flex-start;  box-sizing: border-box; transition: ease 1s; padding-top:7vw;}
.z_index_pro li .z_tit_box .xzimg{transform: rotate(-90deg);transition: ease 1s;opacity:.3}
.z_index_pro li .lg img{ display: block;}
.z_index_pro li .tit{ font-size: 24px;margin: 2vw 0;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.z_index_pro li .desc{font-size: 16px;line-height: 24px;}
.z_index_pro li .morebar{ position: absolute; left: 3vw; bottom: 0; width: calc(100% - 6vw); border-top: 1px solid rgba(255,255,255,.5); display: flex;justify-content: flex-end; padding: 2vw 0; align-items: center;}
.z_index_pro li .morebar span{text-align: right; text-transform: uppercase; margin-left: 20px;font-size:14px;}
.z_index_pro li .morebar em{ display: block; font-style: normal;}
.z_index_pro li .imgbox{ width: 64%;height: 100%;}

.z_index_pro li .infobox{ position: absolute;opacity: 0; transition: ease 1s; width:28vw; height: 100%; left: 0; top: 0;  color: #fff; padding: 4vw 3vw; box-sizing: border-box; padding-top: 11vw;}
.z_index_pro li .slg{ display: block; max-height: 17.1875vw; position: absolute; left: 3vw; bottom: 10vw;}
.z_index_pro li .imgbox{width: 0vw;transition: ease 1s;}
.z_index_pro li .imgbox img{width:100%;display:block;height:844px;}



.z_index_pro li.active .z_tit_box{ width: calc(50vw - 3 * 140px);background: #e60013; }
.z_index_pro li.active .xzimg{ opacity: 0; transform: rotate(-90deg) translateY(-500%);}
.z_index_pro li.active .infobox{ opacity: 1;}
.z_index_pro li.active .imgbox{ width: 60vw;}

.z_index_pro li.active:nth-child(2) .z_tit_box{ background:#CB9F5A;}
.z_index_pro li.active:nth-child(1) .z_tit_box{ background:#563E27;}








.box4{padding:3.66vw 0 5vw;}
.bt{text-align:center;text-transform:uppercase;font-size:24px;color:#333333;}
.bt p{font-size:28px;}
.zxyNews{margin-top:2vw;}
.zxyNews ul li {
	width: 32%;position: relative;
}
.zxyNews ul li .pic {
  overflow: hidden;border-radius: 5px;
}
.zxyNews ul li .pic img{width:100%;display:block;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.zxyNews ul li:hover .pic img{
	transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);
}

.zxyNews ul li .info {
	
	width: 100%;
	height: auto;
	color: #333;
	padding:18px 40px;
}

.zxyNews ul li .info .name {
	position: relative;
	font-size: 16px;
	margin-bottom: 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.zxyNews ul li .info .time {
	position: relative;
	font-size: 14px;
}

.moreBtn {
	z-index: 1;
	position: relative;
	font-family: montserrat;
	width: 154px;
	display: block;margin-top:40px;
}

.button__circle {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -6px;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	border-radius: 50%;
	background-image: -webkit-gradient(linear, right top, left top, from(#63abea), to(#73eef5));
	background-image: linear-gradient(-90deg, #63abea 0%, #73eef5 100%);
	-webkit-transition: all 0.6s cubic-bezier(0.37, -0.02, 0.09, 1.57);
	transition: all 0.6s cubic-bezier(0.37, -0.02, 0.09, 1.57);
}

.button__text {
	z-index: 1;
	position: relative;
	padding-left:29px;
	-webkit-transition: all 0.6s cubic-bezier(0.37, -0.02, 0.09, 1);
	transition: all 0.6s cubic-bezier(0.37, -0.02, 0.09, 1);color:#333333;font-size:14px;text-transform:uppercase;
}

.button__text::before {
	position: absolute;
	top: 0px;
	left: 48px;
	width: 0px;
	overflow: hidden;
	color: #fff;
	white-space: nowrap;
	content: attr(data-text);
	-webkit-transition: width 0.6s cubic-bezier(0.37, -0.02, 0.09, 1.57) 0s;
	transition: width 0.6s cubic-bezier(0.37, -0.02, 0.09, 1.57) 0s;
	display: none;
}

.moreBtn:hover .button__circle {
	z-index: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s cubic-bezier(0.37, -0.02, 0.09, 1);
	transition: all 0.6s cubic-bezier(0.37, -0.02, 0.09, 1);
}

.moreBtn:hover .button__text {
	padding-left: 8px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.moreBtn:hover .button__text::before {
	width: 22px;
	-webkit-transition: width 0.6s cubic-bezier(0.37, -0.02, 0.09, 1) 0.01s;
	transition: width 0.6s cubic-bezier(0.37, -0.02, 0.09, 1) 0.01s;
}












/*友情链接*/
.links a{margin-right:6px;}


/*页面底部*/
.foot{background:url("../../../../f4821960/23/07/ba538a3c316e5b9b6b6237c4b76a13d207f3190c.jpg"/*tpa=http://cdn.myxypt.com/f4821960/23/07/ba538a3c316e5b9b6b6237c4b76a13d207f3190c.jpg*/) no-repeat;background-size:100% 100%;padding:30px 0 25px;}


.know {
	text-align: center;
	line-height: 2;
	font-size: 24px;
	margin-bottom: 15px;color:#333;
}

.hotTel {
	text-align: center;
	margin-bottom: 25px;
}

.hotTel h2 {
	font-size: 46px;
	margin-top: 35px;color:#333333;font-family:"Arial"; margin-bottom:20px
}

.hotTel h3 {font-size:14px;color:#333333;}


.footer_nav {
	width: 100%;
}

.footer_nav ul {
	display: flex;
	justify-content: center;
}

.footer_nav ul li {
	width: auto;
}

.footer_nav ul li a {
	display: block;
	line-height: 40px;
	text-transform: uppercase;
	padding: 0px 35px;
	position: relative;color:#333333;font-size:14px;
}

.footer_nav ul li a::after {
	width: 20px;
	height: 100%;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 0%;
	content: '/';
	font-size: 12px;
}

.footer_nav ul li:last-child a::after {
	display: none;
}

.footer_nav ul li a:hover {}



.bq{text-align:center;color:#333333;font-size:14px;text-align:center;}
.bq a{color:#333333;}


.copyright {
	text-align: center;
	line-height:24px;
	color:#a3b4bd;margin-top:30px;font-size:14px;
}

.copyright a {
	color:#a3b4bd;
}




.socail {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 10;
}

.socail a {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	position: relative;
	margin: 0px 5px;
	cursor: pointer;
}

.socail a .img {
	width: 100px;
	height:100px;
	background: #fff;
	position: absolute;
	left: -30px;
	top: -105px;
	display: none;
}
.socail a .img img{width:100%;display:block;}
.socail a .icon {
	color: #fff;
	font-size: 20px;
	position: relative;
}

.socail a:hover .img {
	display: block;
}




/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footer33{height:50px;}


@media (max-width:1440px) {
.z_index_pro li .imgbox img{height:623px;}
 .z_index_pro li .infobox{width:auto;}
.z_index_pro li.active .z_tit_box{width: calc(52vw - 3 * 140px);}
.z_index_pro li .tit{font-size:20px;}

}


@media (max-width:1024px) {
  .z_index_tit{font-size:34px;}
  .z_index_about .desc{font-size:14px;}
  .z_about_icon li h3{font-size:14px;}
  .z_index_about .infobox{width:45%;}
  .pintt{font-size:35px;line-height:48px;}
  .prolist li{height:70px;}
  .prolist li .img{width:60%;}
  .prolist li h3{font-size:14px;}
  .proimg li .wz{font-size:14px;height:66px;line-height:22px;}
 
  .z_index_pro li.active .z_tit_box{width: calc(65vw - 3 * 140px);}
  .z_index_pro li .tit{font-size:16px;}
  .z_index_pro li .infobox{padding-top:6vw;}
  .z_index_pro li .imgbox img{height:368px;}
  .bt{font-size:20px;}
  .bt p{font-size:22px;}
  .know{font-size:20px;}
  .hotTel h2{font-size:38px;}
}



@media (max-width:960px){
.z_index_pro ul,.z_index_pro li a{ display: block;}
.z_index_pro li{ width: 100%; display: block; height: auto; position: relative;}
.z_index_pro li .z_tit_box{ width: 100%!important;padding-top:0;}
.z_index_pro li .imgbox{ width: 100%;}
.z_index_pro li .imgbox img{height:auto;}
.z_index_pro li .infobox{ position: relative; width: 100%; padding: 30px 12px; text-align: center; opacity: 1;}
.z_index_pro li .xzimg{ display: none;}
.z_index_pro li .lg img{ height: 40px; margin: 0 auto;}
.z_index_pro li .morebar{ position: relative;left: auto; bottom: auto; width: 100%; border: none;justify-content: center; margin-top: 20px;}

.z_index_pro li.active .imgbox{ width: 100%;}
.z_index_pro l:nth-child(4) .z_tit_box{ background:#6bb4ce;}
.z_index_pro li:nth-child(3) .z_tit_box{ background:#e60013;}
.z_index_pro li:nth-child(2) .z_tit_box{ background:#998dc2;}
.z_index_pro li:nth-child(1) .z_tit_box{ background:#00aceb;}
.z_index_tit,.z_index_about .desc,.z_yfcon_warp,.z_yf_img{ opacity: 1;transform: translateY(0);}
}




@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .z_index_about .infobox{width:100%;margin-left:0;}
 .z_index_about .imgbox{width:100%;margin-top:20px;}
 .pinz{position:static;width:100%;}
 .pimg{width:100%;margin-top:20px;}
 .pbg .nr{width:92%;}
 .proimg li .wz{height:auto;}
 .prolist li{height:60px;}
}

@media (max-width:428px) {
  .z_index_tit{font-size:25px;}
  .pintt{font-size:26px;line-height:33px;}
    .bt{font-size:16px;}
  .bt p{font-size:18px;}
  .prolist li .img{height:22px;}
  .box4{padding:6vw 0;}
  .zxyNews ul li{width:100%;margin:8px 0;}
    .know{font-size:18px;}
  .hotTel h2{font-size:30px;}
  .z_about_icon li img{width:50%;height:35px;}
}








.bb3ht{
    margin-top: 0;
}
.bb3ht .bb2htwz h2{
    font-size: 42px;
    font-weight: normal;
    line-height: 42px;
}
.bb3ht .bb2htwz h3{
 	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
    padding: 0 10%;
}

.bb3x{
    margin-top: 5.5vw;
    background-color: #f9f9f9;
    padding-bottom: 62px;
}
.bb3nr{padding-top: 3.8vw; background:#f9f9f9; padding-bottom:50px; }

/* css */
.bb3bd { position: relative; }
.bb3bd li { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.bb3bd li { opacity: 0; visibility: hidden; transition: all .5s ease; }
.bb3bd li.on {position: static;opacity: 1;visibility: visible;}


.bb3hd{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 0;
    border-bottom: 1px solid #ededed;
}
.bb3hd li{
    width: 33%;
    text-align: center;
}
.bb3hd li h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 47px;
    letter-spacing: 0px;
    color: #333333;
}
.bb3hd li.on h2{
    border-bottom: 1px solid #1fb0c1;
    color: #1fb0c1; font-weight:bold
}



.bb3bd{
    margin-top: 46px;
}
.bb3bd li{
    background-color: #ffffff;
}
.bb3bd li .bb3wz{
    width: 39.4%;
    float: left;
    padding-left: 3.7vw;
    padding-top: 4vw;
    padding-right: 6%;
}
.bb3bd li .bb3wz h2{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #1fb0c1;
}
.bb3bd li .bb3wz h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 48px;

}
.bb3bd li .bb3wz h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 4vw;
}
.bb3bd li .img{
    width: 60.6%;
    float: right;
    overflow: hidden;
    position: relative;
}
.bb3bd li .img img{
    width: 100%;
}

.bb3bd li .img:before{content: '';width: 24px;height: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;
background: url(//cdn.myxypt.com/5bf9345c/24/02/f0ee3d9c239760250a4efaf76b29a5ce7952eca0.png) no-repeat;} 


.bb3gd{
    background-color: #fff;
    margin: 54px auto 0;
}












@media (max-width: 1200px) {  
.bb3ht .bb2htwz h2{font-size: 34px;}
  .bb3ht .bb2htwz h3{
    font-size: 16px;
    line-height: 23px;
    margin-top: 14px;
  }

.bb3hd li{width: 16.3%;}
.bb3hd li h2{font-size: 16px;}
.bb3bd li .bb3wz{
    width: 39.4%;
    float: left;
    padding-left: 2.7vw;
    padding-top: 3vw;
    padding-right: 4%;
}
.bb3bd li .bb3wz h3{ margin-top: 31px;}
.bb3bd li .bb3wz h4{margin-top: 3vw;}



}

@media (max-width: 992px) { 
.bb3ht .bb2htwz h2{font-size: 22px;}
.bb3x{margin-top: 55px;padding-bottom: 40px;}
.bb3ht .bb2htwz h3{display: none;}
.bb3hd li{width: 33.33%;}
.bb3bd li .bb3wz{width: 100%; padding: 20px;}
.bb3bd li .img{width: 100%; margin-top: 20px;}
.bb3gd{    margin: 35px auto 0;}

}


.n_title {padding: 0;position: relative;background: rgba(0, 0, 0, 0.3);position: absolute; width: 100%; margin-top: -70px;z-index: 999;} 
.n_title .m { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.n_nav { position: relative; }
.n_nav li{display: block; font-size: 15px; color: #fff; float: left;line-height:75px;z-index: 1; position: relative; font-weight:bold; margin-right:20px;}
.n_nav li a{ display: block; border-radius: 5px;height: 36px;
    line-height: 36px;
    margin: 17px 0;
    padding: 0 15px;color: #fff;} 
/*.n_nav li:before {content: "";width: 100%;height: 3px;position: absolute;background:#21B0B9; bottom:0; left:0; margin-left: -1px; transform: scaleX(0); transform-origin: top; transition: 0.3s ease-in-out; opacity: 0; z-index: -1;}*/
/*.n_nav li.on:before, .n_nav li:hover:before {  opacity: 1; transform: scaleX(1);}   */
.n_nav li.on a, .n_nav li:hover a{ color: #fff !important;background:#21B0B9;  border-radius: 5px;height: 36px;
    line-height: 36px;
    margin: 17px 0;
    padding: 0 15px}
.position {left: 0;bottom: 0;font-size: 14px;color: #fff; display: flex;align-items: center;}
.position>svg{ vertical-align: middle; margin-bottom: 3px; margin-right: 5px;}
.position span, .position a, .position i {font-size: 14px; color:#fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin:.25rem .5rem 0;font-style: normal;width: 12px;height: 12px;display: flex;align-items: center;}
.position span { color: #21B0B9;font-style: normal;}
.position em { color: #171717;font-style: normal;}
.position a:hover {color: #21B0B9;}
/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #21B0B9;}
#bnt_back { position: absolute; left: 1rem; top: 0; }
#bnt_back svg { fill: #fff; height: 50px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg {fill: #fff;height: 50px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img { display: block; height: 15px; }
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 5px #999;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #21B0B9; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #21B0B9; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; width: 33.333333%; display: inline-block; margin-bottom: 0; float: left; text-align: center; }
#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #21B0B9; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #21B0B9; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #21B0B9;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #21B0B9; }

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.n_title{ display:none}
#m_n_nav{ display:block}
.web{ display:none;}
.wap{ display:block;}
}


.box11{padding: 5.2% 0 2%;}
.pul li .img{width: 50%;display: block;text-align: center;}
.pul li .img img{max-width: 100%; border-radius:20px;}
.pcon{width: 47.5%;}
.pul li{align-items: center;}
.pcon h3 a{display: block;color: #1a1a1a;font-size: 36px;}
.pcon p{font-size: 16px;line-height: 36px;margin: 10px 0 10px;}
.pmore a{display: block;width: 238px;height: 57px;border: solid 1px #1a1a1a;line-height: 55px;text-align: center;letter-spacing: 2px;color: #1a1a1a;font-size: 16px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.pul  li a img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pul  li a img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.pmore a:hover{background: #3ed1cb;border-color: #3ed1cb;color: #fff;}

/*  */
.box22{background: url(../../../../../images/3cb22e94672c2a2abb2934ed7eaf3e18deaf8e1c.png) no-repeat top center;background-size: cover;padding: 5.7% 0 4.2%;}
.box22 .pul li .img{width: 48%;}



.zty22w1600{max-width:1630px;margin:0 auto;padding:20px 15px; background:#fff;margin-top: -50px;}
.zty221x{background-color:#f7f7f7;padding-bottom:5vw}
.zty221z{background-color:#fff;width:65.8%;float:left;padding-left:48px;padding-top:3.8vw;padding-bottom:35px}
.zty221z1{width:65%;float:left}
.zty221z1 h2{font-size:34px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#21B0B9}
.zty221z1 h3{font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;margin-top:22px}
.zty221z1 h4{width:40px;height:2px;background-color:#666;margin-top:30px}
.zty221z1 h5{font-size:18px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#555;margin-top:43px}
.zty221z2{width:35%;float:left;margin-top:48px}
.zty221z2 h2{font-size:18px;font-weight:400;font-stretch:normal;line-height:18px;letter-spacing:0;color:#444}
.zty221z2 h3{width:40px;height:2px;background-color:#666;margin-top:45px}
.zty221z2 h4{margin-top:50px}
.zty221z2 h4 li{width:100%;float:left;position:relative}
.zty221z2 h4 li .img{max-width:135px;float:left;border:solid 2px #e9e9e9;margin-bottom:14px}
.zty221z2 h4 li .img img{width:100%}
.zty221z2 h4 li dd{font-size:16px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#555;float:left;line-height:125px;margin-left:20px}
.zty221y{width:34.2%;float:right;height:556px;overflow:hidden}
.zty221y img{width:100%}
.zty222x{padding-top:6.4vw;padding-bottom:6vw}
.zty222z{width:39.4%;float:left}
.zty222zbt h2{font-size:38px;font-weight:bolder;font-stretch:normal;letter-spacing:0;color:#222}
.zty222zbt h3{font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;margin-top:20px}
.zty222zbt h4{font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;margin-top:54px}
.zty222zbt h5{height:1px;background-color:#000;opacity:.2;width:100%;margin-top:30px}
.zty222lx{margin-top:60px;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:25px}
.zty222lx li{width:50%;float:left}
.zty222lx li h2{font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666}
.zty222lx li h3{font-size:18px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#333;margin-top:20px}
.zty222y{width:46.75%;float:right}
.zty222y form li.li{display:flex;justify-content:space-between;flex-wrap:wrap}
.zty222y form li.li dd{width:49%;float:left}
.zty222y form li{margin-bottom:12px}
.zty222y form li input{height:58px;background-color:#f5f6f7;padding:0;padding-left:29px;border:none;outline:0;box-shadow:none}
.zty222y form li textarea{background-color:#f5f6f7;padding:0;padding-left:29px;border:none;outline:0;box-shadow:none;padding-top:10px;line-height:35px}
.zty222y form li #checkcode{width:49%!important}
.zty222y form li .btn{width:156px;height:57px;background-color:#21B0B9;padding:0;font-size:22px}
@media (max-width:1630px){.zty22w1600{max-width:1430px}
.zty221z2{margin-top:30px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw}
.zty221y{height:490px;overflow:hidden}
}
@media (max-width:1430px){.zty22w1600{max-width:1230px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw;padding-left:30px}
.zty221z1 h2{font-size:28px}
.zty221z1 h3{font-size:13px}
.zty221z1 h5{font-size:16px;line-height:30px}
.zty221z2 h4 li .img{max-width:100px}
.zty221z2 h4 li dd{line-height:100px}
.zty221y{height:417px}
}
@media (max-width:1230px){.zty22w1600{max-width:992px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:22px}
.zty221z{padding-top:2.7vw;padding-left:15px;padding-bottom:17px}
.zty221z1 h2{font-size:23px}
.zty221z1 h3{font-size:12px;margin-top:11px}
.zty221z1 h5{font-size:14px;line-height:27px;margin-top:30px}
.zty221z2 h4 li .img{max-width:85px}
.zty221z2 h4 li dd{line-height:85px;font-size:14px;margin-left:10px}
.zty221z1 h4{margin-top:20px}
.zty221z2 h3{margin-top:24px}
.zty222y form li input{height:50px}
.zty222y form li textarea{line-height:26px}
.zty222y form li .btn{height:50px;font-size:18px}
.zty221y{height:334px}
}
@media (max-width:992px){.zty22w1600{padding:0 2%; margin:0}
.zty221y{width:100%}
.zty221z1{width:100%}
.zty221z2{margin-top:21px;width:100%}
.zty221z{padding-top:2.7vw;padding-left:10px;padding-bottom:17px;width:100%}
.zty222z{width:100%}
.zty222zbt h2{font-size:28px}
.zty222zbt h3{font-size:16px;margin-top:13px}
.zty222zbt h4{font-size:16px;margin-top:28px}
.zty222lx{padding-bottom:20px;margin-top:43px}
.zty222lx li h2{font-size:16px}
.zty222lx li h3{font-size:16px;margin-top:13px}
.zty222y{width:100%;margin-top:25px}
.zty222y form li input{padding-left:15px}
.zty222y form li textarea{padding-left:15px}

 .pintt{ font-size:16px;}
  .pintt img{ max-width:20px}
  
   .z_index_about .infobox{width:100%;margin-left:0;}
 .z_index_about .imgbox{width:100%;margin-top:20px;}
 .pinz{position:static;width:100%;}
 .pimg{width:100%;margin-top:20px;}
 .pbg .nr{width:92%;}
 .proimg li .wz{height:auto;}
 .prolist li{height:60px;}
 .prolist li .img{height:30px;} 
 .prolist li .img img{ height:30px}
.pul li .img,.box22 .pul li .img{ width:100%}
.pcon{width:100%; margin:20px 10px}
}


.list_pp{position: relative;}
.list_pp li{position: relative;width: 31%; display:inline-block; margin:20px 1%}
.list_pp li a{display: block;}
.list_pp li .com-img img{display: block;width: 100%; height:330px;}
.list_pp li .spp{background: url(../../../../../images/fc0632508ba69079b1db181cf1ec712fce415545.jpg) no-repeat center;background-size: cover;padding: 1.5625vw;transition: all .3s ease;-webkit-transition: all .3s ease;}
.list_pp li .spp h3{font-size: 0.9375vw;color: #333333;font-weight: bold;margin-bottom: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list_pp li .spp div{font-size: 14px;color: #777777;line-height: 1.7;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.list_pp li .spp span{display: block;font-size: 14px;color: #999999;margin-top: 1.302083vw;}
.list_pp li:hover .spp{background: #21B0B9;}
.list_pp li:hover .spp h3,
.list_pp li:hover .spp div,
.list_pp li:hover .spp span{color: #fff;}

.page-mob-tool li span{ color:#fff; position:relative; z-index:9}