@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1400px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.mainswiper{ height:100%; width:100%;}
.mainswiper >.swiper-wrapper>.swiper-slide{ height:100vh; overflow:hidden;background-size:cover;background-position:center;}

.slide01 video{ width:100%; height:100%; object-fit:cover;cursor:pointer;}

.header{ transition:all .3s; background:rgba(0,0,0,.5); position:fixed; top:0; left:0; width:100%; height:80px; z-index:999;}

.logo img{ height:35px;}
.navul li a{ color:#fff; font-size:16px; line-height:80px;}

.navul li{ margin-right:40px; position:relative;}
.header .tel{ padding-left:50px; background-image:url(../images/tel_03.png); background-repeat:no-repeat; background-position:left center;}
.header .tel b{ font-size:30px; color:#fff; display:block; line-height:1; font-family: Impact; font-weight: normal;}
.header .tel span{ font-size:13px; color:#ffffff; display:block; font-family: scnR;}

.header .dropmenu{position:absolute; box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0; visibility:hidden; top:105%; background:#fff; padding:10px 25px; text-align:center; transition:all .3s; -webkit-transition:all .3s; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}.header .dropmenu a{ display:block; font-size:14px; color:#333; padding:5px 0;    white-space: nowrap;    line-height: 1.6;}
.header li:hover .dropmenu{ opacity:1; visibility:visible; top:100%;}
.dropmenu a:hover{ color:#0037c8}


.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide img{ transition: all 7s; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 7s; -moz-transition: all 7s; -ms-transition: all 7s; -o-transition: all 7s; }
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.banner .swiper-button-next,.banner  .swiper-button-prev{ width: 50px; height: 50px; background-size: 50px 50px; margin: 0; margin-top: -25px;}
.banner .swiper-button-next{ right: 80px; background-image: url(../images/1index2_05.png);}
.banner .swiper-button-prev{ left: 80px; background-image: url(../images/1index2_03.png);}





.banindex { height:100%;}
.banindex >img{ width:100%; height:100%; object-fit:cover;}
.banindex a{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); cursor:pointer;}


.index01tab{ position:absolute; width:100%; bottom:40px; left:0; height:80px; background:#e8e9f0; z-index:200}

.index01tab li b{ cursor:pointer; text-align:center; line-height:30px; font-size:22px; font-weight:normal; color:#333; display:block;border-right:1px solid #333;}
.index01tab li{ padding:25px 0; position:relative; width:14%;}
.index01tab li  .tanchu{ z-index:4; position:absolute; bottom:120%; width:200%; left:0; opacity:0; visibility:hidden; transition:all .8s;}
.index01tab li .tanchu img{ width:100%;}
.index01tab li:hover .tanchu,.index01tab li.on .tanchu{ bottom:100%; opacity:1; visibility:visible;}
.index01tab li.on,.index01tab li:hover{ background:#0037c8; color:#fff;}
.index01tab li.on b,.index01tab li:hover b{ color:#fff;}

.index01tab li:last-child .tanchu{ left:auto; right:0;}
.index01tab li:nth-child(5) .tanchu{ left:auto; right:0;}
.index01tab li:nth-child(6) .tanchu{ left:auto; right:0;}

.index01box >img{  position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:120px; z-index:1; max-width:90%; max-height:60%;}

.slide02{ background-color:#f4f5f9; padding-top:45px;}


.indextitle{ text-align:center;position:relative; z-index:3;}
.indextitle b{ font-size:40px; color:#222222; font-weight:normal; display:block; font-family: scnB;}
.indextitle .litit{ width:100%;}
.indextitle .litit span{ padding:0 10px; position:relative; padding:0 200px; font-family: scnR;}
.indextitle .litit span:after{ content:""; display:block; width:180px; right:0; top:50%; height:1px; background:#bfbfbf; position:absolute;}
.indextitle .litit span:before{ content:""; display:block; width:180px; left:0; top:50%; height:1px; background:#bfbfbf; position:absolute;}


.slide03 .indextitle b{ color:#fff;}
.slide03 .litit span{ color:#fff;}
.slide03 .indextitle .litit span:after,.slide03 .indextitle .litit span:before{ background:#fff;}

.contact02 iframe{ height:500px !important}




.index01search{ position:relative; z-index:2;width: 100%; max-width:1200px; margin:0 auto; margin-top:30px;}
.index01search input{font-family: scnR; padding:0 20px; font-size:18px; width:calc(100% - 70px); height:50px; background:#fff; border:1px solid #dcdcdc}
.index01search button{ width:70px; height:50px; background:#0037c8;}
.index01search button img{ height:30px;}

.slide03 .index02{ height:100%; padding-top:45px; background-repeat:no-repeat; background-position:center; background-size:cover;}

.index02tab{ width:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:calc(100% - 200px);}
.index02tab .swiper-container{ height:100%;}
.index02tab .swiper-container .swiper-slide{ height:100% !important;}
.index02tab .swiper-container .swiper-slide a{ display:block; width:100%; height:100%;}
.index02tab .swiper-container .swiper-slide .icons{ padding-bottom:15px; color:#fff; position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.index02tab .swiper-container .swiper-slide .icons img{ margin:0 auto; display:block; max-width:50%;}
.index02tab .swiper-container .swiper-slide .icons b{ display:block; font-size:26px; font-weight:normal; line-height:1; margin-top:15px;}
.index02tab .swiper-container .swiper-slide .icons span{font-family: scnR; display:block; font-size:16px; text-transform:uppercase;}
.index02tab .swiper-container .swiper-slide .icons p{ font-size:24px; color:#fff; line-height:1;} 
.index02tab .swiper-container .swiper-slide .txt{ opacity:0; visibility:hidden; height:100%; position:absolute; left:0; top:0; width:100%; transition:all .4s;background-image:url(../images/indexbac_03.png); background-repeat:repeat-x; background-size:auto 100%;}
.index02tab .swiper-container .swiper-slide .txt .txtbox{ padding:20px; height:calc(100% - 240px); overflow:auto; text-align:center; color:#fff;}

.index02tab .swiper-container .swiper-slide .txt .txtbox p strong{ display:block; font-size:24px; font-weight:normal;}

.index02tab .swiper-container .swiper-slide .txt .txtbox p{ font-size:14px;font-family: scnR;}
.index02tab .swiper-container .swiper-slide.swiper-slide-active .txt{ opacity:1; visibility:visible;}
.index02tab .swiper-container .swiper-slide.swiper-slide-active .icons p{ opacity:0;}



.index02tab .swiper-container .swiper-slide .txt .txtbox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}

.index02tab .swiper-container .swiper-slide .txt .txtbox::-webkit-scrollbar
{
	width: 5px;
	background-color: #fff;
}

.index02tab .swiper-container .swiper-slide .txt .txtbox::-webkit-scrollbar-thumb
{
	border-radius:5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0037c8;
}


.slide04{ padding-top:45px;}
.slide04  .table{ position:absolute ; left:0; top:0;}
.slide04 .indextitle{ margin-bottom:40px;}
.slide4tab img{ max-width:100%;}
.slide4tab .img{ display:none;}
.slide4tab .w1200,.slide4tap .w1200{ max-width:1200px;}

.slide4tap{ position:absolute; width:100%; bottom:40px; left:0;}
.slide4tap li{ text-align:center;}


.slide4tap{ background:#e8e9f0;}
.slide4tap li b{ cursor:pointer; text-align:center; line-height:30px; font-size:22px; font-weight:normal; border-right:1px solid #333; color:#333; display:block;}
.slide4tap li{ padding:25px 0; position:relative; width:25%;}
.slide4tap li.on{ background:#0037c8; color:#fff;}
.slide4tap li.on b{ color:#fff;}
.slide4tap li:last-child b{ border:none;}


.newli{ width:48%; padding-top:50px;}
.newtitbox{ border-bottom:1px solid #fff; margin-bottom:35px;}
.newtitbox b{font-family: scnB; font-size:36px;color:#fff; display:block; font-weight:normal; padding-left:18px; line-height:50px; border-left:7px solid #fff;}
.newtitbox p{font-family: scnR; font-size:20px; color:#fff;padding-left:25px; }

.newli li{ background:#fff; margin-bottom:25px;}
.newli .imgs{ width:35%;}
.newli .txt{ width:65%; padding:20px;}
.newli .txt h2 a{ font-size:18px; color:#222;font-family: scnB;}
.newli .txt h2 a:hover,.newli .txt .go i:hover{ color:#0037c8}
.newli .txt p{ font-size:14px; color:#444;font-family: scnR;}
.newli .txt .line{ height:2px; background:#dcdcdc; width:100%; margin:20px auto;}
.newli .txt .date b{ display:block; font-size:30px; color:#666666;font-family: scnB; line-height:1;}
.newli .txt .date span{ display:block; font-size:16px; color:#999999; line-height:1;}
.newli .txt .go i{ font-size:30px; color:#bfbfbf;}

.slide06 { padding-top:100px; background-repeat:no-repeat; background-position:bottom left; background-size:100% auto; background-color:#efefef;}
.hezuokehu li{ background:#fff; margin-top:50px; height:95px; width:13%; position:relative;}
.hezuokehu li img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}

.slide07{ background:#2a2a2a;}
.mails{ background:#fff; border-radius:10px; padding:65px 15px;}
.foot2{ margin:70px auto;}
.fotle{ width:30%; padding-right:40px;}
.fotle img{ width:100%;}
.fotnav{ width:40%;  padding:45px 75px; position:relative;}
.fotnav:after{width:2px; height:100%; position:absolute; right:0; top:0; content:""; display:block; background-image:url(../images/lines.png); background-repeat:repeat-y; background-size:100% auto;}
.fotnav:before{ width:2px; height:100%; position:absolute; left:0; top:0; content:""; display:block;background-image:url(../images/lines.png); background-repeat:repeat-y; background-size:100% auto;}
.fotewm{ width:30%; padding-left:65px;}
.mails li{ width:18%; text-align:center;}
.mails li .img{ height:60px;}
.mails li .img img{ max-height:90%;}
.mails li .line{ width:40px; height:5px; background:#000000; margin:0 auto; margin-bottom:20px;}
.mails li span{font-family: scnR;font-size:16px; color:#666666; display:block;}
.mails li  b{font-family: scnB; font-size:22px; color:#222222; display:block; line-height:1.4;}

.fotnav ul{ margin-bottom:35px;}
.fotnav li{ width:23%; padding:20px 0;}
.fotnav li a{ color:#fff; font-size:18px; color:#fefefe;}
.fotnav p{font-family: scnR; font-size:18px; color:#fefefe; text-align:center;}
.fotnav p a{ color:#fefefe; display:inline-block;}
.fotewm img{ width:48%;}

.fotlink{ text-align:center;}
.fotlink a{font-family: scnR; display:inline-block; margin-bottom:10px; color:#8c8c8c; font-size:14px; padding:0 20px; border-right:1px solid #8c8c8c; line-height:1.3;}
.fotlink a:last-child{ border:none;}
.fotlink a:hover{ color:#fff;}

.tanchuvideo{ opacity:0; visibility:hidden; transition:all .3s; position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,.5); z-index:1000; height:100%;}
.tanchuvideo.open{ opacity:1; visibility:visible;}
.videobox{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); width:90%; max-width:1000px; background:#fff; padding:40px;}
.videobox span.closes{ position:absolute; cursor:pointer; right:0; top:0;}
.videobox span.closes i{ font-weight:normal; line-height:40px; width:40px; display:block; text-align:center;}
.videobox video{ width:100%;}

.about01{ position:relative; height:900px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.aboutban2 img{ width:100%; height:100%; object-fit:cover;}
.w1400{ max-width:1500px; margin:0 auto;}
.about02{ background-color:#f4f5f9;}
.about02 li{ width:25%; text-align:center; padding:80px 15px; border-right:2px solid #dcdcdc;}
.about02 li .num{    justify-content: center; margin-bottom:25px;}
.about02 li .num em{ line-height:1; margin-right:10px; font-size:72px; color:#063cc9; font-style:normal; font-family:Impact;}
.about02 li:last-child{ border:none;}
.about02 li span {font-family: scnR; line-height:1; text-align:left; font-size:24px; color:#333333;}
.about02 li span b{ display:block; font-size:60px; color:#063cc9; line-height:40px;}
.about02 li span b img{ display:block; margin-bottom:5px;}

.about02 li >b{ font-family: scnB;font-size:28px; color:#222222; line-height:1; display:block;}
.about01 .w1200{    position: relative;
    height: 100%;
    margin: 0 auto;}


.tuji02{justify-content: flex-start;}
.tuji02 li{width:23%; margin:1%; border:1px solid #eee;position:relative; height:2.6rem;}
.tuji02 li img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}







@media screen and (max-width:1440px){
	 
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .fotnav li a{ font-size:14px;}
	 .fotnav li{ padding:10px 0;}
	 .fotnav p{ font-size:14px;}
	 .mails li b{ font-size:18px;}
	 .fotnav{ padding:35px 30px;}
	 .slide4tap li b,.index01tab li b{ font-size:18px;}
	 
	 
	 .navul li{ margin-right:10px;}
	 .header .tel b{ font-size:20px;}
	 
	}

@media screen and (max-width:1280px){	
	.index01box >img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
	 .index01tab{ height:auto;}
	 .index01tab li b{ font-size:16px;}
	 .index01tab li{ width:25%;}
	 .index01tab ul{justify-content: flex-start;}
	 .index01tab li:nth-child(5) .tanchu{ right:auto; left:0}
	.index01tab li .tanchu{ width:100%;}

	.wrap-inner{display: none;}
}

@media screen and (max-width:1200px){
	.wap{ display:block;}
	 .pc{ display:none;}
	 .index01box{ padding:0 20px;}
	}
@media screen and (max-width:768px){
	 .w1200{ padding-left:20px; padding-right:20px;}
	 .index01tab li .tanchu{ display:none;}
	 .slide02,.slide03 .index02{ padding-top:90px;}
	 .indextitle .litit span{ padding:0 25px; font-size:14px;}
	 .index01search input{ font-size:14px;}
	 .indextitle b{ font-size:24px;}
	 .index01tab li:nth-child(4) b{ border:none;}
	 .index01tab li:last-child b{ border:none;}
	 .indextitle .litit span:before{ width:20px;}
	 .indextitle .litit span:after{ width:20px;}
	 .index02tab .swiper-container .swiper-slide .icons b{ font-size:18px;}
	 .index02tab .swiper-container .swiper-slide .icons span{ font-size:12px;}
	 .index02tab .swiper-container .swiper-slide .txt .txtbox p strong{ font-size:16px;}
	 .index02tab .swiper-container .swiper-slide .txt .txtbox p{ font-size:12px;}
	 .index02tab .swiper-container .swiper-slide .txt{ height:80%; top:auto; bottom:0;}
	 .slide4tap li b, .index01tab li b{ font-size:14px;line-height:15px;}
	 .slide04 .table{ top:0; position:absolute; left:0;}
	 .slide4tap li b{ line-height:15px;}
	 .newbox { padding-top:90px;}
	 .newli{ padding-top:0; width:100%;}
	 .newli{ margin-bottom:20px;}
	 .newtitbox b{ font-size:20px;}
	 .newtitbox p{ font-size:14px;}
	 .tim { display:none;}
	 .newli .txt .line{ display:none;}
	 .newli .txt{ padding:10px;}
	 .newtitbox{ margin-bottom:20px;}
	 .newli li{ margin-bottom:5px;}
	 .newli .txt h2 a{ font-size:14px;}
	 .newli .txt p{ font-size:12px;}
	 .newtitbox b{ line-height:35px;}
	 .slide05  .w1200{ height:100%;}
	 .hezuokehu li{ width:23%; margin:1%; height:80px;}
	 .hezuokehu{ margin-top:25px;}
	 .newtitbox p{ display:none;}
	 .fotnav ul{ display:none; }
	 .fotnav{ width:100%; padding:10px;}
	 .fotnav:before,.fotnav:after{ display:none;}
  .contact02 iframe{ height:300px !important}
	 .fotle{ display:none;}
	 .fotewm{ width:60%; margin:0 auto; padding:20px 0}
	 .foot2{ margin:30px auto;}
	 .mails{ padding:25px 15px;}
	 .mails li{ width:33%; margin-bottom:15px;}
	 .mails li b{ font-size:14px;}
	 .mails li span{ font-size:12px;}
	 .mails li .img{ height:40px;}
	 .mails li:last-child{ width:63%;}
	 .slide07{ padding-top:70px;}
	 .fotlink a{ padding:0 10px;}
	 .fotewm p{ font-size:14px !important;}
	}

.aboutbanner{ padding-top:190px; text-align:center; color:#fff;}
.aboutbanner img{ max-width:100%; display:block; margin:0 auto;}
.abouttxt{ padding:70px 0;}
.abouttxt b{ font-size:28px; display:block;}
.abouttxt p{ font-size:18px; max-width:1000px; margin:0 auto;}

.abouttit{font-family: scnB; padding:100px 0 90px; text-align:center; font-size:40px; color:#222222; line-height:1; }
.about3ul{ margin-bottom:65px;}
.about3ul li{ transition:all .3s; width:28%; border-bottom:3px solid #e5e5e5; padding-bottom:30px;}
.about3ul li b{font-family: scnB; font-size:24px; color:#333333; display:block; margin-bottom:30px; line-height:1.3;}
.about3ul li.on{ border-bottom:3px solid #063cc9}
.about3ul li.on b{ color:#063cc9}
.about3ul li p{ font-size:16px; color:#666666; line-height:2;}
.about03 img{ width:100%;}
.about04,.about05{ background-position:center center ; background-size:100% auto; background-repeat:no-repeat; background-color:#f7f7f5; padding-bottom:100px;}
.about04 li{ width:22%; margin-bottom:4%;}
.about04 li img{ max-width:100%;}
.about05 .w1200{ padding-bottom:150px;}
.about05{ background-size: cover;}
.about05 .abouttit{ color:#fff;}
.about05 .w1200{ position:relative;}
.about05 .line{ background:#fff; width:3px; position:absolute; left:50%; top:0; height:100%; margin-left:-1.5px;}
.about05 .linetop{ background:#fff; width:25px; height:25px; border-radius:100%; position:absolute; left:50%; top:0; margin-left:-12.5px;}

.about05 ul{ margin:0 auto; max-width:840px; padding-top:20px;}
.about05  li{ position:relative; padding:20px; padding-left:0;width:50%; border-bottom:1px solid #fff; margin-bottom:20px; }
.about05  li b{font-family: scnR; color:#fff; display:block; font-size:30px; font-weight:normal;}
.about05  li p{ color:#fff; font-size:16px; line-height:2;}

.about05  li:nth-child(2n){ padding-left:75px; transform:translateY(100px); -webkit-transform:translateY(100px);}


.about05  li:after{ position:absolute; content:""; display:block; width:15px; height:15px; border-radius:100%; background:#fff; right:-7.5px; bottom:0; margin-bottom:-7.5px;}
.about05  li:nth-child(2n):after{ right:auto; left:-7.5px;}


.about06{ background-color:#efefef; padding-top:80px;}

.foot { background:#2a2a2a; padding:35px 0;}
.foot .foot2{ margin:0;}
.foot .fotnav{ padding:20px 80px;}

.fotle b{ color:#fff;  font-size:24px; display:block; margin-top:70px;}
.fotewm{ text-align:center;}
.fotewm .flex{ margin-bottom:20px;}
.fotewm p{ color:#fff; font-size:16px;}

.foot .fotle{ padding-right:95px; text-align:center;}

.nybanner { height:500px; background-position:center; background-repeat:no-repeat; background-size:cover;}


.contact01box li{ width:18%; text-align:center;}
.contact01box li .img{ height:50px; width:100%; position:relative;}
.contact01box li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.contact01box li .line{ height:1px; background:#e5e5e5; width:90%; margin:10px auto; position:relative;}
.contact01box li .line .line2{ height:5px; background:#000000; width:40px; position:absolute; top:50%; margin-top:-2.5px; left:50%; margin-left:-20px;}
.contact01box li span{font-family: scnR; font-size:16px; color:#666666; display:block;}
.contact01box li b{font-family: scnB; font-size:22px; display:block;}

.contact01intro {  text-align:center; max-width:840px; margin:100px auto;}
.contact01intro p{font-family: scnR; font-size:14px; color:#222222; line-height:2;}

.contact02 img{ width:100%; height:100%; object-fit:cover;}

.contact03 ul{ padding:15px 0; margin-bottom:50px;}
.contact03 li{ width:50%; padding:35px 55px; border-bottom:1px dashed #3f3f3f;}
.contact03 li b{ font-family: scnB;display:block; padding-left:50px; background-image:url(../images/contact_45.jpg); background-position:left center; background-repeat:no-repeat; font-size:24px; color:#222222;}
.contact03 li p{font-family: scnR; padding-left:50px; font-size:14px; color:#222222; font-weight:bold;}

.messgae{ padding:100px 0;}
.messgae p{font-family: scnR; font-size:18px; color:#222222; text-align:center;}
.messgae  .forms{ margin-top:80px;}
.messgae  .forms .inputs{ width:48%; margin-bottom:10px;}
.messgae  .forms .inputs span{ font-family: scnR;font-size:20px; color:#222222; display:block; margin-bottom:5px;}
.messgae  .forms .inputs span em{ font-style:normal; color:#ff0101; margin-left:5px;}
.messgae  .forms .inputs input{ width:100%; border-radius:10px; background:#fcfdfe; padding:0 15px; border:1px solid #bfc0d6; height:60px; line-height:60px;}

.messgae  .forms .textarea span{font-size:20px; color:#222222; display:block; margin-bottom:5px;}

.messgae  .forms .textarea textarea{width:100%; border-radius:10px; background:#fcfdfe; padding:15px; border:1px solid #bfc0d6; height:160px; line-height:40px;}
.formbtn{ margin-top:30px;}
.formbtn button{ display:inline-block; padding:0 55px; line-height:60px; height:+60px; color:#fff; border-radius:10px; background:#2cd18d; font-size:20px; margin:0 15px; cursor:pointer;}
.formbtn{ text-align:center;}
.formbtn button.tj{ background:#0000ff;}

.listjoin { padding:25px; background:#f4f5f9; margin-bottom:40px;}
.jonle{ width:260px;}
.jonri{ width:calc(100% - 300px);}
.listjoin .jonle> b{ font-size:30px; color:#222; display:block; line-height:1.2; margin-bottom:20px; font-weight:normal;}
.listjoin .jonle li{font-family: scnR; margin-top:15px; width:49%; padding-left:35px; font-size:16px; background-repeat:no-repeat; background-position:left center;}
.listjoin .jonle li:first-child{ background-image:url(../images/contact_26.jpg);}
.listjoin .jonle li:nth-child(2){ background-image:url(../images/contact_28.jpg);}
.listjoin .jonle li:nth-child(3){ background-image:url(../images/contact_36.jpg);}
.listjoin .jonle li:nth-child(4){ background-image:url(../images/contact_38.jpg);}

.toudi{ margin-top:60px; display:none;}
.toudi span{ display:block; font-size:20px; color:#222222;}
.toudi b{ font-size:30px; color:#222222; font-weight:normal; display:block; line-height:1.2;}

.listjoin.open .toudi{ display:block;}
.jonri b{ font-weight:normal; color:#222222; font-size:20px;}
.jonri .txt{ background:#fff; padding:20px; margin-top:15px; height:110px; overflow:hidden;}
.jonri{ width:calc(100% - 355px);}
.btn{ width:45px; height:45px; margin-top:80px; cursor:pointer; text-align:center; line-height:45px; border-radius:100%; border:1px solid #313131 }
.btn i{ font-size:24px;}
.listjoin.open .jonri .txt{ height:auto;}

.join02 ul{justify-content: center;}
.join02 { padding-bottom:100px;}
.join02 ul li{ margin:0 40px;}


.nychan{ padding-top:65px;  text-align:center;}
.nychan b{font-family: scnB; display:block; margin-bottom:50px;font-size:40px; color:#222222; font-family:scnB}
.nychan ul{ margin-bottom:30px;    justify-content: center;}
.nychan ul li{ padding:0 20px; background:#f4f5f9; margin:0 8px; transition:all .3s;}
.nychan ul li a{ display:block;font-size:20px; color:#111111;line-height:45px; transition:all .3s;}
.nychan ul li.on,.nychan ul li:hover{ background:#0037c8; color:#fff;}
.nychan ul li.on a,.nychan ul li:hover a{ color:#fff;}


.newli_ny  li{ padding:20px 0;}
.newli_ny li .img{ width:25%;}
.newli_ny li .txt{ width:75%; padding-left:60px;}
.newli_ny li .txt h3 a{ font-size:18px; color:#222222; font-family:scnB;}
.newli_ny li .txt p{ font-size:14px; color:#444444; line-height:2; margin-top:15px; margin-bottom:55px; font-family:scnR}
.newli_ny li .time{ border-bottom:1px solid #bfbfbf; padding-bottom:20px;}
.newli_ny li .time span{ font-size:16px; color:#999999;font-family:scnB;}
.newli_ny li .time a{ font-size:16px; color:#222222;}
.newli_ny li .time a i{ font-size:20px; margin-left:10px;}

.newli_ny li .txt h3 a:hover,.newli_ny li .time a:hover{ color:#0037c8}



.page { padding:80px 0;}
.page ul{    justify-content: center;}
.page ul li a{ display:block; padding:0 10px; border:1px solid #bfbfbf; color:#000}
.page ul li.active a{ background:#0037c8; color:#fff; border:1px solid #0037c8;}

.newli_ny2{ padding-top:10px;}
.newli_ny2 li{ border-bottom:1px solid #bfbfbf; margin-top:30px; padding:10px 0;}
.newli_ny2 li b{ max-width:calc(100% - 380px);}
.newli_ny2 li b a{ color:#333333; font-size:18px; line-height:2; border-left:5px solid #bfbfbf; padding-left:20px;}

.newli_ny2 li .time span{ font-size:16px; color:#999999;font-family:scnB;}
.newli_ny2 li .time a{ font-size:16px; color:#222222; margin-left:100px;}
.newli_ny2 li .time a i{ font-size:20px; margin-left:10px;}

.newli_ny2 li:hover b a{ color:#0037c8}
.newli_ny2 li:hover .time a{color:#0037c8}

.caselistsny { padding-top:10px;}
.caselistsny li{ transition:all .3s; width:23%; margin:1%; margin-top:3%;background:#f4f5f9;}
.caselistsny li .img{ height:190px;}
.caselistsny li .txt{ padding:15px; }
.caselistsny li .txt h2{font-size:16px; color:#222222; border-bottom:1px solid #dcdcdc; display:block; padding-bottom:10px; margin-bottom:10px;}
.caselistsny li .txt p{ font-size:12px ; color:#666666;font-family:scnR;}
.caselistsny li:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px); box-shadow:0 0 10px rgba(0,0,0,.2)}


.article{ padding:65px 0;}
.article_tit h1{ margin-bottom:35px; font-family:scnB; color:#111111; font-size:28px; text-align:center; display:block;}
.article_tit .times{ border-bottom:1px solid #2a2a2a; padding:15px 0;}
.article_tit .times span{ color:#666666; font-family:scnR;}
.content { padding:40px 0;border-bottom:1px solid #2a2a2a;}
.content p{ font-size:18px; color:#111111;font-family:scnR}
.pre_next { padding:20px 0;}
.pre_next a{ max-width:48%; font-size:18px; color:#555555; font-family:scnR}
.pre_next a:hover{ color:#0037c8}

.proarticle01{ padding:60px 0; background:#f4f5f9;}
.pro_a_le { width:42%;}
.pro01ri{ width:55%;}

.pro_a_le .swiper-slide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}

.pro_a_le .gallery-top .swiper-slide{ border:1px solid #eeeeee; background:#fff; height:320px; position:relative;}
.pro_a_le .gallery-thumbs .swiper-slide{ border:1px solid #d2d2d2; background:#fff; height:65px; position:relative;}
.pro_a_le .gallery-thumbs{ margin-top:15px;}
.pro_a_le .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #0037c8}

.pro_a_le .swiper-button-next:after,.pro_a_le  .swiper-button-prev:after{ color:#333; font-size:30px;}


.pro01ri h1{ font-family:scnM; font-size:24px; color:#111111; padding:20px 0; border-bottom:1px solid #d2d2d2; font-family:scnB;}

.xinghao{ margin-top:30px; margin-bottom:90px;}
.xhtit{ font-size:24px; margin-bottom:10px;}
.xinghao p{ font-family:scnR; font-size:16px; color:#444444;}

.downinput{    justify-content: flex-start;}
.downinput input{ background:#fff; border:1px solid #eee; padding:0 20px; height:45px;font-size:18px; font-family:scnR;}
.downinput button{ cursor:pointer; margin-left:10px; height:45px; padding:0 15px; background:#0037c8; color:#fff; font-size:18px; font-family:scnR;}

.proarti02box{ margin-top:80px;}
.proarti02box .protit_xq{ padding-left:180px; background-image:url(../images/titibvac.png); background-position:left center; background-repeat:no-repeat;}
.proarti02box .protit_xq span{ font-size:30px; line-height:1;}
.proarti02box .content{ border:none;}

.proarti02box .shouhou{ padding-top:40px;}
.proarti02box .shouhou li{ width:23%; margin:1%; background:#f4f5f9; padding:70px 20px; text-align:center;}
.proarti02box .shouhou li .img img{ height:95px;}
.proarti02box .shouhou li  b{ display:block; line-height:1; margin:20px auto; font-family:scnB; font-size:24px; color:#111}
.proarti02box .shouhou li p{ font-size:18px; color:#555555; font-family:scnR;}

.proarticle02{ padding-bottom:50px;}

.flexstart{justify-content: flex-start;}
.proarti02box .proli{ margin-top:40px;}
.proli li{transition:all .3s; width:23%; margin:1%; padding:5px; background:#f4f5f9}
.proli li .imgs{ position:relative; height:160px; background:#fff; width:100%;}
.proli li .imgs img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.proli li  b{ font-size:18px; color:#111111; font-family:scnR; font-weight:normal; padding:8px;}
.proli li:hover b{ color:#0037c8}
.proli li:hover{  transform:translateY(-5px); -webkit-transform:translateY(-5px);}

.prolist{ padding-bottom:50px;}
.proli_le { width:240px;}
.proli_ri{ width:calc(100% - 260px);}
.prolile_ti{ border-left:10px solid #0037c8; padding-left:10px;}
.prolile_ti b{ font-weight:normal; font-family:scnB; font-size:22px;}
.prolile_ti em{ font-family:scnR; font-size:18px; color:#444444; font-style:normal;}
.le_ul li{ padding-left:20px; margin-top:20px;}
.le_ul li a{font-size:18px; color:#444444; font-family:scnR;}
.le_ul li.on a{ color:#0037c8}

.shaixuan{ background:#e8e9f0; padding:30px 0; margin-bottom:60px;}
.shaixuan .fenlei{ margin-bottom:20px;justify-content: flex-start;border-bottom: 0.01rem solid #cbcbcb;}
.shaixuan .fenlei span{ width:90px; color:#000; font-size:18px;line-height:38px;    display: inline-block;}
.shaixuan .fenlei .flm{ width:calc(100% - 90px);}
.shaixuan .fenlei .flm a{line-height:38px;    display: inline-block; margin-right:30px ; cursor:pointer; color:#333; font-size:18px;}
.shaixuan .fenlei .flm a b{ color:#fff; background:#0037c8; padding:0 10px; line-height:38px; font-weight:normal;}

@media screen and (max-width:1200px){
	.nybanner{ height:7.5rem}
	}
@media screen and (max-width:768px){
	.aboutban2{ height:12rem;}
	.about01{ height:25rem}
	.about01 .index02tab{ height:100%;}
	.index02tab .swiper-container .swiper-slide .txt{ height:100%; padding-top:40px;}
	.about02 li{ width:48%; padding:20px 10px;}
	.about02 li .num em{ font-size:34px;}
	.about02 li span b img{ width:10px;}
	.about02 li span{ font-size:14px;}
	.about02 li >b{ font-size:18px;}
	.about02 li .num{ margin-bottom:15px;}
	.about02{ padding:20px 0;}
	.about3ul li{ width:100%; margin-bottom:20px; padding-bottom:20px;}
	.about3ul li b{ font-size:18px; margin-bottom:10px;}
	.about3ul{ margin-bottom:20px;}
	.about3ul li p{ font-size:14px;}
	.abouttit{ font-size:24px; padding:40px 0 30px;}
	.about04 li{ width:47%;}
	.about04, .about05{ padding-bottom:40px;}
	.about05 li p{ font-size:12px;}
	.about05 li:nth-child(2n){ padding-left:20px;}
	.about05 li b{ font-size:20px;}
	.about06{ padding-top:40px;}
	.fotnav ul{ display:none;}
	.foot .fotnav{ display:block;}
	
	 .foot .fotnav{ padding:20px 0;}
	 
	 .contact01box li{ width:48%; margin-bottom:20px;}
	 .contact01intro{ margin:30px 0;}
	 .contact01box li .img{ height:35px;}
	 .contact01box li span{ font-size:14px;}
	 .contact01box li b{ font-size:16px;}
	 .contact01box li .line .line2{ height:3px; margin-top:-1px;}
	 .contact02{ height:15rem;}
	 .contact03 li{ width:100%; padding:20px 10px;}
	 .contact03 li b{ font-size:16px;}
	 .contact03 li p{ font-weight:normal;}
	 .jonle{ width:100%;}
	 .listjoin .jonle> b{ font-size:18px;}
	 .listjoin .jonle li{ margin:0}
	 .jonri{ width:calc(100% - 50px); margin-top:15px;}
	 .jonri .txt p{ font-size:12px;    line-height: 1.9;}
	 .jonri b{ font-size:16px;}
	 .listjoin .jonle li{ font-size:12px; padding:5px 0 10px; padding-left:30px; background-size:20px auto;}
	 .jonri .txt{ padding:15px; margin-top:5px;}
	 .toudi{ margin-top:15px;}
	 .toudi span{ font-size:14px;}
	 .toudi span b{ font-size:16px;}
	 .btn{ width:25px; height:25px ; line-height:25px;}
	 .listjoin.open .btn{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	 .join02 ul li{ width:45%; margin:0 auto; margin-bottom:10px;}
	 .join02{ padding-bottom:40px;}
	 .listjoin{ margin-bottom:20px;}
	 .join02 ul li img{ max-width:90%; display:block; margin:0 auto;}
	 .messgae{ padding:40px 0;}
	 .messgae p{ font-size:14px;}
	 .messgae .forms{ margin-top:30px;}
	 .messgae .forms .inputs{ width:100%;}
	 .formbtn button{ height:40px; line-height:40px; width:40%; padding:0; font-size:14px;}
	 .messgae .forms .inputs span,.messgae .forms .textarea span{ font-size:14px;}
	 .messgae .forms .inputs input{ height:35px; line-height:35px;}
	 
	 .nychan{ padding-top:30px;}
	 .nychan b{ font-size:20px; margin-bottom:20px;}
	  .nychan ul li{ margin:0 5px; margin-bottom:5px;}
	 .nychan ul li a{ line-height:35px; font-size:14px; }
	 .newli_ny li .img{ width:100%; margin-bottom:10px;}
	 .newli_ny li .txt{ width:100%; padding:0}
	 .newli_ny li .txt p{ margin:5px 0;}
	 .newli_ny li .time{ padding-bottom:10px;}
	 .newli_ny li .txt h3 a{ font-size:14px;}
	 .newli_ny li .txt p{ font-size:12px;}
	 .newli_ny li .time span{ font-size:12px;}
	 .newli_ny li .time a{ font-size:12px;}
	 .newli_ny li .time a i{ font-size:14px;}
	 .newli_ny li{ padding:10px 0;}
	 .page{ padding:40px 0;}
	 .page li a{ font-size:14px;}
	 .newli_ny2 li b{ max-width:100%; margin-bottom:10px;}
	 .nychan ul{ margin-bottom:15px;}
	 .newli_ny2 li b a{ font-size:14px;}
	 .newli_ny2 li .time span{ font-size:12px;}
	 .newli_ny2 li{ margin-top:10px;}
	 .newli_ny2 li .time { width:100%;}
	 .newli_ny2 li .time a{ font-size:14px;}

		.caselistsny li{ width:100%;}
		.caselistsny li .img{ height:9rem;}
		.caselistsny li .txt h2{ padding-bottom:5px ; margin-bottom:5px;}
		.article{ padding:40px 0;}
		.content{ padding:25px 0;}
		.content p{ font-size:14px;}
		.pre_next a{ max-width:none; width:100%; font-size:14px;}
		.article_tit h1{ font-size:16px; margin-bottom:5px;}
		.article_tit .times span{ font-size:12px; width:100%;}
		.article_tit .times{ text-align:center;}
		.proli_le{ display:none;}
		.proli_ri{ width:100%;}
		.proli li b{ font-size:14px;}
		.proli li{ width:48%; margin:1%;}
		.pro_a_le{ width:100%;}
		.pro01ri{ width:100%;}
		.pro01ri h1{ font-size:18px;}
		.xinghao{ margin-top:15px ; margin-bottom:25px;}
		.xhtit{ font-size:18px;}
		.xinghaocontent p{ font-size:14px;}
		.pro01ri h1{ padding-bottom:10px;}
		.downinput input{ font-size:14px;}
		.downinput button{ font-size:14px;}
		.proarti02box{ margin-top:40px;}
		.proarti02box .shouhou{ padding-top:30px;}
		.proarti02box .shouhou li{ width:48%; padding:20px 15px;}
		.proarti02box .shouhou li b{ font-size:14px; margin-bottom:10px;}
		.proarti02box .shouhou li span{ font-size:12px; display:block; line-height:1.7;}
		.proarti02box .proli{ margin-top:30px;}
		.proarti02box .shouhou li .img img{ height:40px;}
		.proarti02box .protit_xq{ padding-left:90px;  background-size:auto 10px;}
		.proarti02box .protit_xq span{ font-size:18px;}

		.index01tab li{ width: 31%; padding: 10px 0;}
		.index01tab li:nth-child(4) b{ border-right: 1px solid #333;}
		.slide4tap li{ width: 50%;}
		.slide4tap li{ padding: 15px 0;}
		.slide4tap li:nth-child(2) b{ border: none;}
		.newbox{ padding-top: 70px;}
		.newli{  margin-bottom: 10px;}
		.hezuokehu li:last-child{ display: none;}
		.mails li .img{ height: 25px ;margin-bottom: 5px;}
	}

	.index01box{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;background-color: #fff;}
	.wrap-inner{width:100%;max-width: 1920px;height: 782px;position: relative;margin: 50px auto;}
	.ys_ico1{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
	.container{width:1500px;position:absolute;left:50%;top:118px;margin-left:-750px;z-index:10;}
	.path-slider{position: absolute;top:22px;left:-80px;}
	.gx-show{width:555px;height:368px;background: url(../images/gx.png) no-repeat;position: absolute;left:550px;top:74px;z-index:5;}
	path{stroke-width:1px;stroke:none;fill:none}
	/*.icon__path{fill:#000000;}
	.path-slider__path-drawn{stroke:rgba(0,0,0,.5)}*/
	.item__icon{width:45px;height:45px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
	/*.slider-item{position:absolute;left:-37px;top:-37px;cursor:pointer;text-decoration:none;outline:none}*/
	.slider-item{position:absolute;left:-37px;top:-37px;color:#fff;cursor:pointer;text-decoration:none;outline:none;width:190px;}
	/*.slider-item:hover .item__circle,.path-slider__item:focus .item__circle{background-color:#19667c}*/
	/*.item__circle{display:inline-block;width:74px;height:74px;box-shadow:0 0 0 1px rgba(255,255,255,.5);border-radius:100%;transition:1s background}*/
	/*小图*/
	.slider-icon{opacity:1;width:186px;height:151px;position: absolute;left:0;top:-120px;}
	.slider-icon1{background: url(../images/ms-icon1.png) no-repeat;}
	.slider-icon2{background: url(../images/ms-icon2.png) no-repeat;}
	.slider-icon3{background: url(../images/ms-icon3.png) no-repeat;}
	/*大图*/
	.big-icon{opacity:0;display: none;position: absolute;top:-550px;left:-114px;width:279px;height:218px;}
	.big-icon1{background: url(../images/icon1.png) no-repeat;animation: heart 1s ease-in-out  infinite alternate;}
	.big-icon2{background: url(../images/icon2.png) no-repeat;}
	.big-icon3{background: url(../images/icon3.png) no-repeat;}
	@keyframes heart{
	from{transform:translate(0,0)}
	to{transform:translate(0,10px)}
	}
	.heart{
	animation: heart 1s ease-in-out infinite alternate;
	}
	/*默认文字*/
	.item-title{position:absolute;font-size:18px;color:#333333;top:-220px;left:50px;opacity:1;font-family:'Microsoft Yahei';line-height:25px;}
	.item-title h2{font-weight: normal;font-size:18px;padding-top:28px;background: url(../images/ys_ico2.png) no-repeat left top}
	.item-title span{font-family:'semi';}
	
	/*当前显示文字*/
	.item-sug{font-size:28px;color:#333333;position: absolute;top:-100px;left:-12px;opacity:0;font-family:'wrjz','Microsoft Yahei';}
	.item-info{height:50px;padding: 0 10px 0 20px;background: url(../images/info.png) no-repeat center/100% 100%;font-size:24px;color:#333333;text-align: center;line-height:42px;position:absolute;top:-355px;left:-193px;}
	.item-dg{left:-263px;}
	.item-zn{}
	
	.sug-top{width:237px;position:absolute;top:-354px;left:221px;z-index:3;}
	.sug-top1{left:250px;}
	.add-icon{width:36px;height:36px;background:url(../images/add-icon.png) no-repeat;position: absolute;top:-40px;left:0;}
	.sug-top strong{display: block;font-size:32px;color:#333333;text-align: justify;line-height:38px;font-family:'wrjz','Microsoft Yahei';font-weight: normal;}
	.sug-top strong i{font-family:'semi';}
	.sug-top .sug-t{font-size:14px;color:#8c8f94;text-align: justify;line-height:22px;margin-top:10px;}
	/*.sug-bottom{width:250px;font-size:18px;color:#333333;text-align: center;line-height:26px;position: absolute;left:50%;margin-left:-125px;top:180px;}*/
	.sug-txt{position: absolute;left:50%;margin-left:-125px;top:700px;}
	.sug-txt p{width:250px;font-size:18px;color:#333333;text-align: center;line-height:45px;}
	
	.db-show{width:100%;height:782px;background: url(../images/db.gif) no-repeat center;position: absolute;left:0;top:0;}
	
	/*点击弹出文字*/
	.sug-text{background: #fff;box-shadow: 0 0 20px 20px rgba(0, 0, 0,0.1);border-radius: 3px;position: absolute;left:66px;top:-70px;width: 343px;font-family:'wrjz','Microsoft Yahei';z-index: 9;display: none;border:1px solid #eeeeee;}
	.sug-text h3{background: #444b54;height: 84px;line-height: 84px;text-align: center;color: #fff;font-size: 28px;position: relative;text-align: center;}
	.sug-text h3 img{vertical-align: middle;margin-right:3px;}
	.sug-text h3:before{content: "";position: absolute;width:0;height:0;left:-14px;top: 27px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:14px solid #444b54;}
	.sug-tc{padding:16px 20px 40px 28px;font-size: 16px;}
	.sug-tc .sug-tc1{border-bottom: 1px solid #cbd1d6;margin-bottom: 8px;}
	.sug-tc .sug-tc1:last-child{border:0;}
	.sug-tc .sug-tc1 h4{font-size: 18px;font-weight: normal;}
	.sug-tc .sug-tc1 li{clear: both;height: 85px;color: #767b83;}
	.sug-tc .sug-tc2 li{margin-top:20px;}
	.sug-tc .sug-tc2 li:hover{color: #3c434e;}
	.sug-tc .sug-tc1 li:last-child{height: 42px;}
	.sug-tc .sug-tc1 li em{display:block;overflow: hidden;margin:19px 0 0 0;font-size:18px;color: #444b54;}
	.sug-tc .sug-tc1 li em img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;vertical-align: middle;margin-right:7px;}
	/*.sug-tc .sug-tc1 li:hover em img{margin-left: -36px;}*/
	.sug-tc .sug-tc1 li span{display: block;font-size:15px;color: #444b54;line-height: 24px;margin-top:5px;}
	.sug-tc .sug-tc1 .sug-tclc li{height: 85px;z-index: 1;position: relative;border-bottom:1px solid #cfd4d9;padding-left:12px;}
	.sug-tc .sug-tc1 .sug-tclc li:last-child{border:0;}
	/*.sug-tc .sug-tc1 .sug-tclc li:hover::before{content: "";position: absolute;width:110%;height: 40px;border: solid 2px #c1c8d1;z-index: -1;left: -20px;top:0;border-radius: 22px;}*/
	.path-slider__current-item{z-index: 999;}
	

	@media screen and (min-width: 1280px) and (max-width:1400px){
		.index01search {display: none;}
		.wrap-inner{margin: 0 auto;}
		}

.w1600{width:13rem; margin:0 auto;}
	.slide4tab .img ul{justify-content: flex-start;}
	.slide4tab .img li{ width:1.15rem; margin-right:.8rem; margin-top:.7rem;}
	.slide4tab .img li .im{ width:.8rem; height:.8rem; margin:0 auto;position:relative;}
	.slide4tab .img li span{ margin-top:.17rem; text-align:center; display:block; font-size:.14rem; line-height:.4rem; color:#333; background:#f4f5f9;}
	.slide4tab .img li .im:after{ content:""; position:absolute; display:block; width:.6rem; right:-.85rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  height:.17rem; background-image:url(../images/liucheng_19.jpg); background-size:100% 100%;}
	.slide4tab .img li .im img{ width:100%;}
	.slide4tab .img li:nth-child(7n){ margin-right:0;}
	
	.slide4tab .img li:nth-child(7) .im:after{ width:.17rem; height:.5rem;background-image:url(../images/liucheng_46.jpg); right: 38%; top:auto;
    bottom: -1.2rem;transform:translateX(-50%); -webkit-transform:translateX(-50%);}
	.slide4tab .img li:nth-child(8) .im:after{ width:.17rem; height:.5rem;background-image:url(../images/liucheng_46.jpg);    right: 38%; top:auto;
    bottom: -1.2rem;transform:translateX(-50%); -webkit-transform:translateX(-50%);}
	
	.slide4tab .img li:nth-child(9) .im:after,.slide4tab .img li:nth-child(10) .im:after,.slide4tab .img li:nth-child(11) .im:after,.slide4tab .img li:nth-child(12) .im:after,.slide4tab .img li:nth-child(13) .im:after,.slide4tab .img li:nth-child(14) .im:after{ right:auto; left:-.85rem; background-image:url(../images/liucheng_159.jpg);}
	



.slide4tab .img li:last-child .im:after{display:none;}
	
@font-face
	{
	font-family: scnB;
	src: url('../fonts/SourceHanSansCN-Bold.ttf')
	}
	@font-face
	{
	font-family: scnR;
	src: url('../fonts/SourceHanSansCN-Regular.ttf')
	}
	@font-face
	{
	font-family: scnM;
	src: url('../fonts/SourceHanSansCN-Medium.ttf')
	}

.nav  li div.zmenu {
    list-style: none;
    float: left;
    position: absolute;
    top: 48px;
    left: 0;
    width: 135px;
    z-index: 11;
    visibility: hidden;
    margin: 0 5px;
    background-color: rgba(1,117,204,0.8);
}
.nav  ul ul li {
    width: 100%;
}

.nav  ul ul li {
    z-index: 9;
    padding: 0;
}
.nav  ul ul a {
    height: auto;
    float: none;
    display: block;
    z-index: -1;
    text-align: center;
    font-size: 16px;
}

.nav  ul ul a:hover, .nav  ul ul a.hover {
    background-image: none;
    color: #fff;
    background-color: rgba(140,206,255,0.8);
}
.nav  li div.zmenu {
    list-style: none;
    float: left;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
	_height:auto !important;
    z-index: 11;
    visibility: hidden;
    margin: 0 0px;
    background-color: rgba(1,117,204,0.8);
	background: #ffffff; opacity:0; transition:all .3s;
}
.nav  li:hover .zmenu{ opacity:1; visibility:visible; opacity:1; top:100%;}
/*.nav  li div.zmenu {
    width: 930px;
    left: -340px;
    padding: 15px 0;
}*/
.nav  li div.zmenu span {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}

.nav  li div.zmenu span h1 {
	width: 240px;
    text-align: right;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 16px;
    padding: 0 30px 0 0;
    float: left;
    margin: 0;
}
.nav  li div.zmenu span h1 a {
    height: 30px;
    line-height: 30px;
    color: #333333;
    font-size: 14px;
    text-align: right;
}
.nav  li div.zmenu span h1 a:hover {
    color: #ffffff;background: #0175cc;
}
.nav  li div.zmenu ul.cp_nav {
	width: calc(100% - 240px); padding-left:20px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: left;
}
.nav  ul ul {
    z-index: 12;
    padding: 0;
}
.nav  .zmenu dl {
	width: 1200px;
    margin: 0 auto;
	padding: 30px 0;
    overflow: hidden;
}
.nav  .zmenu dl a {
    width:auto;
	text-align:left;
}
.nav  .zmenu dl dd {
	float:left;
}
.nav  .zmenu dl dd.zmenu-l {
	width:30%;
}
.nav  .zmenu dl dd.zmenu-r {
	width:70%;
}
.nav  li div.zmenu ul.cp_nav li {
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 12px;
    padding-right: 10px;
    color: #8dcbf7;
    float: left; display:inline-block; margin-right:0;
}
.nav  li div.zmenu ul.cp_nav li a {
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #333333;
    position: inherit;
    font-size: 14px;
    display: block;
    text-align: left;
}

.nav  li div.zmenu2 {
}
.nav  li div.zmenu2 span {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}
.nav  li div.zmenu2 span h1 {
    width: 135px;
	width: 200px;
    text-align: right;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 16px;
    padding: 0 30px 0 0;
    float: left;
    margin: 0;
}
.nav  li div.zmenu2 span h1 a {
    height: 30px;
    line-height: 30px;
    color: #333333;
    font-size: 16px;
    text-align: right;
}
.nav  li div.zmenu2 span h1 a:hover {
    color: #ffffff; 
}
.nav  li div.zmenu2 ul.cp_nav {
    width: 670px;
	width: 600px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: left;
}
.nav  .zmenu2 dl {
	width: 1200px;
    margin: 0 auto;
	padding: 30px 0;
    overflow: hidden;
}
.nav  .zmenu2 dl a {
    width:auto;
	text-align:left;
}
.nav  .zmenu2 dl dd {
	float:left;
}
.nav  .zmenu2 dl dd.zmenu-l {
	width:30%;
}
.nav  .zmenu2 dl dd.zmenu-r {
	width:70%;
}
.nav  li div.zmenu2 ul.cp_nav li {
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 12px;
    padding-right: 10px;
    color: #8dcbf7;
    float: left;
}
.nav  li div.zmenu2 ul.cp_nav li a {
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #333333;
    position: inherit;
    font-size: 14px;
    display: block;
    text-align: left;
}