@font-face{
	font-family:"allfont";
	src:url("../font/SourceHanSansCN-Regular.otf") format("opentype");     
}
@font-face{
	font-family:"numfont";
	src: /* url("../font/BIKO.woff") format("woff"),
       url("../font/BIKO.ttf") format("truetype"),
       url("../font/BIKO.eot") format("embedded-opentype"),
	   url('../font/BIKO.svg') format('svg'), */
	   url("../font/AVENIRLTSTD-HEAVY.OTF") format("opentype");
}

body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family:'allfont'; line-height:1;font-weight: normal;letter-spacing: 0.3px;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none; font-size: 16px;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}
.banner007{display: none;}
/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/	

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}


/* i-cont */
.i-cont{width: 1400px;}
.f-cont{width: 1200px;}
/* h-topwrap */
.div2{box-shadow: 0px 0px 5px rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
.h-topwrap{width: 100%;position: relative;box-sizing: border-box;background-color: #fcfcfc;box-sizing: border-box;box-shadow: 0px -5px 5px rgba(196,196,196,0.2) inset;}
.h-top{margin: auto;padding: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;height:46px;transition: all .3s;}
.h-top a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 16px;color: #015196;transition: all .3s;}
.h-top a img{display: block;width: auto;height: auto;margin-right: 15px; height: 24px;}
/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;padding: 0;background-color: #FFFFFF;transition: all .3s;}
.header{margin: auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;height: 140px;}
/* h-l */
.h-l{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.h-l .logo{display: block;width: auto;}
.h-l .logo img{display: block;    width: 300px;height: 80px;transition: all .3s;}
/* nav */
.nav{margin-left: 50px;}
.nav .n-top{display: flex;display: -webkit-flex;margin-bottom: 20px;}
.nav .n-top a{display: block;font-size: 20px;color: #2d373c;margin-right: 50px;font-weight: bold; line-height: 30px;}
.nav .n-top a:last-child{margin-right: 0;}
.nav .n-bot{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 26px;color: #2d373c;font-weight: bold;}
.nav .n-bot i{font-size: 16px;color: #666666;margin-left: 10px;}
/* h-r */
.h-rform{width: 340px;height: 36px;border: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.h-rform input{display: block;width: calc(100% - 36px);box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #666666;border: none;outline: none;height: 36px;background-color: transparent;}
.h-rform button{display: block;width: 36px;height: 36px;text-align: center;line-height: 36px;box-sizing: border-box;border: none;border-left: 1px solid #DDDDDD;font-size: 16px;color: #666666;outline: none;background-color: transparent;}
.h-rform button i{font-size: 16px;color: #666666;}
.h-r p{font-size: 22px;color: #18b1a4;text-align: right;margin-top: 15px;}

/* div2_1 */
.div2_1 .headerwrap{padding: 0;}
.div2_1 .h-l .logo img{height: 80px;}
.div2_1 .h-top{height: 0;opacity: 0;}
.div2_1 .h-top a{opacity: 0;}

/* banner */
.bannerwrap{width: 100%;margin-top: 186px;height: calc(100% - 186px);position: relative;overflow: hidden;}
.bannerwrap:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.4);z-index: 1;}
.bannerwrap video{display: block;width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 0;}
.bannerwrap .sjbanner{display: none;width: 100%;}
.b-text{width: 100%;position: absolute;left: 0;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;z-index: 2;}
.b-text p{font-size: 20px;color: #04bbad;font-weight: bold;text-transform: uppercase;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;white-space: nowrap;-webkit-justify-content: center;justify-content: center;}
.b-text p:before,.b-text p:after{content: '';display: block;width: 100px;height: 1px;background-color: #04bbad;}
.b-text p:before{margin-right: 20px;}
.b-text p:after{margin-left: 20px;}
.b-text h3{font-size: 56px;color: #FFFFFF;margin: 30px auto 30px;font-weight: bold;letter-spacing: 8px;}
.b-text h4{font-size: 34px;color: #FFFFFF;letter-spacing: 6px;}
.b-text a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 22px;color: #04bbad;margin-top: 60px; }
.b-text a i{font-size: 34px;color: #04bbad;margin-right: 20px;}

.innerbanner .fxd{top: 140px !important;height: auto;z-index:9;bottom: auto;}


 
.page-solutionslisttop{display: block;overflow: hidden;margin: 100px auto;}
.page-solutionslisttop a{ display: block; overflow: hidden;}
.page-solutionslisttop a p{display: block; overflow: hidden;}
.page-solutionslisttop a p img{display: block; width: 100%;transition: all .3s;}
.page-solutionslisttop a .txt{}
.page-solutionslisttop a .txt h3{ position: relative;display: block;overflow: hidden;margin: 20px 0;}
.page-solutionslisttop a .txt h3 span{ float: left;display: block;text-align: left;color:#18b1a4;font-weight: bold;font-size: 36px;}
.page-solutionslisttop a .txt h3 font{float: left;display: block;width: 100%;height: 1px;background: #ddd;margin: 20px 0 0 0;}
.page-solutionslisttop a .txt h3 .more{float: right;}
.page-solutionslisttop a .txt h3:before{ content: "";position: absolute;width: 80px;height: 6px;background: #18b1a4;bottom: 0;left: 0;}
.page-solutionslisttop a .txt h4{ display: block;color: #666;font-size: 16px;line-height: 26px;}
.page-solutionslisttop a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }


.page-solutionstxt{ margin-top: 186px;display: block;overflow: hidden; background: url(/style/img/ny_hylb_bj.jpg);background-size: cover;padding: 100px 0;}
.page-solutionstxt .pagesoultionsbannertxt{box-shadow: 0 0 0px 0 rgba(0,0,0,.4);top: auto; background: none; padding: 0;}
.page-solutionstxt .pagesoultionsbannertxt h3 span{color: #19b1a4;}

.page-solutionslistbottom{ display: block;overflow: hidden;padding: 0;}
.page-solutionslistbottom dd{ padding: 80px 0; display: block;overflow: hidden;background: #f5f5f5;}
.page-solutionslistbottom dd:nth-child(2n){background: #fff;}
.page-solutionslistbottom dd a{margin: 0 auto;display: block;position: relative;overflow: hidden;}
.page-solutionslistbottom dd a p{display: block;width: 50%;margin: 0 0 0 50%;overflow: hidden;}
.page-solutionslistbottom dd a .txt{ position: absolute;top: 50%;left: 0;width: 45%;transform: translate(0%, -50%);}
.page-solutionslistbottom dd a .txt h3 span{ color:#333;}
.page-solutionslistbottom dd a .txt .more{ margin: 40px 0 0 0;}
.page-solutionslistbottom dd:nth-child(2n) p{    margin: 0;}
.page-solutionslistbottom dd:nth-child(2n) .txt{left: 55%;}
.page-solutionslistbottom dd a:hover .txt h3 span{color:#19b1a4;}

  




 

.nav .n-bot{ display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 26px;color: #2d373c;font-weight: bold;width: auto;position: relative; display: inline-block;}
.nav .n-bot h3{}
.nav .n-bot h3 a{ font-size: 26px;line-height: 30px;color: #2d373c;font-weight: bold; display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.nav .n-bot:hover h3 a,.nav .n-bot:hover h3 a .fa{color: #19b1a4;}
.nav .n-bot dl{ transition: all .05s;position: fixed;width: 100%;height: auto;top: 156px;left: 0;padding:0;opacity: 0;visibility: hidden;} 
.nav .n-bot:hover dl{ opacity: 1; visibility: visible;}
.nav .n-bot dl:before{content: "";box-shadow: 0px 19px 30px 0 rgba(0,0,0,.3);border-top: 4px solid #19b1a4;background: #fff;position: absolute;width: 100%;height: calc(100% - 30px);top: 30px;}
.div2_1 .nav .n-bot dl{ top:110px; padding: 0;}
.nav .n-bot dl .inpro{ display: block; margin: 0 auto;position: relative; padding: 90px 0 50px; overflow: hidden;}
.nav .n-bot dl .inpro .inproa{display: block;float: left;width:12%;margin: 0 3% 0 0;  } 
.nav .n-bot dl .inpro .inproa a{cursor: pointer;display: block;background:url(/style/img/tdh_cpbj.jpg);background-size: cover;padding: 10px;overflow: hidden;margin: 0 0 10px 0;border-radius: 4px;}
.nav .n-bot dl .inpro .inproa a span{ display: block;text-align: center;color: #fff;font-size:18px;padding: 18px 0;    font-weight: bold;}
.nav .n-bot dl .inpro .inproa .active span,.nav .n-bot dl .inpro .inproa a:hover span{background: #19b1a4;border-radius: 4px;}
.nav .n-bot dl .inpro .inproa a:last-child{ margin: 0 0 0 0; }
.nav .n-bot dl .inpro .inproalist{ display: block;overflow: hidden;float: right;width: 85%;}
.nav .n-bot dl .inpro .inproalist .bla{ display: none; overflow: hidden; }
.nav .n-bot dl .inpro .inproalist .bla a{display: block;border: 1px solid #ddd;overflow: hidden;margin: 0 1% 0 0;width: calc(15.83% - 2px);float: left;}
.nav .n-bot dl .inpro .inproalist .bla a:nth-child(6n){margin-right:0;}
.nav .n-bot dl .inpro .inproalist .bla a .imgbox{ position: relative;display: block;overflow: hidden; padding: 30px 0 10px;  }
.nav .n-bot dl .inpro .inproalist .bla a .imgbox img{ transition: all .3s; display: block; width: 100%;}
.nav .n-bot dl .inpro .inproalist .bla a .imgbox .sy_logo{position: absolute;width: auto;height: 20px;top: 10px;left: 10px;}
.nav .n-bot dl .inpro .inproalist .bla a:hover .imgbox img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.nav .n-bot dl .inpro .inproalist .bla a:hover .imgbox .sy_logo{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }
.nav .n-bot dl .inpro .inproalist .bla a .text{ background: #eef0f7;padding: 30px 20px;display: block;overflow: hidden;}
.nav .n-bot dl .inpro .inproalist .bla a .text h3{display: block;font-size:16px;color: #18b1a4;margin: 0 0 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.nav .n-bot dl .inpro .inproalist .bla a .text h4{font-size: 14px;}

.nav .n-bot dl .inpro .inproalist .now{ display: block; overflow: hidden; }

.nav .n-bot:after{opacity: 0; transition: all .2s; content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #19b1a4;position: absolute; bottom: -30px;left: 50%;margin-left: -10px;}
.nav .n-bot:hover:after{opacity: 1;}

.nav .n-top .pcnavto{ position: relative;margin-right: 50px;}
.nav .n-top .pcnavto:last-child{ margin-right:0;}
.nav .n-top .pcnavto h3{}
.nav .n-top .pcnavto h3 a{}
.nav .n-top .pcnavto:hover h3 a{ color: #19b1a4; }
.nav .n-top .pcnavto .ccnav{ transition: all .05s;position: fixed;width: 100%;height: auto;top: 106px;left: 0;padding: 0;opacity: 0;visibility: hidden;z-index: 3;}
.nav .n-top .pcnavto .ccnav:before{content: "";box-shadow: 0px 19px 30px 0 rgba(0,0,0,.3);border-top: 4px solid #19b1a4;background: #fff;position: absolute;width: 100%;height: calc(100% - 20px);top: 20px;}
.nav .n-top .pcnavto:after{opacity: 0; transition: all .2s; content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #19b1a4;position: absolute; bottom: -20px;left: 50%;margin-left: -10px;}
.nav .n-top .pcnavto:first-of-type:after{display: none;}
.nav .n-top .pcnavto:hover:after{opacity: 1;}
.nav .n-top .pcnavto .ccnav dl{display: block; margin: 0 auto;overflow: hidden;}
.nav .n-top .pcnavto:hover .ccnav{ opacity: 1; visibility: visible; }
.div2_1 .nav .n-top .pcnavto .ccnav{top: 60px;}

.nav .n-top .pcnavto .ccnav .dlnavsolutons{margin-top: 20px;position: relative;z-index: 2; padding: 50px 0;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons h3{ display: block;color: #19b1a4;font-size: 20px;margin: 0 0 20px 0;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd{display: block; margin: 0 auto 30px;overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd h3{}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p{ border-radius: 4px;display: block;float: left; width:19.2%; margin: 0 1% 0 0;overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p:last-child{margin-right:0;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a{ display: block;overflow: hidden;position: relative;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a img{transition: all .3s;display: block;width: 100%;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span{ z-index: 3; position: absolute;transform: translate(0%, -50%);top: 50%;color: #fff;text-align: center;left: 0;width: 100%;font-size: 18px;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a:after{ content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: #19b0a3;opacity: 0; }
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a:hover:after{opacity: 0.9; }

.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist{ float: right;display: block;width: calc(100% - 20.2%);overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist a{display: block;float: left;width: 32.66%;margin-right: 1%;border-bottom: 1px solid #ddd;margin-bottom: 6px;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist a:nth-child(3n){margin-right:0;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist a span{display: block;float: left;font-size: 14px;font-weight: normal;color: #666;width: calc(100% - 50px); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist a .fa{ display: block;float: left;font-size: 14px;font-weight: normal;color: #666;width: 50px;text-align: right;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist a:hover span,.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist a:hover .fa{ color: #19b1a4; }
 
.nav .n-top .pcnavto .ccnav .dlnavabout{margin-top: 20px;position: relative;z-index: 2; padding: 50px 0;}
.nav .n-top .pcnavto .ccnav .dlnavabout .left{display: block;overflow: hidden;float: left;width: 25%;}
.nav .n-top .pcnavto .ccnav .dlnavabout .left h3{display: block;color: #19b0a3;font-size: 26px;border-bottom: 1px solid #19b0a3;padding-bottom: 10px;margin-bottom: 20px;font-weight: bold;}
.nav .n-top .pcnavto .ccnav .dlnavabout .left h4,.nav .n-top .pcnavto .ccnav .dlnavabout .left h5{display: block;color: #666;font-size: 14px;text-align: justify;line-height: 24px;margin: 0 0 30px 0;letter-spacing: 0;}
.nav .n-top .pcnavto .ccnav .dlnavabout .left h5{}
.nav .n-top .pcnavto .ccnav .dlnavabout .left .toa{ display: block;font-weight: normal;width: 120px;text-align: center;line-height: 30px;height: 30px;background: #19b1a4;color: #fff;font-size: 12px;border-radius: 4px;border: 1px solid #19b1a4;}
.nav .n-top .pcnavto .ccnav .dlnavabout .left .toa:hover{ background: #fff;color: #19b1a4; }

.nav .n-top .pcnavto .ccnav .dlnavabout .right{display: block;overflow: hidden;float: right;width: 70%;position: relative;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a{float: left;width: 24.25%;margin: 0 1% 1% 0;overflow: hidden;position: relative;}

.nav .n-top .pcnavto .ccnav .dlnavabout .right a:nth-child(4n){margin-right:0;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a p{display: block;overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a p img{ transition: all .3s; display: block;width: 100%;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a strong{display: block;overflow: hidden;border-bottom: 1px solid #ddd;padding: 6px 0;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a strong span{display: block;float: left;font-size: 16px;font-weight: normal;color: #666;width: calc(100% - 50px); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a strong .fa{display: block;float: left;font-size: 14px;font-weight: normal;color: #666;width: 30px;text-align: right;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right a:hover strong span,.nav .n-top .pcnavto .ccnav .dlnavabout .right a:hover strong .fa{ color:#19b0a3; }
.nav .n-top .pcnavto .ccnav .dlnavabout .right a:hover strong,.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a:hover{ border-bottom: 1px solid #19b0a3;}


.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow{ display: block;overflow: hidden;float: left;margin: 0 5% 0 0;width: 47.5%;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow:nth-child(2n){margin-right:0}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow>.item{display: block;color: #19b0a3;font-size: 26px;border-bottom: 1px solid #19b0a3;padding-bottom: 10px;margin-bottom: 20px;font-weight: bold;float:none;width: 100%;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd{display: block;overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a{display: block;float: none;width: 100%;border-bottom: 1px solid #ddd;padding: 0 0 5px 0;margin: 0 0 10px 0;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a span{display: block;float: left;font-size: 16px;font-weight: normal;color: #666;width: calc(100% - 50px); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a .fa{display: block;float: left;font-size: 14px;font-weight: normal;color: #666;width: 30px;text-align: right;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a:hover span,.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a:hover .fa{color:#19b0a3;}
 


 
.screen-reader-response{ display:none; }
.wpcf7-response-output,.wpcf7-validation-errors{    display: block;    color: #f00;    font-size: 18px;    margin: 30px 0 0 0;    letter-spacing: 0;    font-weight: bold;}
.contact02wrap .wpcf7-form .item p span{position: relative;overflow: hidden;display: block;}
.contact02wrap .wpcf7-form .item p span span{    position: absolute;    top: 0;    right: 10px;    letter-spacing: 0;    color: #f00;    line-height: 50px;    font-size: 14px;}

.contact02wrap .wpcf7-form{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.contact02wrap .wpcf7-form dl{display: flex;display: -webkit-flex;flex-wrap: wrap;}

.contact02wrap .wpcf7-form h2{width: 100%;font-size: 40px;color: #18b1a4;font-weight: bold;margin-bottom: 40px;}
.contact02wrap .wpcf7-form .item{width: 31%;margin-bottom: 20px;margin-left: 3.5%;}
.contact02wrap .wpcf7-form dl .item:nth-child(1),.contact02wrap .wpcf7-form dl .item:nth-child(4){ margin-left:0; }
.contact02wrap .wpcf7-form .item .title{display: flex;display: -webkit-flex;margin-bottom: 10px;}
.contact02wrap .wpcf7-form .item .title p{font-size: 12px;color: red;}
.contact02wrap .wpcf7-form .item .title h3{font-size: 18px;color: #333;}
.contact02wrap .wpcf7-form .item input{width: calc(100% - 12px);height: 48px;border: 1px solid #ddd;border-radius: 5px;outline: medium;padding-left: 10px;opacity: .8;font-size:16px; color:#000; }
.contact02wrap .wpcf7-form .bigitem{width: 100%;margin-left: 0;}
.contact02wrap .wpcf7-form .bigitem input{width: calc(100% - 12px);}
.contact02wrap .wpcf7-form .bigitem textarea{width: calc(100% - 12px);height: 98px;opacity: .8;border: 1px solid #ddd;border-radius: 5px;resize: none;outline: medium;padding-left: 10px; font-size:16px;}
.contact02wrap .wpcf7-form .agree{width: 100%;margin-bottom: 40px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.contact02wrap .wpcf7-form .agree input{opacity: .6;margin-right: 10px;outline: medium;}
.contact02wrap .wpcf7-form .agree label{font-size: 12px;}
.contact02wrap .wpcf7-form .submitwrap{width: 100%;}
.contact02wrap .wpcf7-form .submitwrap .submit{width: 160px;height: 44px;color: #fff;background-color: #18b1a4;cursor: pointer;border: 0;font-size: 18px;}
.contact02wrap .wpcf7-form .submitwrap .submit:hover{opacity: .8;}
 



 


.prolistpage{}
.prolistpage .left{ display: block;float: left;padding:120px 0px 120px 80px;width: calc(25% - 80px); }
.prolistpage .left .pro-l{display: block;overflow: hidden;}
.prolistpage .left .pro-l li{}
.prolistpage .left .pro-l li .top{cursor: pointer;display: block;font-size: 16px;color: #666;height: 54px;line-height: 48px;text-indent: 50px;border: 1px solid #eee;     border-bottom: 1px solid #ddd;overflow: hidden;background: #eee;position: relative;}
.prolistpage .left .pro-l li .top img{ display: block;width: auto;height: 24px;margin: 16px 10px 0 20px;float: left; display: none;}
.prolistpage .left .pro-l li .top font{display: inline-block;width: auto;float: left;font-size: 20px;color: #333;text-align: left;vertical-align: top;line-height: 54px;text-indent: 0;padding-left: 40px;}
.prolistpage .left .pro-l li .top .fa{ float: right;line-height: 54px;text-indent: 0;margin: 0 50px 0 0;color: #666;font-size: 18px;}
.prolistpage .left .pro-l li .top a{display: block;overflow: hidden;}
.prolistpage .left .pro-l li .top:hover{border: 1px solid #19b1a4; color: #19b1a4; }
.prolistpage .left .pro-l li .listinfo{ display: none;margin: 0 0 50px 0;}
.prolistpage .left .pro-l li:first-of-type .listinfo{}
.prolistpage .left .pro-l li .top02{ background: #19b1a4;border: 1px solid #19b1a4;    margin: 0 0 10px 0;}
.prolistpage .left .pro-l li .top02 img{filter: none;filter: grayscale(1) brightness(30);}
.prolistpage .left .pro-l li .top02 font,.prolistpage .left .pro-l li .top02 .fa{color:#fff; }
.prolistpage .left .pro-l li .listinfo a{position: relative; display: block;font-size: 16px;color: #666;height: 40px;line-height: 40px;text-indent: 50px;border: 1px solid #e2e2e2;margin: 0 0 10px 0;}
.prolistpage .left .pro-l li .listinfo a:hover{ color: #19b1a4; border: 1px solid #19b1a4; }
.prolistpage .left .pro-l li .listinfo a:before{ content: "";position: absolute;width: 4px;height: 4px;background: #aaa;border-radius: 50%;top: 18px;left: 40px; }
.prolistpage .left .pro-l li .listinfo a:hover:before{color: #19b1a4; background: #19b1a4;  }
.prolistpage .left .pro-l li .listinfo .active{ color: #19b1a4; border: 1px solid #19b1a4;}
.prolistpage .left .pro-l .add .listinfo{ display: block;}





.prolistpage .right{display: block;float: left;padding: 120px 90px;width: calc(75% - 180px); }
.prolistpage .right .a{display: block;border: 1px solid #ddd;overflow: hidden;margin: 0 2% 2% 0;width: calc(23.5% - 2px);float: left;}
.prolistpage .right .a:nth-child(4n){margin-right:0;}
.prolistpage .right .a .imgbox{ position: relative;display: block;overflow: hidden;background: #fff; }
.prolistpage .right .a .imgbox img{ transition: all .3s; display: block; width: auto; max-width:100%; margin:auto;  }
.prolistpage .right .a .imgbox .sy_logo{position: absolute;width: auto;height: 20px;top: 10px;left: 10px;}
.prolistpage .right .a:hover .imgbox img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.prolistpage .right .a:hover .imgbox .sy_logo{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }
.prolistpage .right .a .text{ background: #eef0f7;padding: 40px;display: block;overflow: hidden;}
.prolistpage .right .a .text h3{display: block;font-size: 24px;color: #18b1a4;margin: 0 0 20px 0;height: 50px}
.prolistpage .right .a .text h2{font-size: 16px;min-height: 48px;color: #666}
.prolistpage .right .a .text h4{}
.prolistpage .right .a .text h4 .toa{display: block;overflow: hidden;width: 70px;height: 25px;border: 1px solid #18b1a4;text-align: center;line-height: 25px;font-size: 12px;color: #18b1a4;float: left;}
.prolistpage .right .a:hover .text h4 .toa{background: #18b1a4; color:#fff;}
.prolistpage .right .a .text h4 .topdf{ display: block;float: right;overflow: hidden;} 
.prolistpage .right .a .text h4 .topdf img{ display: block;float: left;height: 20px;margin: 2px 5px 0 0;}
.prolistpage .right .a .text h4 .topdf strong{ float: left;font-size: 14px;color: #666;line-height: 25px;border-left: 1px solid #ddd;padding: 0 0 0 5px;}
.prolistpage{background-color: #f5f5f5;}

 
.page-prolisttxt{background: url(/style/img/ny_cplb2_banner.jpg); }
.page-prolisttxt .pagesoultionsbannertxt h4{color: #fff;width: 100%;}
.page-prolisttxt .pagesoultionsbannertxt h3 span{color: #fff;}
.page-prolisttxt .pagesoultionsbannertxt h3:before{    background: #ffffff;}
.page-prolisttxt .pagesoultionsbannertxt h3 font{    width: 100%;}
 


 
.procatlist{ display: block;background: #f1f1f1;padding: 100px 0;overflow: hidden;}
.procatlist h3{ display: block;font-size: 46px;color: #19b1a4;margin: 0 auto 30px; font-weight: bold;}
.procatlist .list{display: block;overflow: hidden;margin: 0 auto;}
.procatlist .list a{ display: block;overflow: hidden;float: left;width: 32%;margin: 0 2% 2% 0;}
.procatlist .list a:nth-child(3n){margin-right:0;}
.procatlist .list a p{ display: block;overflow: hidden;}
.procatlist .list a p img{ display: block; width: 100%;transition: all .3s;}
.procatlist .list a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.procatlist .list a dd{display: block;overflow: hidden;background: #fff;padding: 40px;}
.procatlist .list a dd span{display: block;font-size: 30px;color: #666;margin: 0 auto 0px;}
.procatlist .list a dd font{ display: block;font-size: 18px;color: #666;line-height: 26px;margin: 10px 0 0 0;}
.procatlist .list a:hover dd span,.procatlist .list a:hover dd font{color: #19b1a4;}


.proallsocas{background: #f1f1f1;padding: 150px 0;display: block;overflow: hidden;}
.proallsocas .caselist a dd h3{font-weight: bold;color: #19b1a4;}
.proallsocas .caselist a dd font{ display: block;color: #666;font-size: 16px;margin: 0 0 20px 0;line-height: 22px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.proallsocas .caselist a{border-top: 0;}
.proallsocas .caselist a:nth-child(1), .proallsocas .caselist a:nth-child(2) {  border-top: 2px solid #ddd;  border-bottom: 2px solid #ddd;}


.proallserver{ display: block;background: #f1f1f1;padding: 0;overflow: hidden;}
.proallserver h3{display: block;font-size: 46px;color: #19b1a4;margin: 0 auto 30px; font-weight: bold;}
.proallserver dl{ margin: 0 auto;overflow: hidden;}
.proallserver dl a{ position: relative; display: block;overflow: hidden;float: left;width: 50%;}
.proallserver dl a p{display: block;overflow: hidden;}
.proallserver dl a p img{display: block; width: 100%;transition: all .3s;}
.proallserver dl a:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.proallserver dl a dd{ transform: translate(0%, -50%);position: absolute;top: 50%;left: 5%;width: 90%;text-align: center;z-index: 2;}
.proallserver dl a dd span{ display: block;text-align: center;font-size: 30px;color: #fff;font-weight: bold;}
.proallserver dl a dd font{ display: block;text-align: center;color: #fff;font-size: 18px;line-height: 26px;width: 60%;margin: 0 auto;}
.proallserver dl a dd strong{display: block;width: 50px;height: 1px;background: #fff;margin: 20px auto;}
 


/* innerwrap */
.innerwrap{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;}
/* index01 */
.index01{margin: 120px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 0;}
.index01-l{width: 48%;box-sizing: border-box;padding: 0 50px;position: relative;}
.i01swiper{width: 100%;}
.i01swiper a{position: relative;width: 100%;display: block;border: 1px solid #DDDDDD;box-sizing: border-box;background-color: #FFFFFF;}
.i01swiper a .imgbox{width: 100%;overflow: hidden;}
.i01swiper a .imgbox img{display: block;width: 100%;transition: all .6s;height: 170px; object-fit: cover;}
.i01swiper a .imgbox font{width: 60px;height: 26px;text-align: center;background-color: #e4891f;color: #FFFFFF;line-height: 26px;position: absolute;left: 0;top: 0;text-transform: uppercase;z-index: 1;opacity: 0;transition: all .3s;}
.i01swiper a .text{width: 100%;box-sizing: border-box;box-sizing: border-box;padding: 30px;transition: all .6s;overflow: hidden;}
.i01swiper a .text font{display: block;font-size: 24px;color: #050000;margin-bottom: 20px;font-weight: bold;}
.i01swiper a .text .fontinfo{position: relative;}
.i01swiper a .text h3{font-size: 14px;line-height:22px;color: #000000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: bold;margin-bottom: 20px;min-height: 44px; }
.i01swiper a .text strong{display: block;width: 40px;height: 1px;background-color: #ddd;margin: 20px 0;opacity: 0;transition: all .3s;}
.i01swiper a .text h4{font-size: 13px;color: #888;line-height: 22px;opacity: 0;transition: all .3s;text-align: justify;}
.i01swiper a .text .botfont{width: 100%;box-sizing: border-box;background-color: #ffffff;}
.i01swiper a .text .botfont{font-size: 16px;color: #25a4f5;}
.i01swiper a .text .botfont i{font-size: inherit;color: inherit;margin-left: 10px;transition: all .3s;}

.i01swiper a:hover .text h4{transform: none;-webkit-transform: none;opacity: 1;}
.i01swiper a:hover .text strong{opacity: 1;}
.i01swiper a:hover .text .botfont span{color: #2a857f;}
.i01swiper a:hover .imgbox img{transform: scale(1.1);}
.i01swiper a:hover .imgbox font{opacity: 1;}
/* .i01swiper a:hover .text font{color: #25a4f5;} */
.i01swiper a:hover .text .botfont i{transform: translateX(30px);-webkit-transform: translateX(30px);}

.index01-l .i01prev,.index01-l .i01next{position: absolute;top: 50%;margin-top: -20px;filter: grayscale(1) opacity(0.5);width: 24px;height: 40px;background-size: contain;outline: none;}

/* index01-r */
.index01-r{width: 50%;box-sizing: border-box;}
.index01-r .text{width: 100%;background-color: #04bbad;box-sizing: border-box;padding: 30px 20px;text-align: center;height: calc(60% - 10px);display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.index01-r .text>div{width: 100%;}
.index01-r .text h3{font-size: 30px;color: #FFFFFF;margin-bottom: 20px;}
.index01-r .text h3 font{font-weight: bold;font-size: inherit;color: inherit;}
.index01-r .text h4{width: 100%;text-align: center;line-height: 55px;background-color: #fafafa;font-size: 30px;color: rgba(0,0,0,0.9);margin-bottom: 20px;}
.index01-r .text p{font-size: 48px;font-weight: bold;color: #ffffff;}
.index01-r .link{width: 100%;height: 40%;margin-top: 10px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index01-r .link a{width: calc((100% - 10px)/2);background-color: #04bbad;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;background: linear-gradient(top, #04bbad,#02aa9e);background: -webkit-linear-gradient(top, #04bbad,#02aa9e);}
.index01-r .link a font{position: absolute;right: 0;top: 0;display: block;padding: 5px;background-color: #46b3f9;font-size: 24px;color: #FFFFFF;}
.index01-r .link a img{display: block;width: auto;height: 60px;margin: auto;padding-left: 18px;}
.index01-r .link a p{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 22px;color: #ffffff;font-weight: bold;margin-top: 10px;}
.index01-r .link a p i{font-size: inherit;color: inherit;margin-right: 10px;}

/* index02 */
.index02{margin: 170px auto;}
.index02-tab{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 40px;}
.index02-tab a{display: block;width: calc(100% / 4);text-align: center;box-sizing: border-box;border-right: 2px solid #000000;background: linear-gradient(to bottom , #757575, #4b4b4a);line-height: 80px;position: relative;font-size: 26px;color: #ffffff;}
.index02-tab a:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-top-color: #4b4b4a;position: absolute;left: 50%;bottom: -20px;margin-left: -10px;opacity: 0;transition: all .3s;}
.index02-tab a.on:before{opacity: 1;}
.index02-tab a:last-child{border-right: none;}

/* index02list */
.index02list{width: 100%;}
.index02list .tomore{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;font-size: 16px;color: #25a4f5;margin-bottom: 30px;}
.index02list .tomore i{font-size: inherit;color: inherit;margin-left: 10px;}
.index02list .tomore:hover{text-decoration: underline;}
.index02list .item{display: none;}
.index02list .item:first-child{display: block;}
/* imglist */
.imglist{width: 100%;box-sizing: border-box;padding: 0 80px;position: relative;}
.i02swiper .a{width: 100%;box-sizing: border-box;position: relative;border: 1px solid #DDDDDD;padding: 10px 10px 30px;display: block;overflow: hidden;height: 321px;}
.i02swiper .a:before,.i02swiper .a:after{content: '';display: block;width: 0%;height: 0%;position: absolute;transition: all .5s ease-in-out;opacity: 0;}
.i02swiper .a:before{border-top: 1px solid #04bbad;border-left: 1px solid #04bbad;top: 0;left: 0;}
.i02swiper .a:after{border-bottom: 1px solid #04bbad;border-right: 1px solid #04bbad;bottom: 0;right: 0;}
.i02swiper .a .imgbox{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: 240px;}
.i02swiper .a .imgbox img{display: block;width: auto;height: auto;max-width: 90%;max-height: 100%;}
.i02swiper .a p{font-size: 16px;color: #030000;text-align: center;margin-top: 20px;}
.imglist .i02prve,.imglist .i02next{width: 40px;height: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #d3d3d3;background-image: none;margin-top: -20px;}
.imglist .i02prve i,.imglist .i02next i{font-size: 18px;color: #FFFFFF;}
.imglist .i02prve{left: 0;}
.imglist .i02next{right: 0;}
/* .i02swiper .a:hover{border-color: transparent;} */
.i02swiper .a:hover p{color: #04bbad;}
.i02swiper .a:hover:before,.i02swiper .a:hover:after{width: 100%;height: 100%;opacity: 1;}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;box-sizing: border-box;padding: 130px 0;background: url(../img/sy_bj01.jpg)no-repeat fixed;background-size: cover;}
.index03wrap:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index: 1;}
.index03wrap .bgvideo{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;z-index: 0;}
.index03{margin: auto;position: relative;z-index: 2;}
/* i03-top */
.i03-top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #FFFFFF;margin-bottom: 20px;}
.i03-top h3{font-size: 36px;color: #ffffff;}
.i03-top a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 50px;height: 50px;background-color: #11beb1;color: #FFFFFF;font-size: 20px;}
.i03textinfo{font-size: 20px;line-height: 36px;color: #FFFFFF;opacity: 0.7;}
/* i03num */
.i03num{width: 100%;box-sizing: border-box;padding: 0 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 80px;}
.i03num li{text-align: center;}
.i03num li .mun_top{display: flex;display: -webkit-flex;margin-bottom: 30px;-webkit-justify-content: center;justify-content: center;}
.i03num li h2{font-size: 50px;color: #04bbad;font-family: 'numfont';}
.i03num li .mun_top font{font-size: 50px;color: #04bbad;}
.i03num li p{font-size: 18px;color: #FFFFFF;opacity: 0.7;margin-bottom: 10px;}
.i03num li strong{display: block;width: 100px;height: 1px;background-color: #04bbad;margin: auto;}

/* index04wrap */
.index04wrap{margin: 120px auto;}
.i04-top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.i04-top p{font-size: 34px;color: #ffffff;background-color: #04bbad;width: 300px;line-height: 70px;position: relative;text-align: center;}
.i04-top p:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #FFFFFF;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
.i04-top a{font-size: 16px;color: #25a4f5;}
.i04-top a i{font-size: inherit;color: inherit;margin-left: 10px;}
.i04-top a:hover{text-decoration: underline;}
/* index04 */
.index04{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-bottom: none;margin-top: 60px;}
.index04 .partner{width: calc(100% / 8);box-sizing: border-box;position: relative;height: 160px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
.index04 .partner:nth-of-type(8n){border-right: none;}	
.index04 .partner img{display: block;width: auto;height: auto;max-width: 80%;max-height: 82%;mix-blend-mode: darken;}
.index04 .partner .text1{position: absolute;top: 0;left: 0;background-color: rgba(4,187,173,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.index04 .partner .text1 h3{font-size: 16px;box-sizing: border-box;width: 100%;padding: 0 20px;color: #FFFFFF;text-align: center;line-height: 24px;}
.index04 .partner:hover .text1{opacity: 1;}
.index04 .partner:nth-child(2n){ }


 
.index04wrap h6{display: block;text-align: center;}
.index04wrap h6 strong{display: block;color: #04bbad;font-size: 40px;margin: 0 0 10px 0;font-weight: normal;}
.index04wrap h6 span{ display: block;color: #04bbad;font-size: 20px;margin: 0 0 10px 0;font-weight: normal;}


/* index05wrap */
.index05wrap{padding: 130px 0;background: url(../img/sy_bj02.jpg)no-repeat fixed;background-size: cover;}
/* index05 */
.index05{margin: auto;}
.i05textinfo{box-sizing: border-box;padding-right:0;text-indent: 2em;}
/* index05img */
.index05img{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;margin-top: 50px;}
.index05img a{display: block;width: 14%;overflow: hidden;transition: all .5s ease-in-out;position: relative;height: 350px;}
.index05img a.active{width: 30%;}
.index05img a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 1;transition: all .3s;opacity: 1;}
.index05img a img{display: block;width: auto;min-width: 100%;object-fit: cover;height: 100%;opacity: 1;position: relative;z-index: 0;}
.index05img a h3{z-index: 1;width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;background-color: rgba(0,0,0,0.6);padding: 0 20px;line-height: 60px;font-size: 16px;color: #FFFFFF;transition: all .3s;}
.index05img a h3 i{font-size: inherit;color: inherit;margin-left: 10px;}
.index05img a:hover h3{background-color: #04bbad;}
/*
.index05img a:nth-of-type(1){background: url(../img/sy_ly08.jpg)no-repeat center center;background-size: cover;}
.index05img a:nth-of-type(2){background: url(../img/sy_ly07.jpg)no-repeat center center;background-size: cover;}
.index05img a:nth-of-type(3){background: url(../img/sy_ly01.jpg)no-repeat center center;background-size: cover;}
.index05img a:nth-of-type(4){background: url(../img/sy_ly02.jpg)no-repeat center center;background-size: cover;}
.index05img a:nth-of-type(5){background: url(../img/sy_ly05.jpg)no-repeat center center;background-size: cover;}
.index05img a:nth-of-type(6){background: url(../img/sy_ly06.jpg)no-repeat center center;background-size: cover;}*/
.index05img a:hover:before{opacity: 0;}



/* footerwrap */
.footerwrap{width: 100%;position: relative;overflow: hidden;}
.f-lx{width: 1000px;margin: auto;display: flex;display: -webkit-flex;box-sizing: border-box;padding: 100px 0;-webkit-justify-content: space-between;justify-content: space-between;}
.f-lx .text .h3{font-size: 60px;color: rgba(0,0,0,0.06);position: relative;padding-bottom: 10px;font-weight: bold;margin-bottom: 20px;}
.f-lx .text .h3 font{font-size: 40px;color: #2d373c;position: absolute;left: 0;bottom: 0;font-weight: bold;}
.f-lx .text h4{font-size: 40px;color: #04bbad;font-weight: bold;margin-bottom: 20px;}
.f-lx .text p{font-size: 16px;color: #010000;line-height: 30px;}
/* ewm */
.f-lx .ewm img{display: block;width: auto;height: 200px;margin-bottom: 20px;}
.f-lx .ewm p{font-size: 16px;color: #000;opacity: 0.6;text-align: center;}

/* f-navwrap */
.f-navwrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f1f1;}
.f-nav{width: 1000px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.f-nav li h3{font-size: 18px;font-weight: bold;color: #000000;opacity: 0.6;margin-bottom: 30px;}
.f-nav li .list a{display: block;font-size: 18px;color: #000;opacity: 0.5;margin-bottom: 20px;}
.f-nav li .list a:last-child{margin-bottom: 0;}
.f-nav li .list a:hover{text-decoration: underline;opacity: 0.6;}
/* copyrightwrap */
.copyrightwrap{width: 100%;box-sizing: border-box;background-color: #2c2929;}
.copyright{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 100px;}
.copyright h3,.copyright a,.copyright p{font-size: 14px;color: rgba(255,255,255,0.5);}
.copyright h3 a{margin-left: 20px;}
.copyright h3{display: flex;display: -webkit-flex;}
/* f-fx */
.f-fx{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.f-fx h3{font-size: 16px;color: rgba(255,255,255,0.5);margin-right: 10px;}
.f-fx .info{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.f-fx .info a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #858585;border-radius: 50%;font-size: 16px;color: #858585;width: 40px;height: 40px;padding: 0;margin: 0;margin-right: 15px;background-image: none;}
.f-fx .info a:last-child{margin-right: 0;}
.f-fx .info a:hover{color: #FFFFFF;background-color: transparent;border-color: #FFFFFF;}

/* 董事长致辞 */
.innerbanner{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;margin-top: 186px;height: 600px;}
.innerbanner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.innerbanner1{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;margin-top: 186px;}
.innerbanner1 img{display: block;width: 100%;object-fit: cover;}
.inner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding-bottom: 90px;}
.inner-text h3{font-size: 70px;color: #ffffff;font-weight: bold;margin-bottom: 20px;}
.inner-text p{font-size: 30px;color: #ffffff;}
.inner-text1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.inner-text1 h3{font-size: 70px;color: #ffffff;font-weight: bold;margin-bottom: 20px;}
.inner-text1 p{font-size: 30px;color: #ffffff;}


/* mbxwrap */
.mbxwrap{width: 100%;background-color: rgba(24,177,164,0.9);position: absolute;bottom: 0;left: 0;box-sizing: border-box;}
.mbxwrap02{margin-top:186px; position: relative !IMPORTANT; }
.mbx{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.mbx a{font-size: 20px;color: #FFFFFF;display: block;opacity: 0.6;line-height: 90px;}
.mbx i{display: block;width: 1px;height: 20px;background-color: #FFFFFF;opacity: 0.6;margin: 0 20px;}
.mbx a:hover,.mbx a.active{opacity: 1;}

/* addresswrap */
.addresswrap{width: 100%;padding: 100px 0;background: url(../img/ny_dszzc_bj.jpg)no-repeat;background-size: cover;}
/* address-cont */
.address-cont{width: 1000px;}
.address{margin: auto;box-sizing: border-box;}
.address .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;margin-bottom: 50px;}
.address .imgbox img{display: block;width: 100%;}
.address .textmin{width: 100%;box-sizing: border-box;margin-bottom: 60px;}
.address .textmin h3{font-size: 46px;color: #18b1a4;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;margin-bottom: 20px;}
.address .textmin h4{font-size: 18px;line-height: 30px;color: #666666;margin-bottom: 20px;text-align: justify;text-indent: 36px}
.address .textmin h2{font-size: 18px;line-height: 30px;color: #666666;margin-bottom: 20px;text-align: justify;}
.address .textmin h4:last-child{margin-bottom: 0;}
.address .bot{}
.address .bot p{display: flex;display: -webkit-flex;-webkit-justify-content:flex-end;justify-content: flex-end;font-size: 18px;color: #666666;margin-bottom: 20px;}
.address .bot p img{display: block;width: auto;}

/* history01wrap */
.history01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;}
.history01{margin: auto;}
.history01 li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 80px;}
.history01 li:last-child{margin-bottom: 0;}
.history01 li .imgbox{width: 30%;border-radius: 20px;overflow: hidden;}
.history01 li .imgbox img{display: block;width: 100%;transition: all .6s;}
.history01 li:hover .imgbox img{transform: scale(1.1);}
.history01 li .text{width: 60%;box-sizing: border-box;padding-left: 60px;}
.history01 li .text h3{font-size: 60px;color: #18b1a4;font-weight: bold;position: relative;padding-bottom: 15px;margin-bottom: 10px;}
.history01 li .text h3:before{content: '';display: block;width: 18px;height: 18px;border-radius: 2px;background-color: #18b1a4;position: absolute;left: -60px;bottom: -9px;}
.history01 li .text h3:after{content: '';display: block;width: calc(100% + 60px);height: 1px;background-color: #18b1a4;position: absolute;left: -60px;bottom: 0;}
.history01 li .text h4{font-size: 20px;color: #666666;line-height: 30px;text-align: justify;}
.history01 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}

/* 公司概况 */
.about01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 120px 0;background: url(../img/ny_gu_bj1.jpg)no-repeat;    background-size: 161%;}
.about01{margin: auto;}
/* about01top */
.about01top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.about01top h3{font-size: 46px;color: #18b1a4;font-weight: bold;border-top: 2px solid #18b1a4;padding-top: 20px;}
.about01top .min{width: 70%;box-sizing: border-box;}
.about01top .min h4{font-size: 18px;line-height: 30px;text-align: justify;margin-bottom: 20px;text-indent: 2em;}
.about01top .min h4:last-child{margin-bottom: 0;}
/* about01num */
.about01num{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 60px;}
.about01num .mun_top{display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;}
.about01num .mun_top h2{font-size: 60px;color: #18b1a4;font-weight: bold;}
.about01num .mun_top font{font-size: 22px;color: #18b1a4;text-transform: uppercase;}
.about01num p{font-size: 16px;color: #666666;margin-top: 20px;}
.about01num i{display: block;width: 1px;background-color: #18b1a4;}

/* about02wrap */
.about02wrap{width: 100%;box-sizing: border-box;position: relative;padding: 240px 0;background: url(../img/ny_gy_spfm.jpg)no-repeat fixed;background-size: cover;}
.about02wrap video{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .3s;}
.about{margin: auto;text-align: center;position: relative;z-index: 1;} 
.about p{font-size: 26px;color: #ffffff;margin-bottom: 30px;}
.about .h3{font-weight: bold;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.about .h3 h3{font-size: 36px;color: #ffffff;margin: 0 20px;}
.about .h3:before,.about .h3:after{content: '';display: block;width: 40px;height: 2px;background-color: #FFFFFF;}
.about02wrap:hover video{opacity: 1;}

/* about03wrap */
.about03wrap{width: 100%;padding: 130px 0;background: url(../img/ny_gu_bj2.jpg)no-repeat;background-size: cover;}
.about03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #FFFFFF;}
/* about03imgbox */
.about03imgbox{width: 50%;overflow: hidden;}
.about03imgbox img{display: block;width: 100%;}
.about03text{width: 50%;box-sizing: border-box;padding: 0 80px;}
.about03text h3{display: inline-block;font-size: 46px;color: #18b1a4;font-weight: bold;border-top: 2px solid #18b1a4;padding-top: 10px;}
.about03text h4{margin: 40px 0;font-size: 18px;line-height: 30px;text-align: justify;}
.more{display: block;width: 150px;height: 40px;line-height: 40px;text-align: center;background-color: #18b1a4;border: 1px solid #18b1a4;color: #FFFFFF;position: relative;z-index: 0; font-size: 16px;}
.more:before{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;z-index: -1;background-color: #FFFFFF;}
.more:hover:before{width: 100%;}
.more:hover{color: #18b1a4;}

/* about04wrap */
.about04wrap{width: 100%;padding: 170px 0;background: url(../img/ny_gu_bj3.jpg)no-repeat fixed;background-size: cover!important;}
.about04{margin: auto;}
.about04 h4{font-size: 32px;color: #ffffff;line-height: 46px;text-align: center;}

/* 企业文化 */
.culture01{text-align: center;margin: 100px auto;}
.culture01 h4{text-align: center;}
/* culture02 */
.culture02{width: 100%;box-sizing: border-box;background-color: #f5f5f5;}
.culture02item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
/* .culture02imgbox */
.culture02imgbox{width: 50%;overflow: hidden;position: relative;}
.culture02imgbox img{display: block;width: 100%;transition: all .6s;}
/* culture02text */
.culture02text{width: 50%;position: relative;box-sizing: border-box;text-align: center;}
.culture02text:before{content: '';display: block;width: 0;height: 0;border: 20px solid transparent;border-right-color: #f5f5f5;position: absolute;left: -40px;top: 50%;margin-top: -20px;}
.culture02text h3{font-size: 40px;color: #18b1a4;margin-bottom: 20px;}
.culture02text h4{font-size: 24px;margin-bottom: 40px;}
.culture02text p{font-size: 14px;text-transform: uppercase;color: #333333;opacity: 0.5;}
.culture02text strong{display: block;width: 1px;height: 40px;background-color: #333333;opacity: 0.5;margin: 20px auto;}
.culture02text .img{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 80px;height: 80px;border: 1px dashed #18b1a4;border-radius: 50%;position: relative;margin: auto;transition: all .3s;}
.culture02text .img:before{content: '';display: block;width: 60px;height: 60px;box-sizing: border-box;border-radius: 50%;border: 1px dashed #18b1a4;position: absolute;top: 10px;left: 10px;}
.culture02text .img:after{content: '';display: block;width: 100%;height: 100%;background-color: #18b1a4;position: absolute;top: 0;left: 0;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);transition: all .3s;}
.culture02text .img img{display: block;width: auto;height: auto;max-width: 30px;max-height: 30px;}
.culture02item:hover .culture02imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.culture02item:hover .culture02text .img img{filter: brightness(1) brightness(20);position: relative;z-index: 1;}
.culture02item:hover .culture02text .img{border-color: transparent;}
.culture02item:hover .culture02text .img:after{transform: scale(1);-webkit-transform: scale(1);}
.culture02item:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.culture02item:nth-of-type(odd) .culture02text:before{left: initial;border-left-color: #f5f5f5;border-right-color: transparent;right: -40px;}

/* 荣誉资质 */
.honorwrap{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background-color: #f5f5f5;}
.honor-l{width: 25%;box-sizing: border-box;padding: 120px 80px;background-color: #ebebeb;}
.h-list{width: 100%;border: 1px solid #DDDDDD;}
.h-list a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;width: 100%;padding: 0 50px;height: 70px;-webkit-align-items: center;align-items: center;font-size: 20px;color: #333333;background-color: #FFFFFF;border-bottom: 1px solid #DDDDDD;}
.h-list a:last-child{border: none;}
.h-list a img{display: block;width: auto;height: 24px;}
.h-list a:hover,.h-list a.active{background-color: #18b1a4;color: #FFFFFF;}
/* honor-r */
.honor-r{width: 75%;box-sizing: border-box;padding: 120px 90px;}
/* honormin */
.honormin{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.honormin a{display: block;width: calc((100% - 100px)/3);margin-right: 50px;background-color: #ffffff;border: 1px solid #DDDDDD;margin-bottom: 40px;box-sizing: border-box;}
.honormin a:nth-of-type(3n){margin-right: 0;}
.honormin a .imgbox{width: 100%;box-sizing: border-box;padding: 40px;overflow: hidden;}
.honormin a .imgbox img{display: block;width: 100%;transition: all .6s;}
.honormin a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.honormin a .text{width: 100%;box-sizing: border-box;padding: 30px 40px;border-top: 1px solid #DDDDDD;}
.honormin a .text h3{font-size: 20px;color: #333333;margin-bottom: 20px;text-align: center;    height: 36px;}
.honormin a .text font{display: block;width: 230px;height: 40px;line-height: 40px;font-size: 14px;color: #333333;background-color: #efefef;border: none;margin: auto;border-radius: 4px;max-width: 100%;}
.honormin a .text font i{font-size: inherit;color: inherit;margin-left: 10px;}
.honormin a .text font:before{background-color: #18b1a4;}
.honormin a .text font:hover{color: #ffffff;}



.dowmin a,.dowmin a:nth-of-type(3n){width: 23.5%;margin: 0 2% 2% 0;}
.dowmin a:nth-of-type(4n){margin: 0 0 2% 0;}
.dowmin a .text{ background: #eef0f7;}
.dowmin a .text h4{ color: #04bbad;font-size: 24px;}
.dowmin a:hover .text{ background: #04bbad;}
.dowmin a:hover .text h4{ color: #fff; }
 

 

.pageserverlistdl{background: #f5f5f5;display: block;overflow: hidden;}
.pageserverlist{margin: 100px auto;display: block;overflow: hidden;position: relative;}
.pageserverlist a{background: #fff;display: block;overflow: hidden;float: left;width: calc(32% - 2px);border: 1px solid #ddd; margin: 0 2% 2% 0;}
.pageserverlist a:nth-of-type(3n){margin-right:0;}
.pageserverlist a p{display: block;overflow: hidden;}
.pageserverlist a p img{display: block; width:100%;transition: all .3s;}
.pageserverlist a dd{display: block;overflow: hidden;padding: 50px;}
.pageserverlist a dd h3{display: block;font-size: 30px;color: #333;line-height: 30px;}
.pageserverlist a dd h4{ display: block;font-size: 16px;margin: 25px 0;line-height: 26px;color: #666;}
.pageserverlist a dd h5{}
.pageserverlist a dd h5 span,.pageserverlist a dd h5 font{color: #999;display: block;float: left;font-weight: normal;font-size: 12px;}
.pageserverlist a dd h5 font{float: right;}

.pageserverlist a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.pageserverlist a:hover dd h3,.pageserverlist a:hover dd h4,.pageserverlist a:hover dd h5 span,.pageserverlist a:hover dd h5 font{color: #04bbad;}

 
 

.pageserverright{  }
.pageserverright h3{display: block;position: relative;overflow: hidden;    margin: 0 0 50px 0;}
.pageserverright h3 span{display: block;color: #18b1a4;font-weight: bold;font-size: 40px; line-height: 44px;}
.pageserverright h3 font{display: block;width: 100%;height: 1px;background: #ccc;margin:20px 0 3px 0;}
.pageserverright h3:before { content: "";display: block;width: 80px;height: 6px;background: #18b1a4;position: absolute;bottom: 0;left: 0;}
.pageserverright h4,.pageserverright p,.pageserverright span{ display: block;color: #666;font-size: 16px;line-height: 30px;text-align: justify;letter-spacing: 0;margin: 0 0 50px 0;}
.pageserverright p{display: block;overflow: hidden;margin:0 0 50px 0; }
.pageserverright p img{display: block;width:100%;}
.pageserverright .pageserverrightdowlist{  display: block;overflow: hidden;margin:0 0 50px 0;    border: 1px solid #ddd;}
.pageserverright .pageserverrightdowlist dd{ background: #fff;padding: 30px;border-bottom: 1px solid #ddd;display: block;overflow: hidden;}
.pageserverright .pageserverrightdowlist dd .left{display: block;float: left;overflow: hidden;}
.pageserverright .pageserverrightdowlist dd .left span{display: block;color: #18b1a4;font-weight: bold;font-size: 18px;}
.pageserverright .pageserverrightdowlist dd .left font{ display: block;color: #333;font-weight: normal;font-size: 20px;margin: 10px 0 0 0;}
.pageserverright .pageserverrightdowlist dd .right{ vertical-align: top; text-align: center; display: block;float: right;overflow: hidden;background: #18b1a4;width: 180px;height: 40px;border-radius: 2px;}
.pageserverright .pageserverrightdowlist dd .right span,.pageserverright .pageserverrightdowlist dd .right font{ display: inline-block;line-height: 40px;letter-spacing: 0;color: #fff;font-size: 14px;}
.pageserverright .pageserverrightdowlist dd .right font{font-size: 20px;margin: 0px 0 0 10px;} 
.pageserverright .pageserverrightdowlist dd .right:hover{ opacity: 0.5;}
.pageserverright .pageserverrightdowlist dd:hover .left font{color: #18b1a4;}
 

/* fy */
.fy{display: flex;display: -webkit-flex;margin-top: 20px;}
.fy a{width: auto;height: 50px;min-width: 50px;border: 1px solid #DDDDDD;font-size: 14px;color: #333;margin-right: 10px;box-sizing: border-box;padding: 0 20px;line-height: 48px;text-align: center;border-radius: 2px;transition: all .3s;}
.fy a:last-child{margin-right: 0;}
.fy a:hover,.fy a.active{background-color: #04bbad;color: #ffffff;border-color: #04bbad;}

/* imgshowmask */
.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 10;display: none;}
.imgshow{width: 60%;height: 80%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}








 

.pageproshowmbx{ background: #f5f5f5; width: 100%;position: relative;overflow: hidden;box-sizing: border-box;margin-top: 186px;}
.pageproshowmbx .mbx{ display: block;overflow: hidden;}
.pageproshowmbx .mbx a{color: #000;float: right;font-size: 16px;margin-right: 20px;}
.pageproshowmbx .mbx a:before{    float: right;margin: 0 0 0 15px;font-size: 16px;color: #666;}

.proshowtop{margin: 50px auto;overflow: hidden;display: block;}
.proshowtop .left{    display: block;overflow: hidden;position: relative;float: left;width:25%;}

.proshowtop .left  .gallery-top{width: 100%;box-sizing: border-box;border: 1px solid #ddd;}
.proshowtop .left img{display: block;width: 100%;background-color: #fff;}
.proshowtop .left .gallery-thumbs{padding-top: 12px;}
.proshowtop .left .gallery-thumbs .swiper-slide{box-sizing: border-box;position: relative;cursor: pointer;border: 1px solid #ddd;}
.proshowtop .left .gallery-thumbs .swiper-slide-thumb-active,.proshowtop .left .gallery-thumbs .swiper-slide:hover{border: 2px solid #19b1a4;}
.proshowtop .left .gallery-thumbs .swiper-slide::before{content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #19b1a4;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;}
.proshowtop .left .gallery-thumbs .swiper-slide-thumb-active::before{opacity: 1;}


.proshowtop .right{display: block;overflow: hidden;float: right;width: 65%;}
.proshowtop .right h3{ display: block;color: #19b1a4;font-weight: bold;font-size: 46px;margin: 0 0 30px 0;}
.proshowtop .right h4{ text-indent: 2em; display: block;font-size: 18px;line-height: 30px;color: #666;text-align: justify;letter-spacing: 0;margin: 0 0 50px 0;}
.proshowtop .right h5{ display: block;color: #19b1a4;font-weight: normal;font-size: 30px;margin: 0 0 30px 0;}
.proshowtop .right h6{display: block;font-size: 18px;line-height: 30px;color: #666;text-align: justify;letter-spacing: 0;margin: 0 0 50px 0;}
.proshowtop .right dd{display: block;overflow: hidden;}
.proshowtop .right dd a{ display: block;float: left;border: 1px solid #19b1a4;text-align: center;width: 180px;height: 40px;margin: 0 50px 0 0;}
.proshowtop .right dd a .fa,.proshowtop .right dd a span{display: inline-block;vertical-align: top;color: #19b1a4;line-height: 40px;margin: 0 5px;font-size: 16px;}
.proshowtop .right dd a:hover{ background: #19b1a4;}
.proshowtop .right dd a:hover span,.proshowtop .right dd a:hover font{color:#fff;}

 

 
.proshowtitle{ display: block;width: 100%;background: #f5f5f5;padding: 25px 0;}
.proshowtitle .tt{ display: block;font-size: 36px;margin: 0 auto;color: #19b1a4; font-weight: bold;}
.proshowtxt{ display: block;margin: 50px auto;font-size: 18px;line-height: 36px;color: #666;}
.proshowdow{ display: block;margin: 50px auto;overflow: hidden;}
.proshowdow a{display: block;overflow: hidden;border-bottom: 1px solid #ddd;padding: 15px 0;}
.proshowdow a:first-of-type{border-top: 1px solid #ddd;}
.proshowdow a span{display: block;float: left;width: calc(100% - 250px);font-size: 18px;color: #666;line-height: 30px;}
.proshowdow a font{ display: block;float: left;width: 200px;font-size: 16px;color: #999;line-height: 30px;}
.proshowdow a .fa{ display: block;width: 50px;float: left;color: #19b1a4;font-size: 20px;line-height: 30px;    text-align: center;}
.proshowdow a:hover span{color: #19b1a4;}

.proshowtxt p,.proshowtxt span{font-size: 18px;line-height: 36px; margin:10px 0; color: #666;}
.proshowtx img{display: block; width:auto; height:auto; max-width:100%; }

.proshowsolutions{ display: block;overflow: hidden;margin: 50px auto;position: relative;}
.proshowsolutions .swiper-slide a{}
.proshowsolutions .swiper-slide a .imgbox{ display: block;overflow: hidden;width: 100%;  }
.proshowsolutions .swiper-slide a .imgbox img{display: block;width: 100%;transition: all .3s;}
.proshowsolutions .swiper-slide a:hover .imgbox img,.proshowsolutions .swiper-container03 .swiper-slide .a:hover .imgbox img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.proshowsolutions .swiper-slide a .text{ background: #f5f5f5;padding: 40px;overflow: hidden;display: block;}
.proshowsolutions .swiper-slide a .text h3{display: block;color: #19b1a4;font-size: 32px;border-bottom: 1px solid #ddd;padding: 0 0 10px 0;margin: 0 0 20px 0;}
.proshowsolutions .swiper-slide a .text h4{display: block;line-height: 26px;color: #777;font-size: 18px;}
.proshowsolutions .swiper-pagination{position: relative;display: block;height: 2px;background: #ddd;margin:50px 0 0 0; }
.proshowsolutions .swiper-pagination span{background: #19b1a4;}
.proshowsolutions .swiper-slide a:hover .text h3{border-bottom: 1px solid #19b1a4;}
.proshowsolutions .swiper-slide a:hover .text h4{color: #19b1a4;}


.proshowsolutions .swiper-container03 .swiper-slide .a{display: block;border: 1px solid #ddd;overflow: hidden;}
.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox{ position: relative;display: block;overflow: hidden; }
.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox img{ transition: all .3s;}
.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox .sy_logo{position: absolute;width: auto;height: 20px;top: 10px;left: 10px;}
.proshowsolutions .swiper-container03 .swiper-slide .a:hover .imgbox .sy_logo{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }
.proshowsolutions .swiper-container03 .swiper-slide .a .text{ background: #eef0f7;padding: 40px;display: block;overflow: hidden;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3{display: block;font-size: 24px;color: #18b1a4;margin: 0 0 20px 0;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4{}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .toa{display: block;overflow: hidden;width: 70px;height: 25px;border: 1px solid #18b1a4;text-align: center;line-height: 25px;font-size: 12px;color: #18b1a4;float: left;}
.proshowsolutions .swiper-container03 .swiper-slide .a:hover .text h4 .toa{background: #18b1a4; color:#fff;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf{ display: block;float: right;overflow: hidden;} 
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf img{ display: block;float: left;height: 20px;margin: 2px 5px 0 0;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf strong{ float: left;font-size: 14px;color: #666;line-height: 25px;border-left: 1px solid #ddd;padding: 0 0 0 5px;}

.pageproshowmbx2{margin-top: 50px;}
 


.page-solutionstxt  .pagesoultionsbannertxt h3 font { background: #18b1a4; opacity: 0.5; }
.page-prolisttxt .pagesoultionsbannertxt h3 font { background: white; opacity: .5;}

.pagesoultionsprolist .proshowsolutions .swiper-slide a .text{background: #fff;}

.pagesoultionscase .caselist{display: block;margin: 50px auto;overflow: hidden;position: relative;}
.pagesoultionscase .caselist a{display: block;overflow: hidden;float: left;width: 50%;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;padding: 30px 0;    display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.pagesoultionscase .caselist a:nth-child(1),.pagesoultionscase .caselist a:nth-child(2){border-bottom:0;}
.pagesoultionscase .caselist a p{ display: block;overflow: hidden;width: 40%;}
.pagesoultionscase .caselist a p img{ display: block; width:100%; }
.pagesoultionscase .caselist a dd{display: block;overflow: hidden;width: 45%;margin: 0 5% 0 0;}
.pagesoultionscase .caselist a dd h3{ display: block;font-size: 24px;color: #333;margin: 0 0 20px 0;line-height: 30px;}
.pagesoultionscase .caselist a dd h4{ display: block; overflow: hidden;}
.pagesoultionscase .caselist a dd h4 span{ display: block;width: 120px;height: 36px;text-align: center;line-height: 36px;background: #19b1a4;color: #fff;font-size: 12px;float: left;}
.pagesoultionscase .caselist a dd h4 font{display: block;float: left;line-height: 36px;color: #999;font-size: 16px;margin: 0 0 0 10px;}

.pagesoultionsbanner{ display: block; overflow: hidden;}
.pagesoultionsbanner img{ display: block; width:100%;}

.pagesoultionsbannertxt{ margin: 0 auto;box-shadow: 0 0 30px 0 rgba(102,102,102,.4);padding: 100px 0;    position: relative;   top: -150px;z-index:9;overflow: hidden;background: #fff;}
.pagesoultionsbannertxt h3{     padding: 0 0 2px 0; display: block;position: relative;}
.pagesoultionsbannertxt h3 span{ display: block;text-align: center;color: #333;font-weight: bold;font-size: 46px;}
.pagesoultionsbannertxt h3 font{display: block;width: 70%;height: 1px;background: #b5b5b5;margin: 20px auto 0; opacity: 0.3;}
.pagesoultionsbannertxt h3:before{content: "";position: absolute;width: 80px;height: 6px;bottom: 0;background: #19b1a4;left: 50%;margin-left: -40px;}

.pagesoultionsbannertxt h4{display: block;text-align: justify;width: 70%;margin: 50px auto 0;font-size: 18px;line-height: 30px;text-align-last: center;}
.pagesoultionsbannertxt h4 p{color: #fff; font-size: 18px;line-height: 30px;text-align: justify;text-align-last: center;}

.pagesoultionsmbx{background: #19b1a4;margin-top: 100px; }
.pagesoultionsmbx .mbx a,.pagesoultionsmbx .mbx a:before{color: #fff;opacity: 1;}
.pagesoultionstit{margin: 0 auto;font-size: 46px;color: #19b1a4; font-weight: bold;}
.pagesoultionsprolist{background:#f1f1f1;  padding: 100px 0;margin: 100px 0;overflow: hidden;}

.pagesoultionsprolistgk{ margin: 0 0 100px 0;}
 



/* 招聘信息 */
.join01wrap{width: 100%;}
.join01wrap .join01{width: 100%;position: relative;}
.join01wrap .join01 li{width: 100%;padding: 90px 0;}
.join01wrap .join01 li:nth-child(2n){background-color: rgb(242,246,251);}
.join01wrap .join01 .item{margin: auto;}
.join01gw{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;cursor: pointer;}
.join01gw .more{display: block;width: 150px;height: 40px;line-height: 40px;text-align: center;background-color: #FFFFFF;border: 1px solid #18b1a4;color: #18b1a4;position: relative;z-index: 0;}
.join01gw .more:before{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;z-index: -1;background-color: #18b1a4;}
.join01gw:hover .more::before{width: 100%;}
.join01gw:hover .more{color: #FFFFFF;}
.join01gw .text h3{font-size: 34px;color: #333333;margin-bottom: 20px;}
.join01gw .text .yq{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;}
.join01gw .text .yq p{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-size: 16px;color: #18b1a4;margin-right: 20px;}
.join01gw .text .yq p img{display: block;width: auto;height: 18px;margin-right: 10px;}
.on .text h3{color: #18b1a4;}
.on .more::before{width: 100%;}
.on .more{color: #FFFFFF;}
.join01info{width: 100%;box-sizing: border-box;padding-top: 40px;margin-top: 40px;border-top: 1px solid #ddd;display: none;}
.join01wrap .join01 .item .join01info .item{margin-bottom: 40px;}
.join01wrap .join01 .item .join01info .item:last-child{margin-bottom: 0;}
.join01info h3{font-size: 20px;color: #333333;margin-bottom: 20px;font-weight: bold;}
.join01info h4{font-size: 16px;line-height: 36px;color: #666666;}
.join01info h5{font-size: 20px;color: #333333;border-top: 1px solid #DDDDDD;padding-top: 40px;}
.join01info a{color: #18b1a4;}



/* 联系我们 */
.contact01wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 65px 0;}
.contact01wrap .contact01 h2{font-size: 40px;color: #18b1a4;font-weight: bold;margin-bottom: 40px;}
.contact01wrap .contact01 .content{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;align-items: center;-webkit-align-items: center;}
.contact01wrap .contact01 .content .left{width: 50%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.contact01wrap .contact01 .content .left .item{width: 100%;border-bottom: 1px solid #ddd;padding: 30px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center; -webkit-align-items: center;}
.contact01wrap .contact01 .content .left .item:last-child{border: 0;}
.contact01wrap .contact01 .content .left .item .text h3{font-size: 28px;font-weight: bold;color: #333;margin-bottom: 20px;}
.contact01wrap .contact01 .content .left .item .text h4{font-size: 18px;color: #666;line-height: 26px;}
.contact01wrap .contact01 .content .left .item .vx{text-align: center;}
.contact01wrap .contact01 .content .left .item .vx img{display: block;width: 100px;height: 100px;padding: 5px;border: 1px solid #ddd;}
.contact01wrap .contact01 .content .left .item .vx h4{font-size: 16px;color: #666;margin-top: 6px;}
.contact01wrap .contact01 .content .right{width: 40%;overflow: hidden;}
.contact01wrap .contact01 .content .right #allmap{width: 100%;height: 400px;overflow: hidden;margin: 0;}

.contact02wrap{width: 100%;padding: 90px 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background: url(/style/img/ny_lxwl_bj_01.jpg) no-repeat center;background-size: cover;}
.contact02wrap .contact02{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.contact02wrap .contact02 h2{width: 100%;font-size: 40px;color: #18b1a4;font-weight: bold;margin-bottom: 40px;}
.contact02wrap .contact02 .item{width: 31%;margin-bottom: 20px;margin-left: 3.5%;}
.contact02wrap .contact02 .item:nth-child(3n+2){margin-left: 0;}
.contact02wrap .contact02 .item .title{display: flex;display: -webkit-flex;margin-bottom: 10px;}
.contact02wrap .contact02 .item .title p{font-size: 12px;color: red;}
.contact02wrap .contact02 .item .title h3{font-size: 18px;color: #333;}
.contact02wrap .contact02 .item input{width: calc(100% - 12px);height: 48px;border: 1px solid #ddd;border-radius: 5px;outline: medium;padding-left: 10px;opacity: .6;}
.contact02wrap .contact02 .bigitem{width: 100%;margin-left: 0;}
.contact02wrap .contact02 .bigitem input{width: calc(100% - 12px);}
.contact02wrap .contact02 .bigitem textarea{width: calc(100% - 12px);height: 98px;opacity: .6;border: 1px solid #ddd;border-radius: 5px;resize: none;outline: medium;padding-left: 10px;}
.contact02wrap .contact02 .agree{width: 100%;margin-bottom: 40px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.contact02wrap .contact02 .agree input{opacity: .6;margin-right: 10px;outline: medium;}
.contact02wrap .contact02 .agree label{font-size: 12px;}
.contact02wrap .contact02 .submitwrap{width: 100%;}
.contact02wrap .contact02 .submitwrap .submit{width: 160px;height: 44px;color: #fff;background-color: #18b1a4;cursor: pointer;border: 0;font-size: 18px;}
.contact02wrap .contact02 .submitwrap .submit:hover{opacity: .8;}

.contact03wrap{width: 100%;padding: 100px 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background: url(/style/img/ny_lxwl_bj_02.jpg) no-repeat fixed;background-size: cover;}
.contact03wrap .contact03{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;align-items: center;-webkit-align-items: center;}
.contact03wrap .contact03 .title h2{font-size: 40px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.contact03wrap .contact03 .title h3{font-size: 28px;color: #fff;}
.contact03wrap .contact03 a{font-size: 30px;color: #fff;}
.contact03wrap .contact03 i{font-size: 30px;color: #fff;margin-left: 10px;transition: all .5s;}
.contact03wrap .contact03 a:hover{opacity: .8;}
.contact03wrap .contact03 a:hover i{padding-left: 20px;}


/* 新闻动态 */
.news01wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 45px 0 80px 0;}
.news01wrap .news01{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.news01wrap .news01 .item{width: 30%;margin-left: 5%;overflow: hidden;margin-top: 65px;}
.news01wrap .news01 .item:nth-child(3n+1){margin-left: 0;}
.news01wrap .news01 .item .imgbox{width: 100%;overflow: hidden;}
.news01wrap .news01 .item .imgbox img{display: block;width: 100%;height: 230px;transition: all .5s;}
.news01wrap .news01 .item h2{font-size: 24px;font-weight: bold;color: #333;margin-top: 30px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.news01wrap .news01 .item h3{font-size: 16px;min-height: 48px;line-height: 24px;margin-top: 10px;color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.news01wrap .news01 .item .footer{width: 100%;position: relative;margin-top: 34px;padding: 10px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;transition: all .5s;}
.news01wrap .news01 .item .footer h4{font-size: 28px;color: #333;}
.news01wrap .news01 .item .footer h5{font-size: 16px;color: #666;}
.news01wrap .news01 .item .footer i{font-size: 20px;color: #333;border: 1px solid #333;border-radius: 50%;display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;}
.news01wrap .news01 .item .footer::before{content: '';display: block;width: 0%;height: 100%;background: #18b1a4;position: absolute;top: 0;left: 50%;z-index: -1;transition: all .5s;opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.news01wrap .news01 .item:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.news01wrap .news01 .item:hover .footer{width: calc(100% - 60px);padding: 10px 30px;background-color: #18b1a4;}
.news01wrap .news01 .item:hover .footer::before{width: 100%;opacity: 1;}
.news01wrap .news01 .item:hover .footer h4{color: #fff;}
.news01wrap .news01 .item:hover .footer h5{color: #fff;}
.news01wrap .news01 .item:hover .footer i{color: #fff;border: 1px solid #fff;}
.news02wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 70px 0;background-color: rgb(245,245,245);}
.news02wrap .news02pagewrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.news02wrap .news02pagewrap a{display: block;width: 48px;height: 48px;line-height: 48px;text-align: center;border: 1px solid rgb(203,203,203);color: rgb(203,203,203);margin-right: 20px;cursor: pointer;font-size: 18px;}
.news02wrap .news02pagewrap span{display: block;width: 48px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #18b1a4;background-color: #18b1a4;color: #fff;margin-right: 20px;font-size: 18px;}


/* 新闻详情 */
.s-news-innerwrap{margin-top: 186px;}
.s-news01wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background-color: rgb(245,245,245);padding: 110px 0;}
.s-news01wrap h2{font-size: 28px;color: #18b1a4;margin-bottom: 20px;}
.s-news01wrap .detail{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.s-news01wrap .detail h3{font-size: 18px;color: #666;}
.s-news01wrap .detail i{display: block;width: 1px;height: 14px;margin: 0 14px;background-color: #666;}
.s-news02wrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 60px 0;}
.s-news02wrap .s-news02{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.s-news02wrap .s-news02 .text{width: 68%;text-align: justify; overflow: hidden;}
.s-news02wrap .s-news02 .text h2{font-size: 18px;color: #666;line-height: 30px;margin-top: 40px;}
.s-news02wrap .s-news02 .text h2:first-child{margin-top: 0;}
.s-news02wrap .s-news02 .text h3{font-size: 18px;color: #666;font-weight: bold;margin-top: 40px;}
.s-news02wrap .s-news02 .text .imagewrap{margin-top: 40px;width: 100%;overflow: hidden;text-align: center;}
.s-news02wrap .s-news02 .text .imagewrap .image{width: 100%;overflow: hidden;}
.s-news02wrap .s-news02 .text .image img{display: block;width: 100%;height: auto;transition: all .3s;}
.s-news02wrap .s-news02 .text .image:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.s-news02wrap .s-news02 .text .imagewrap h5{font-size: 16px;color: #333;margin-top: 20px;font-weight: bold;}
.s-news02wrap .s-news02 .text h4{font-size: 18px;color: #666;line-height: 30px;margin-top: 40px;}

.s-news02wrap .s-news02 .text p,.s-news02wrap .s-news02 .text span,.s-news02wrap .s-news02 .text strong{font-size: 16px;color: #666;line-height: 26px;margin-top: 20px;}
.s-news02wrap .s-news02 .text img{ width: auto;height: auto;max-width: 100%;}

.s-news02wrap .s-news02 .share{width: 20%;}
.s-news02wrap .s-news02 .share h2{font-size: 26px;color: #111; margin-bottom: 40px;}
.s-news02wrap .s-news02 .share a{display: block;position: relative;width: 230px;height: 40px;line-height: 40px;margin-top: 12px;border-radius: 5px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.s-news02wrap .s-news02 .share a:first-child{margin-top: 34px;}
.s-news02wrap .s-news02 .share .instagram{background-color: rgb(0,123,182);}
.s-news02wrap .s-news02 .share .weibo{background-color: rgb(243,38,11);}
.s-news02wrap .s-news02 .share .twitter{background-color: rgb(0,172,237);}
.s-news02wrap .s-news02 .share .facebook{background-color: rgb(59,89,152);}
.s-news02wrap .s-news02 .share a i{font-size: 28px;color: #fff;margin-left: 10%;width: 40px;}
.s-news02wrap .s-news02 .share a span{font-size: 14px;color: #fff;margin-left: 24%;}
.s-news02wrap .s-news02 .share a:hover i{opacity: .6;}
.s-news02wrap .s-news02 .share a:hover span{opacity: .6;}
.s-news03wrap{width: 100%;padding: 60px 0;background-color: rgb(24,177,164);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.s-news03wrap .s-news03{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.s-news03wrap .s-news03 .jump a{display: block;font-size: 16px;color: #fff;margin-top: 12px;}
.s-news03wrap .s-news03 .jump a:first-child{margin-top: 0;}
.s-news03wrap .s-news03 .jump a:hover{opacity: .6;}
.s-news03wrap .s-news03 .back a{display: block;font-size: 20px;color: #fff;}
.s-news03wrap .s-news03 .back a:hover{opacity: .6;}
.s-news03wrap .s-news03 .back i{font-size: 20px;margin-left: 20px;color: #fff;}
.s-news04wrap{width: 100%;padding: 85px 0;background-color: rgb(245,245,245);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.s-news04wrap .s-news04{display: flex;display: -webkit-flex;}
.s-news04wrap .item{width: 30%;margin-left: 5%;overflow: hidden;margin-top: 65px;}
.s-news04wrap .item:nth-child(3n+1){margin-left: 0;}
.s-news04wrap .item .imgbox{width: 100%;overflow: hidden;min-height: 240px; position: relative;}
.s-news04wrap .item .imgbox img{display: block;width: 100%;height: auto;transition: all .5s; position: relative; min-height: 240px;object-fit: cover;}
.s-news04wrap .item h2{font-size: 20px;font-weight: bold;color: #333;margin-top: 30px; min-height: 40px; line-height: 26px;}
.s-news04wrap .item h3{font-size: 16px;line-height: 24px;margin-top: 10px;color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.s-news04wrap .item .footer{width: 100%;position: relative;margin-top: 34px;padding: 10px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;transition: all .5s;}
.s-news04wrap .item .footer h4{font-size: 28px;color: #333;}
.s-news04wrap .item .footer h5{font-size: 16px;color: #666;}
.s-news04wrap .item .footer i{font-size: 20px;color: #333;border: 1px solid #333;border-radius: 50%;display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;}
.s-news04wrap .item .footer::before{content: '';display: block;width: 0%;height: 100%;background: #18b1a4;position: absolute;top: 0;left: 50%;z-index: -1;transition: all .5s;opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.s-news04wrap .item:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.s-news04wrap .item:hover .footer{width: calc(100% - 60px);padding: 10px 30px;background-color: #18b1a4;}
.s-news04wrap .item:hover .footer::before{width: 100%;opacity: 1;}
.s-news04wrap .item:hover .footer h4{color: #fff;}
.s-news04wrap .item:hover .footer h5{color: #fff;}
.s-news04wrap .item:hover .footer i{color: #fff;border: 1px solid #fff;}


/* download */
.download01wrap{width: 100%;overflow: hidden;}
.download01wrap .download01-left{width: 25%;height: 100%;position: relative;background-color: rgb(235,235,235);margin-bottom: -10000px;padding-bottom: 10000px;}
.download01wrap .download01-left .tt{width: 60%;position: absolute;top: 110px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);border: 1px solid rgb(215,215,215);}
.download01wrap .download01-left .tt .tab{display: block;width: 100%;height: 70px;background-color: #fff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: space-between;-webkit-justify-content:space-between;border-top: 1px solid rgb(234,234,234);}
.download01wrap .download01-left .tt .tab:first-child{border-top: 0;}
.download01wrap .download01-left .tt .tab h2{margin-left: 10%;font-size: 20px;color: #333;}
.download01wrap .download01-left .tt .tab .imgbox{margin-right: 10%;width: 10%;overflow: hidden;display: none;}
.download01wrap .download01-left .tt .tab .imgbox img{display: block;width: 100%;height: auto;}

.download01wrap .download01-left .tt .active{background-color: rgb(24,177,164);}
.download01wrap .download01-left .tt .active h2{color: #fff;}
.download01wrap .download01-left .tt .active .imgbox{display: block;}

.download01wrap .download01-left .tt .tab:hover{background-color: rgb(24,177,164);opacity: .8;}
.download01wrap .download01-left .tt .tab:hover h2{color: #fff;}
.download01wrap .download01-left .tt .tab:hover .imgbox{display: block;}



.download01wrap .download01-right{width: 75%;margin-left: 25%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background-color: rgb(245,245,245);}
.download01-right .news01content{width: 80%;padding: 110px 0;}
.download01-right .news01content .show{width: 100%;}
.download01-right .news01content .show .item{width: 100%;display: flex;display: -webkit-flex;padding-bottom: 60px;margin-bottom: 60px;border-bottom: 1px solid rgb(222,222,222);overflow: hidden;position: relative;}
.download01-right .news01content .show .item .imgbox{width: 3%;overflow: hidden;position: relative;}
.download01-right .news01content .show .item .imgbox img{display: block;width: 100%;height: auto;}
.download01-right .news01content .show .item .text::before{content: '';display: block;position: absolute;width: 1px;height: 100%;background-color: rgb(222,222,222);left: -40px;top: 0;}
.download01-right .news01content .show .item .text{margin-left: 80px;position: relative;}
.download01-right .news01content .show .item .text h2{font-size: 14px;margin-bottom: 16px;}
.download01-right .news01content .show .item .text h3{font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.download01-right .news01content .show .item .text .more{font-size: 14px;}

/* page */
.fy, .nav-links{width: 80%;box-sizing: border-box;padding: 30px 0;flex-flow: row;display: flex;}
.navigation, .pagination {width: 100%;}
.fy a, .nav-links span, .nav-links a {display: block;width: auto;min-width: 48px;height: 50px;line-height: 50px;font-size: 14px;color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 7px;text-align: center;box-sizing: border-box;padding: 0 10px;}
.fy a:nth-of-type(1) {margin-left: 0;}
.fy a:hover {background-color: rgb(24,177,164);;border-color: rgb(24,177,164);;color: #FFFFFF;}
.fy .active, .nav-links span {background-color: rgb(24,177,164);;border-color: rgb(24,177,164);;color: #FFFFFF;}

.screen-reader-text{display: none;}



.mbxwrap02.fxd{ position: fixed !important;top: 140px !important;margin: 0;z-index: 9;height: auto;bottom: auto;}








@media only screen and (max-width: 1600px){

.innerbanner .fxd{top: 120px !important;height: auto;z-index:9;bottom: auto;}
.mbxwrap02.fxd{ position: fixed !important;top: 120px !important;margin: 0;z-index: 9;height: auto;bottom: auto;}

	
.i-cont{width: 1160px;}
.f-cont{width: 960px;}
.h-top a img{height: 24px;}
.h-top a{font-size: 14px;}
.h-l .logo img{height: 80px;}
.nav .n-top a{font-size: 18px;margin-right: 40px;}
.nav .n-bot{font-size: 24px;}
.h-rform{width: 260px;}
.h-r p{font-size: 20px;margin-top: 15px;}
.headerwrap{padding: 0;}
.bannerwrap{margin-top: 164px;height: calc(100% - 164px);}
.h-top{ }
.div2_1 .h-l .logo img{height: 70px;}
.div2_1 .headerwrap{padding: 0;}

.header{ height: 120px;}
.nav .n-bot dl{ top: 146px;}
.nav .n-bot:after{ bottom:-20px; }
.nav .n-bot dl:before{ height: calc(100% - 20px);top: 20px;}
.nav .n-bot dl .inpro{ padding: 60px 0 20px;}
.nav .n-bot dl .inpro .inproalist .bla a .imgbox .sy_logo{ height: 15px;top: 5px;left: 5px;}
.nav .n-bot dl .inpro .inproalist .bla a .imgbox{    padding: 20px 0 10px;}
.nav .n-bot dl .inpro .inproa a{ padding: 6px;margin: 0 0 6px 0; }
.nav .n-bot dl .inpro .inproa a span{ font-size: 16px; padding: 15px 0;}
.nav .n-bot dl .inpro .inproalist .bla a .text h3{margin: 0 0 15px 0;font-size: 16px;}
.nav .n-bot dl .inpro .inproalist .bla a .text h4{font-size:12px;}
.nav .n-bot dl .inpro .inproalist .bla a .text{ padding: 16px 16px; }

.b-text h3{ font-size: 40px; letter-spacing: 4px;}
.b-text h4{ font-size: 26px;color: #FFFFFF;letter-spacing: 2px;}
.b-text p,.b-text a,.nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span{font-size:16px;font-weight: normal;}
.b-text a{ margin-top: 30px;}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a{}
.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow dd a span{ font-size: 14px;}

.nav .n-top .pcnavto .ccnav{ top: 96px; }
.nav .n-top .pcnavto .ccnav .dlnavsolutons{ padding:30px 0 10px;}
.nav .n-top .pcnavto .ccnav .dlnavabout{padding:30px 0;}


.nav .n-top .pcnavto .ccnav .dlnavabout .right .dow h5,.nav .n-top .pcnavto .ccnav .dlnavabout .left h3{    font-size: 20px;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd{margin: 0 auto 20px;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons h3{margin: 0 0 10px 0;}
.nav .n-top .pcnavto .ccnav .dlnavsolutons dd .postlist a span{font-size:13px;}

.div2_1 .nav .n-bot dl{ top: 100px;}
.div2_1 .nav .n-top .pcnavto .ccnav{top: 50px;}

.index01{margin: 100px auto;}
.i01swiper a .text font{font-size: 24px;}
.i01swiper a .text{padding: 20px;}
.i01swiper a .text .botfont{height: 50px;line-height: 50px;}
.index01-l .i01prev, .index01-l .i01next{height: 30px;margin-top: -15px;}
.index01-l{width: 50%;}
/* .i01swiper a{padding-bottom: 200px;} */
/* .i01swiper a .text{height: 200px;} */
.index01-r .text h4{line-height: 46px;font-size: 24px;}
.index01-r .text h3{font-size: 20px;}
.index01-r .text p{font-size: 36px;}
.index01-r .link a font{font-size: 20px;}

.index01-r .link a img{height: 50px;}
.index01-r .link a p{font-size: 20px;}

.index02{margin: 100px auto;}
.index02-tab a{line-height: 70px;font-size: 24px;}
.imglist{padding: 0 60px;}
.i02swiper .a .imgbox{height: 200px;}
.imglist .i02prve, .imglist .i02next{width: 36px;height: 36px;margin-top: -18px;}

.i02swiper .a { height: 280px; }
.index03wrap{padding: 100px 0;}
.i03-top h3{font-size: 28px;}
.i03-top a{width: 40px;height: 40px;}
.i03textinfo{font-size: 18px;line-height: 32px;}
.i03num{margin-top: 60px;padding: 0 80px;}
.i03num li .mun_top{margin-bottom: 20px;}
.i03num li h2{font-size: 46px;}

.index04wrap{margin: 100px auto;}
.i04-top p{width: 260px;line-height: 60px;font-size: 28px;}
.i04-top p:before{border: 8px solid transparent;border-bottom-color: #FFFFFF;margin-left: -8px;}
.index04{margin-top: 50px;}
.index04 .partner{height: 140px;}


.index05wrap{padding: 100px 0;}
.index05img a img{height: 300px;}
.index05img a h3{line-height: 50px;height: 50px;}

.f-lx{padding: 80px 0;}
.f-lx .text .h3{font-size: 52px;}
.f-lx .text .h3 font{font-size: 36px;}
.f-lx .text h4{font-size: 36px;}
.f-lx .ewm img{height: 170px;margin-bottom: 20px;}
.f-navwrap{padding: 80px 0;}
.f-nav li h3{margin-bottom: 20px;}
.f-nav li .list a{font-size: 16px;margin-bottom: 15px;}
.copyright{height: 80px;}
.f-fx .info a{width: 36px;height: 36px;font-size: 14px;}

/* .address .textmin h3 */
.address .textmin h3{font-size: 36px;}
.address .textmin h4{font-size: 16px;line-height: 28px;}
.address .bot p{font-size: 16px;}
.innerbanner{margin-top: 170px;height: calc(100% - 170px);}
.inner-text h3{font-size: 52px;}
.inner-text p{font-size: 26px;}
.mbx a{font-size: 18px;line-height: 80px;}

/* .history01 li .imgbox */
.history01 li .imgbox{width: 33%;}
.history01 li .text h3{font-size: 50px;}
.history01 li .text h3:before{width: 20px;height: 20px;bottom: -10px;}
.history01 li .text h4{font-size: 18px;line-height: 28px;}

/* .about01top h3 */
.about01top h3{font-size: 36px;}
.about01top .min h4{font-size: 16px;line-height: 28px;}
.about01num .mun_top h2{font-size: 46px;}
.about01wrap{padding: 100px 0;}
.about .h3 h3{font-size: 32px;}
.about02wrap{padding: 200px 0;}
.about p{font-size: 24px;margin-bottom: 20px;}
.about03wrap{padding: 100px 0;}
.about03text{padding: 0 60px;}
.about03text h3{font-size: 36px;}
.about03text h4{font-size: 16px;line-height: 28px;margin: 30px 0;}
.about04 h4{font-size: 26px;}
.about04wrap{padding: 150px 0;}

/* .culture02text h3 */
.culture02text h3{font-size: 32px;}
.culture02text h4{font-size: 20px;margin-bottom: 30px;}
.culture02text strong{height: 30px;margin: 10px auto;}
.culture02text .img{width: 70px;height: 70px;}
.culture02text .img:before{width: 50px;height: 50px;}

.honor-l{padding: 100px 50px;}
.h-list a{padding: 0 30px;height: 60px;font-size: 18px;}
.honor-r{padding: 100px 50px;}
.honormin a .imgbox{padding: 30px;}
.honormin a .text{padding: 30px;}
.honormin a .text h3{font-size: 18px;}
.honormin a{width: calc((100% - 80px)/3);margin-right: 40px;}
.fy a{height: 40px;padding: 0 14px;line-height: 38px;min-width: 40px;}


/* join01wrap */
.join01wrap .join01 li{padding: 70px 0;}
.join01gw .text h3{font-size: 28px;}
.join01wrap .join01 .item .join01info .item{margin-bottom: 30px;}
.join01info h3{font-size: 18px;}
.join01info h4{font-size: 14px;line-height: 26px;}
.join01info h5{font-size: 18px;padding-top: 30px;}

/* contact */
.contact01wrap{padding: 55px 0;}
.contact01wrap .contact01 h2{font-size: 34px;margin-bottom: 30px;}
.contact01wrap .contact01 .content .left .item{padding: 20px 0;}
.contact01wrap .contact01 .content .left .item .text h3{font-size: 24px;margin-bottom: 15px;}
.contact01wrap .contact01 .content .left .item .text h4{font-size: 16px;line-height: 22px;}
.contact01wrap .contact01 .content .left .item .vx img{width: 90px;height: 90px;}
.contact01wrap .contact01 .content .left .item .vx h4{font-size: 12px;}
.contact01wrap .contact01 .content .right #allmap{height: 300px;}
.contact02wrap{padding: 75px 0;}
.contact02wrap .contact02 h2{font-size: 34px;margin-bottom: 30px;}
.contact02wrap .contact02 .item{margin-bottom: 15px;}
.contact02wrap .contact02 .item input{height: 38px;}
.contact02wrap .contact02 .bigitem textarea{height: 88px;}
.contact03wrap{padding: 80px 0;}
.contact03wrap .contact03 .title h2{font-size: 32px;margin-bottom: 15px;}
.contact03wrap .contact03 .title h3{font-size: 24px;}
.contact03wrap .contact03 .title h2{font-size: 26px;}
.contact03wrap .contact03 i{font-size: 26px;}


/* news */
.news01wrap{padding: 25px 0 60px 0;}
.news01wrap .news01 .item{margin-top: 45px;}
.news01wrap .news01 .item h2{font-size: 22px;}
.news01wrap .news01 .item h3{font-size: 14px;}
.news01wrap .news01 .item .footer h4{font-size: 24px;}
.news01wrap .news01 .item .footer h5{font-size: 14px;}
.news01wrap .news01 .item .footer i{width: 20px;height: 20px;line-height: 20px;}

.news02wrap{padding: 50px 0;}
.news02wrap .news02pagewrap span{width: 36px;height: 36px;line-height: 36px;}
.news02wrap .news02pagewrap a{width: 36px;height: 36px;line-height: 36px;}

/* s-news */
.s-news-innerwrap{margin-top: 164px;}
.s-news01wrap{padding: 80px 0;}
.s-news01wrap h2{font-size: 30px;}
.s-news01wrap .detail h3{font-size: 16px;}
.s-news01wrap .detail i{margin: 0 10px;}
.s-news02wrap .s-news02 .text h2{font-size: 16px;margin-top: 30px;}
.s-news02wrap .s-news02 .text h2:first-child{margin-top: 0;}
.s-news02wrap .s-news02 .text h3{font-size: 16px;margin-top: 30px;}
.s-news02wrap .s-news02 .text .imagewrap h5{font-size: 14px;margin-top: 15px;}
.s-news02wrap .s-news02 .text h4{font-size: 16px;margin-top: 30px;}
.s-news02wrap .s-news02 .share h2{font-size: 22px;}
.s-news02wrap .s-news02 .share a{width: 170px;height: 35px;}
.s-news02wrap .s-news02 .share a span{margin-left: 15%;}
.s-news03wrap .s-news03 .jump a{font-size: 14px;}
.s-news03wrap .s-news03 .back a{font-size: 18px;}
.s-news03wrap .s-news03 .back i{font-size: 18px;margin-left: 15px;}
.s-news04wrap{padding: 65px 0;}
.s-news04wrap .item{margin-top: 50px;}
.s-news04wrap .item h2{font-size: 22px;margin-top: 20px;}
.s-news04wrap .item h3{font-size: 14px;}
.s-news04wrap .item .footer h4{font-size: 24px;}
.s-news04wrap .item .footer h5{font-size: 14px;}


/* download */
.download01wrap .download01-left .tt{top: 80px;height: 50px;}
.download01wrap .download01-left .tt .tab h2{font-size: 18px;}

.download01-right .news01content{padding: 80px 0;}
.download01-right .news01content .show .item .text h2{font-size: 12px;margin-bottom: 12px;}
.download01-right .news01content .show .item .text h3{font-size: 22px;margin-bottom: 20px;}
.download01-right .news01content .show .item .text .more{font-size: 12px;}

.fy a, .nav-links span, .nav-links a {min-width: 34px;height: 36px;line-height: 36px;font-size: 14px;padding: 0 10px;}


.dowmin a, .dowmin a:nth-of-type(4n) {width: 23.5%;margin: 0 2% 2% 0;}
.dowmin a:nth-of-type(4n){    margin: 0 0 2% 0;}
.dowmin a .text{padding:20px;}

.pageserverlist a dd h4{ font-size: 14px;margin: 20px 0;line-height: 24px;}
.pageserverlist a dd h3,.pageserverright h3 span{font-size:26px;}
.pageserverlist a dd{padding:40px;}
.pageserverright .pageserverrightdowlist dd .left span{ font-size: 14px; line-height: 24px;}
.pageserverright .pageserverrightdowlist dd .right{    width: 120px;height: 30px;}
.pageserverright .pageserverrightdowlist dd .right span, .pageserverright .pageserverrightdowlist dd .right font{    font-size: 12px;    line-height:30px;}
.pagesoultionsbannertxt{ padding: 70px 0;}
.pagesoultionscase .caselist a dd h3{ font-size: 24px;}

.proshowtitle .tt{    font-size: 30px;}


.page-solutionslistbottom dd a:hover .txt h3 span{ font-size: 30px;}
.pagesoultionsbannertxt h4,.pagesoultionsbannertxt h4{ margin: 30px auto 0; }
.prolistpage .right .a .text{ padding: 20px; }
.prolistpage .right .a .imgbox .sy_logo{ height: 15px;top: 5px;left: 5px;}
.prolistpage .right .a{ margin: 0 1% 1% 0;    width: calc(24.25% - 2px); }
.prolistpage .right .a .text h4 .toa{ width:60px;height: 20px;  line-height: 20px;}
.prolistpage .right .a .text h4 .topdf strong{    font-size: 12px;line-height: 20px;}
.prolistpage .right .a .text h4 .topdf img{ height: 15px; }
.prolistpage .right{ padding: 100px 80px; width: calc(75% - 160px);}
.prolistpage .right .a .text h3{font-size:18px;}
.prolistpage .left{padding: 100px 0px 100px 60px;width: calc(25% - 60px);}
.proallsocas{padding: 100px 0;}
.procatlist h3{font-size: 36px;}
.proallserver h3{font-size: 36px;}
.pagesoultionstit{font-size: 36px;}
.proshowtop .right h3{font-size: 36px;}
.pagesoultionsbannertxt h3 span{font-size: 36px;}
.procatlist .list a dd span{font-size: 26px;}










}