/*重置样式*/

.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden}
.blockbox{width: 90%;margin: 0 auto;}
.blockbox:after{content: "";display: block;height: 0;clear: both;visibility: hidden}

/**tops**/

.btops{ width: 100%; height: auto;background: #fff;}
.tops{ width: 100%; height: auto; height: 77px;}
.tops .topsleft{ float: left; overflow: hidden;}
.tops .topsleft .topsl1{ float: left;}
.tops .topsleft .topsl1 img{ width: 111px; height: 41px; margin: 17px 22px 0 22px;}
.tops .topsleft .topsl2{ float: left; height: 77px; background: url(../images/xian1.jpg) 0 50% no-repeat; padding-left: 20px;}
.tops .topsleft .topsl2 p{ font-size: 20px; color: #000; padding-top: 11px; font-style: italic;}
.tops .topsleft .topsl2 span{ font-size: 14px; color: #606060;}
.tops .topsright{ float: right; height: 77px;}
.topsr1{ float: left;}
.topsr1 ul{ height: 60px;}
.topsr1 ul li{ float: left; margin-right: 30px; position: relative;}
.topsr1 ul li a.ra{ display: block;height: 60px; border-bottom: 2px solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.topsr1 ul li a.ra span{ display: block; height: 58px; font-size: 16px; color: #404040; line-height: 58px;float: left;}
.topsr1 ul li a.ra img{ vertical-align: middle; margin: 27px 0 0 4px;transition: all 0.3s;}
.topsr1 ul li .xlas{ background: #02ADE5; opacity: 1; width: 150%; z-index: 99; top: 60px; display: none; position: absolute;left: 50%;transform: translateX(-50%);}
.topsr1 ul li .xlas a{ display: block; text-align: center; font-size: 14px; color: #fff; line-height: 40px; border-bottom: 1px solid #eee;}
.topsr2{ float: right;}
.topsr2 .seas{ width: 77px; text-align: center; height: 60px; background: #F5F5F5;}
.topsr2 .seas img{ margin-top: 31px; cursor: pointer;}

/**首页top**/

.itops{ width: 100%; height: auto; height: 125px;background: #fff;}
.itops .itopleft{ float: left; height: 125px;}
.itops .itopleft .itopl1{ float: left;}
.itops .itopleft .itopl1 img{ width: 240px; height: 85px; margin: 24.5px 40px;margin-bottom: 23px;}
.itops .itopleft .itopl2{ float: left; height: 125px; background: url(../images/xian3.jpg) 0 50% no-repeat; padding-left: 40px;}
.itops .itopleft .itopl2 p{ font-size: 30px; color: #000; padding-top: 30px; text-indent: 29px; background: url(../images/tel.png) 0 74% no-repeat; font-style: italic;}
.itops .itopleft .itopl2 span{ font-size: 13px; color: #606060; display: block; line-height: 26px;}
.itops .itopright{ float: right;}
.itops .itopright .itopsea{ overflow: hidden; padding: 31px 15px 0 0; text-align: right;}
.itops .itopright .itopsea .itext{ width: 258px; font-size: 12px; color: #999999; text-indent: 10px; padding: 8px 0; border: 1px solid #BEBEBE; border-right: none;}
.itops .itopright .itopsea a{ display: inline-block; width: 75px; height: 32px; text-align: center; background: #14A0D0; float: right;}
.itops .itopright .itopsea a img{ margin-top: 10px;}
.itops .itopright .itopnav{ padding-right: 15px;}
.itops .itopright .itopnav .topsr1 ul li{ margin: 0 0 0 30px;}

/**footer2**/

.footers2{ width: 100%; background: #282828; border-top: 1px solid #3B3B3B;}
.footer2{ margin: 0 auto; overflow: hidden; font-size: 12px; color: #c0c0c0;}
.footer2 .footer2left{ float: left;}
.footer2 .footer2right{ float: right;}

/**内页banner**/

.nbanner{ width: 100%; height: 301px;}

/**titlebox**/

.titlebox{text-align: center; margin: 0 auto;width: 100%;padding: 0.6rem 0;}
.titlebox h1{ color: #333;font-size: 0.4rem;position: relative;padding-bottom: 0.2rem;font-weight: 400;}
.titlebox h1::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);height: 3px;width: 10%;background: #02ACE6;bottom: 0;}

/*map*/

.map{height: 33px;line-height: 33px;padding: 0 20px;}
.map{color: #999999;}
.map a{color: #999999;}
.map a:last-child{color: #01ABE5;}

/**公用头部类**/

.commTop2{ width: 100%; text-align: center; margin: 0 auto;}
.commTop2 h1{ color: #333; background: url(../images/xian2.jpg) 50% 100% no-repeat;}
.commTop3{ width: 100%;margin: 0 auto; padding: 0.2rem 0; text-align: center;}
.commTop3 p{ font-size: 0.4rem; color: #02ace6;}
.commTop3 span{ display: block; font-size: 0.3rem; color: #404040;padding-top: 0.2rem;}
.commTop3 em{ display: block; font-size: 0.26rem; color: #909090;width: 100%;padding-top: 0.2rem;text-align: center;}

/*kefu*/

.kefu{width: 160px;background: #fff;position: fixed;right: 10px;top: 50%;border-radius: 3px;overflow: hidden;margin-top: -260px;}
.kefu{right: -10px;transform: scale(0.8);}
.kefu .head{padding: 20px 0 10px 0;}
.kefu .head img{display: block;margin: 0 auto;}
.kefu dl.dl1{margin: 0 6px;border-bottom: 1px solid #DADADA;}
.kefu dl.dl1 dt img{display: block;margin: 0 auto;}
.kefu dl.dl1 dd{line-height: 26px;font-size: 14px;color: #5F5F5F;text-align: center;padding-bottom: 5px;}
.kefu dl.dl2{padding: 10px 0;border-bottom: 1px solid #DADADA;margin: 0 6px;}
.kefu dl.dl2 dt{color: #5F5F5F;font-size: 16px;text-align: center;}
.kefu dl.dl2 dd{font-size: 20px;font-family: Arial;text-align: center; font-style: italic;}
.kefu ul{padding: 15px 0;}
.kefu em{display: block;height: 32px;line-height: 32px;width: 117px;font-size: 14px;color: #5F5F5F;background: #03ACF1 url(../images/kf.png) no-repeat 10px center;text-indent: 40px;margin: 0 auto;border-radius: 3px;color: #fff;}
.kefu a{display: block;height: 32px;line-height: 32px;width: 117px;font-size: 14px;color: #5F5F5F;background: url(../images/qq.gif) #F7F7F7 no-repeat 10px center;text-indent: 40px;margin: 0 auto;border-radius: 3px;margin-top: 5px;}
.kefu .kfbottom{height: 40px;background: #E6E6E6 url(../images/top.png) no-repeat 50px center;line-height: 40px;text-align: center;text-indent: 30px;font-size: 12px;cursor: pointer; display: none;}

/*detailed*/

.detailed{line-height: 180%;font-size: 16px;border-bottom: 1px solid #DEDEDE;padding: 45px;background: #fff}
.detailed img{max-width: 100%;}
.detailed a{color: #02ACE6;text-decoration: underline;}
.detailed2{line-height: 180%;font-size: 16px;border-bottom: 1px solid #eee;padding: 20px 0;}
.detailed2 img{max-width: 100%;}
.detailed2 a{color: #02ACE6;text-decoration: underline;}

/*.detailedbottom*/

.detailedbottom{position: relative;}
.detailedbottom .prevnext{line-height: 24px;padding: 15px 0;width: 800px;}
.detailedbottom .prevnext a{display: block;height: 30px;line-height: 24px;width: 800px;font-size: 14px;color: #5F5F5F;}
.detailedbottom .goback{color: #5F5F5F;position: absolute;right: 0;top: 50%;margin-left: -10px;line-height: 20px;font-size: 14px;padding-left: 26px;background: url(../images/goback.png) no-repeat left center;transform: translateY(-50%);}
.detailed+.detailedbottom{background: #fff;}
.detailed+.detailedbottom .goback{right: 45px;}

/**相关问答**/

.wdtuijian {}
.wdtuijian li{ width: 375px !important; padding: 20px 25px; background: #fff;}
.wdtuijian li .wdtit{ font-size: 18px; color: #404040;}
.wdtuijian li .wdtim{ font-size: 12px; color: #909090; padding: 8px 0 12px;}
.wdtuijian li .wdint{ font-size: 14px; color: #909090; height: 80px; line-height: 24px;}
.wdtuijians .hd .prev, .wdtuijians .hd .next{ margin-top: -22px !important;}

/**index**/


/*幻灯片*/

.islider{ width: 100%; height: auto; overflow: hidden; position: relative;}
.islider .hd{ overflow: hidden; position: absolute; bottom: 50px; z-index: 1; width: 100%; text-align: center;}
.islider .hd ul{ overflow: hidden; zoom: 1;}
.islider .hd ul li{ display: inline-block;margin-right: 5px; border-radius: 999px; width: 9px; height: 9px; background: #fff; cursor: pointer;}
.islider .hd ul li.on{ background: #01B6EF;}
.islider .bd{ position: relative; height: 100%; z-index: 0;}
.islider .bd li{ zoom: 1; vertical-align: middle;}
.islider .bd img{ width: 100%; height: auto; display: block;}

/**作品展示**/

.zuoplist{ width: 100%; background: #fff; padding-bottom: 27px;}
.zuoplist .small_nav{ width: 100%; overflow: hidden; padding: 0px 0; margin: 0;}
.zuoplist .small_nav .box{float: right;}
.zuoplist .zplist{ width: 100%; height: auto;}
.zuoplist .zplist ul{ overflow: hidden; padding: 25px 0;}
.zuoplist .zplist ul li{ width: 33.125%; margin: 0.048125%; float: left; overflow: hidden; position: relative;}
.zuoplist .zplist ul li .zpimg{ height: 100%;}
.zuoplist .zplist ul li .zpimg,.zuoplist .zplist ul li .zpimg img{ width: 100%;}
.zuoplist .zplist ul li .zpint{ position: absolute; width: 100%; height: 100%; top: 100%; background: url(../images/hebg2.png) repeat;transition: all 0.3s}
.zuoplist .zplist ul li .zpint .zpi{ text-align: right; margin: 20px;}
.zuoplist .zplist ul li .zpint p{ font-size: 20px; color: #fff; padding-top: 18%; width: 85.7%; margin: 0 auto;}
.zuoplist .zplist ul li .zpint span{ display: block; width: 85.7%; margin: 0 auto; height: 53px; line-height: 24px; padding-top: 15px; font-size: 14px; color: #fff;}
.xunjia{ display: flex; width: 100%; height: 0.8rem; text-align: center;font-size: 0.24rem; color: #404040;margin: 0.3rem auto 0;justify-content: center;align-items: center;background: #00B5EC;color: #fff;}
.whyxkws{ width: 100%; height: 580px; background: url(../images/wxk.jpg) center no-repeat;}
.whyxkws .whyxkwtop{ text-align: center;}
.whyxkws .whyxkwtop p{ font-size: 48px; color: #fff; padding-top: 82px;}
.whyxkws .whyxkwtop p i{ color: #00b5ec; font-style: normal;}
.whyxkws .whyxkwtop span{ font-size: 24px; color: #909090;}
.whyxkws .whyxkwbot{ overflow: hidden; width: 81.25%; min-width: 1300px; margin: 0 auto; text-align: center;}
.whyxkws .whyxkwbot .wxkw{ width: 33.3%; float: left;}
.whyxkws .whyxkwbot .wxkw p{ font-size: 100px; color: #fff; padding-top: 50px;}
.whyxkws .whyxkwbot .wxkw p i{ font-size: 24px;font-style: normal;}
.whyxkws .whyxkwbot .wxkw span{ font-size: 24px; display: block; color: #fff;}
.whyxkws .whyxkwbot .wxkw em{ font-size: 48px; color: #00b5ec; display: block;}

/**多媒体解决方案**/

.idmt{ width: 100%; background: #fff; padding: 50px 0;}
.idmt .idmttop{ text-align: center;}
.idmt .idmttop span{ display: inline-block; font-size: 24px; color: #404040; border-bottom: 3px solid #02ACE6; padding: 10px 0;}
.idmt .idmtlist ul{ overflow: hidden; padding: 50px 0 25px;}
.idmt .idmtlist ul li{ width: 24.74%;margin: 0.048125%; float: left; overflow: hidden; position: relative;}
.idmt .idmtlist ul li .zpimg{ height: 100%;}
.idmt .idmtlist ul li .zpimg,.idmt .idmtlist ul li .zpimg img{ width: 100%;}
.idmt .idmtlist ul li .zpint{ position: absolute; width: 100%; height: 100%; top: 100%; background: url(../images/hebg2.png) repeat;transition: all 0.3s}
.idmt .idmtlist ul li .zpint .zpi{ text-align: right; margin: 20px;}
.idmt .idmtlist ul li .zpint p{ font-size: 16px; color: #fff; padding-top: 23%; width: 85.7%; margin: 0 auto;}
.idmt .idmtlist ul li .zpint span{ display: block; width: 65.26%; margin-left: 7.6%; height: 53px; line-height: 24px; padding-top: 15px; font-size: 12px; color: #fff;}

/**专业团队**/

.iteams{ width: 100%; height: auto;}
.iteams .iteamtop{ text-align: left;margin: 0 auto;}
.iteams .iteamtop span{ display: inline-block;font-size: 0.3rem; color: #404040; border-bottom: 3px solid #02ACE6; color: #fff;font-weight: 700;padding-bottom: 0.2rem;}
.iteams .iteamlist{ padding: 54px 0 0 0;}
.iteams .iteamlist ul{ height: 302px; overflow: inherit;}
.iteams .iteamlist ul li{ float: left; height: 302px; overflow: inherit;}
.iteams .iteamlist ul li .team2{ top: 0; display: none;transition: all 0.2s}
.xian4{ position: absolute; top: -150px;left: 116px; display: none;transition: all 0.2s}

/**新闻展示**/

.inews{ width: 100%;}
.inewlist{ width: 100%; margin: 0 auto; overflow: hidden;}
.inewlist .inew{ width: 100%;height: auto; background: #fff;}
.inewlist .inew .inewtop{ overflow: hidden;background: #F5F5F5;width: 100%;}
.inewlist .inew .inewtop p{display: flex;align-items: center;padding-left: 0.3rem;}
.inewlist .inew .inewtop p i{display: inline-block;width: 5px;height: 20px;background: #00b5ec;border-radius: 10px;}
.inewlist .inew .inewtop p span{ display: inline-block; font-size: 0.3rem; color: #404040;padding-left: 0.2rem;}
.inewlist .inew .inewtop a{ display: inline-block; font-size: 0.26rem; color: #333;padding: 0.3rem;}
.inewlist .inew .inewbot{ width: 100%;background: #fff;}
.inewlist .inew .inewbot .inewa{width: 100%;padding-top: 0.3rem;}
.inewlist .inew .inewbot .inewa a{display: flex;width: 100%;justify-content: space-between;}
.inewlist .inew .inewbot .inewa a .inimg{ width: 30%; height: auto;overflow: hidden;box-sizing: border-box;border: 1px solid #F5F5F5;}
.inewlist .inew .inewbot .inewa a .intxt{ width: 70%;box-sizing: border-box;padding-left: 0.3rem;}
.inewlist .inew .inewbot .inewa a .intit1{ font-size: 0.28rem;color: #404040; font-weight: 700;padding: 0.2rem 0;}
.inewlist .inew .inewbot .inewa a .intit2{line-height: 0.4rem;}
.inewlist .inew .inewbot .onlyUl{width: 100%;display: none;}
.inewlist .inew .inewbot .onlyUl .onlyLi{width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #ddd;padding: 0.15rem 0;}
.inewlist .inew .inewbot .onlyUl .onlyLi:first-child{padding-top: 0;}
.inewlist .inew .inewbot .onlyUl .onlyLi:last-child{padding-bottom: 0;border-bottom: none;}
.inewlist .inew .inewbot .onlyUl .onlyLi span{font-size: 0.24rem;color: #666;}
.inewlist .inew .inewbot .onlyUl .onlyLi span.s1{width: 70%;}
.inewlist .inew .inewbot .onlyUl .onlyLi span.s2{width: 30%;text-align: right;}

/**合作伙伴**/

.parlists{ width: 100%; height: auto;}
.parlist .parlisttop{ text-align: center; color: #fff;padding-bottom: 0.6rem;}
.parlist .parlisttop p{ font-size: 0.4rem;color: #fff;padding-bottom: 0.2rem;}
.parlist .parlisttop span{ font-size: 0.26rem;color: #fff;display: block;line-height: 0.4rem;}
.parlist .parlistbot{width: 100%;}
.parlist .parlistbot ul{ overflow: hidden;background: #fff;}
.parlist .parlistbot ul li{ width: 25%; height: auto; float: left;overflow: hidden;display: none;}
.parlist .parlistbot ul li img{width: 100%; height: auto;}
.parlistmore{width: 100%;display: flex;justify-content: center;padding-top: 0.6rem;}
.parlistmore a{color: #fff;font-size: 0.24rem;padding: 0.1rem 0.4rem;border: 1px solid #fff;border-radius: 0.05rem;overflow: hidden;}

/**报价**/

.ibaojias{ width: 100%;}
.ibaojia .ibaojiatop{ text-align: center;}
.ibaojia .ibaojiatop p{ font-size: 0.3rem; color: #404040;padding-bottom: 0.2rem;font-weight: 700;}
.ibaojia .ibaojiatop span{ display: inline; font-size: 0.26rem; color: #606060;}
.ibaojia .ibaojiatop i{display: inline; font-size: 0.26rem;color: #2ba4f6;}
.ibaojia .ibaojiabot{padding-top: 0.3rem;display: none;}
.ibaojia .ibaojiabot ul{ overflow: hidden;}
.ibaojia .ibaojiabot ul li{ width: 100%;padding-top: 0.25rem;}
.ibaojia .ibaojiabot ul li:first-child{padding-top: 0;}
.ibaojia .ibaojiabot ul li p{font-size: 0.24rem; color: #404040;padding-bottom: 0.15rem;font-weight: 700;}
.ibaojia .ibaojiabot ul li p span{ color: #f62b2b;}
.ibaojia .ibaojiabot ul li input{ width: 100%; border: 1px solid #DCDCDC; font-size: 0.24rem; color: #333;height: 0.7rem;line-height: 0.7rem;display: block;padding: 0 0.3rem;}
.ibaojia .ibaojiabot ul li.lastli{ width: 100%;}
.ibaojia .ibaojiabot ul li textarea{border: 1px solid #DCDCDC; width: 100%; font-size: 0.24rem; color: #333;}
.ibaojia .ibaojiabot ul li.codeli{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ibaojia .ibaojiabot ul li.codeli p{width: 20%;padding-bottom: 0;}
.ibaojia .ibaojiabot ul li.codeli input{width: 40%;text-align: center;}
.ibaojia .ibaojiabot ul li.codeli img{width: 30%;cursor: pointer;border: 1px solid #DCDCDC;height: 0.7rem;overflow: hidden;}
.ibaojia .ibaojiabot ul li.needli textarea{resize: none;height: 1.6rem;border: 1px solid #DCDCDC;padding: 0.2rem;}

/**友情链接**/

.ilinks{ width: 100%; background: #fff;}
.ilinks .ilink{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ilinks .ilink .ilinkleft{ font-size: 14px; color: #404040; line-height: 62px; float: left; width: 70px;}
.ilinks .ilink .ilinkright{ float: left; width: 1130px;}
.ilinks .ilink .ilinkright a{ display: inline-block; font-size: 12px; color: #606060; padding: 22px 22px 5px 0;}

/*sreachbox*/

.sreachbox{padding: 0.6rem 0;background: #fff;}
.sreachbox .txt{width: 100%;display: flex;align-items: center;}
.sreachbox .txt span,.sreachbox .txt a{color: #5F5F5F;height: 0.6rem;display: inline-flex;align-items: center;justify-content: center;}
.sreachbox .txt a:nth-child(2){color: #01ABE5;}
.sreachbox .txt a{border: 0px solid red;flex: 1;transition: color 0.3s;}
.sreachbox .txt a:active{color: #01ABE5;}
.sreachbox .searchlv{width: 100%;display: flex;padding-top: 0.3rem;}
.sreachbox .searchlv input,.sreachbox .searchlv a{height: 0.8rem;}
.sreachbox .searchlv input{border: 1px solid #ddd;outline: none;width: 70%;font-size: 0.26rem;color: #000;text-align: center;}
.sreachbox .searchlv a{display: inline-block;color: #fff;background: #14A0D0;width: 30%;display: inline-flex;justify-content: center;align-items: center;font-size: 0.24rem;}

/**多媒体解决方案列表**/

.caselists{ width: 100%; background: #F5F5F5;}
.caselist{ width: 100%; margin: 0 auto;}
.caselist ul{ overflow: hidden; padding: 45px 0 0;}
.caselist ul li{ width: 546px; height: 151px; background: #fff; padding: 20px 19px; float: left; margin: 0 12px 20px 12px;}
.caselist ul li .caleft{ width: 245px; height: 147px; float: left; position: relative; overflow: hidden;}
.caselist ul li .caleft img{ max-height: 100%; max-width: 100%; transition: all 0.2s;}
.caselist ul li .caright{ width: 279px; margin-left: 20px; float: left;}
.caselist ul li .caright p{ font-size: 18px; color: #000;}
.caselist ul li .caright span{ font-size: 14px; color: #606060; display: block; height: 120px; padding-top: 10px;}
.caselists .page{margin-bottom: 90px;}

/*多媒体解决方案详情页*/

.detailedbox1{width: 100%;}
.detailedbox1 .intro{background: #fff;overflow: hidden;}
.detailedbox1 .intro .caleft{ width: 100%;float: left; position: relative;}
.detailedbox1 .intro .caleft img{ max-height: 100%; max-width: 100%;}
.detailedbox1 .intro .caright{ width: 100%; float: left;}
.detailedbox1 .intro .caright h2{ font-size: 24px; color: #000;}
.detailedbox1 .intro .caright .txt{ font-size: 14px; color: #606060; display: block;}

/*展台案例列表*/

.blockbox1{width: 100%;}
.blockbox1 ul{overflow: hidden;}
.blockbox1 ul li{width: 100%;float: left;overflow: hidden;position: relative;box-sizing: border-box;}
.blockbox1 ul li a{display: block;background: #fff;}
.blockbox1 ul li .img{width: 100%; overflow: hidden;}
.blockbox1 ul li .img img{width: 100%;transition: all 0.2s;}
.blockbox1 ul li .txt{position: relative;}
.blockbox1 ul li .txt h3{font-size: 24px;color: #3F3F3F;font-weight: 400;overflow: hidden;}
.blockbox1 ul li .txt p.p1{font-size: 16px;color: #5F5F5F;overflow: hidden}
.blockbox1 ul li .txt .size{font-size: 24px;color: #01ABE5;}

/*展台案例详情页*/

.detailedbox2_1{background: #fff;}
.detailedbox2_1 .t{font-size: 24px;font-weight: normal;text-align: center;}
.detailedbox2_1 .intro{overflow: hidden;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.detailedbox2_1 .li{width: 300px;border-right: 1px solid #ddd;float: left;}
.detailedbox2_1 .li span{display: block;color: #5F5F5F;font-size: 14px;}
.detailedbox2_1 .li span font{color: #5F5F5F;font-size: 14px;}
.detailedbox2_1 dl.dl2 dt{color: #5F5F5F;font-size: 16px;text-align: center;}
.detailedbox2_1 dl.dl2 dd{font-size: 20px;text-align: center; font-style: italic;}
.detailedbox2_1 .imgbpx .bd{overflow: hidden;}
.detailedbox2_1 .imgbpx .bd li{width: 100%;overflow: hidden;}
.detailedbox2_1 .imgbpx .bd li img{width: 100%;height: 100%;}
.detailedbox2_1 .imgbpx .hd ul{width: 100%;}
.detailedbox2_1 .imgbpx .hd li{width: 100%;float: left;}
.detailedbox2_1 .imgbpx .hd li img{width: 100%;height: 100%;}
.detailedbox2_1 .imgbpx .hd li.on{border-bottom: 3px solid #03ACE6}
.detailedbox2_1 .hd{position: relative;}
.detailedbox2_1 .hd .prev,.detailedbox2_1 .hd .next{ display: block; position: absolute; top: -300px; width: 14px; height: 24px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);background-color: #fff !important;width: 26px;height: 59px;border-radius: 3px;}
.detailedbox2_1 .hd .prev{ background: url(../images/sle.png) no-repeat center; left: -42px;}
.detailedbox2_1 .hd .next{ background: url(../images/sre.png) no-repeat center; right: -42px;}
.tuijianbox{margin-top: 20px;margin-bottom: 80px;}
.tuijianbox h4{height: 40px;font-size: 24px;color: #3F3F3F;text-align: center;font-weight: normal;position: relative;padding: 20px 0;width: 380px;margin: 0 auto;}
.tuijianbox h4:before{height: 1px;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -0.5px;background: #D6D6D6;content: '';}
.tuijianbox h4 span{background: #F5F5F5;position: relative;z-index: 1;padding: 0 10px;}
.tuijianbox .bd{overflow: hidden;height: 257px;}
.tuijianbox ul{margin: 10px 0 0 0;overflow: hidden;width: 1300px;}
.tuijianbox ul li{width: 380px;float: left;overflow: hidden;position: relative;margin-right: 30px;box-sizing: border-box;}
.tuijianbox ul li a{display: block;background: #fff;}
.tuijianbox ul li .img{width: 100%;height: 195px;overflow: hidden;}
.tuijianbox ul li .img img{width: 100%;}
.tuijianbox ul li .txt{padding: 18px 20px;position: relative;}
.tuijianbox ul li .txt h3{font-size: 18px;color: #3F3F3F;font-weight: 400;line-height: 26px;height: 26px;overflow: hidden;}
.tuijianbox ul li .txt .size{font-size: 24px;color: #01ABE5;position: absolute;right: 20px;top: 15px;}
.tuijianbox .hd{position: relative;}
.tuijianbox .hd .prev,.tuijianbox .hd .next{ display: block; position: absolute; top: 84px; width: 14px; height: 24px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);background-color: #fff !important;width: 26px;height: 59px;border-radius: 3px;}
.tuijianbox .hd .prev{ background: url(../images/sle.png) no-repeat center; left: -42px;}
.tuijianbox .hd .next{ background: url(../images/sre.png) no-repeat center; right: -42px;}

/*新闻资讯列表*/

.blockbox2 .page{padding: 50px 0 90px 0;}
.blockbox2 ul{padding: 80px 80px 50px 80px;background: #fff;margin-top: 40px;border: 1px solid #EEEEEE;border-radius: 2px;}
.blockbox2 li:first-child{padding-top: 0 !important;}
.blockbox2 li{overflow: hidden;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #CCCCCC;}
.blockbox2 li .boxtext{overflow: hidden;}
.blockbox2 li .boxtext h2{font-size: 18px;line-height: 23px;color: #353535;}
.blockbox2 li .boxtext p{color: #656565;line-height: 24px;font-size: 14px;max-height: 52px;overflow: hidden;margin: 10px 0 0 0;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;/* 设置行数 */
  -webkit-box-orient: vertical;}
.blockbox2 li .other{color: #656565;font-size: 12px;margin-top: 10px;}
.blockbox2 li .other span{padding-right: 10px;}
.blockbox2 li .other span.s1{color: #2888E2;}
.blockbox2 li .other font.f1{color: #2787E1;}
.blockbox2 li .other font.f2{color: #FF5A5A;}
.blockbox2 li .boxtext{float: left;width: 760px;float: right;}
.blockbox2 li .boximg{width: 225px;height: 150px;float: left; overflow: hidden;}
.blockbox2 li .boximg img{width: 100%;height: 100%; transition: all 0.2s;}

/*detailedbox3*/

.detailedbox3{padding: 30px 80px 30px 80px;background: #fff;margin-top: 40px;border: 1px solid #EEEEEE;border-radius: 2px;}
.detailedbox3 h1{font-size: 24px;font-weight: normal;color: #353535;text-align: center;}
.detailedbox3 .intro{color: #656565;font-size: 12px;text-align: center;padding: 10px 0;}
.detailedbox3 .intro span{padding-right: 10px;}
.detailedbox3 .intro font.f1{color: #444;}
.detailedbox3 .intro font.f2{color: #FF5A5A;}
.detailedbox3 .intro font.f3{color: #2787E1;}
.detailedbox3 .detailed4{border-bottom: 1px solid #eee;padding: 10px 0;border-top: 1px solid #eee;margin: 10px 0;line-height: 180%;color: #606060;font-family: "Microsoft YaHei";font-size: 16px;color: #333;}
.detailedbox3 .detailed4 a{color: #02ACE6;text-decoration: underline;}
.detailedbox3 .detailed4 img{max-width: 100%;padding: 10px 0;}
.tuijianbox2{margin-top: 20px;margin-bottom: 60px;}
.tuijianbox2 h4{height: 40px;font-size: 24px;color: #3F3F3F;text-align: center;font-weight: normal;position: relative;padding: 20px 0;width: 380px;margin: 0 auto;}
.tuijianbox2 h4:before{height: 1px;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -0.5px;background: #D6D6D6;content: '';}
.tuijianbox2 h4 span{background: #F5F5F5;position: relative;z-index: 1;padding: 0 10px;}
.tuijianbox2 ul{margin: 10px 0 0 0;overflow: hidden;width: 110%;}
.tuijianbox2 ul li{padding: 20px;background: #fff;width: 333px;float: left;margin-right: 40px;}
.tuijianbox2 ul li a{display: block;background: #fff;}
.tuijianbox2 ul li .img{width: 100%;}
.tuijianbox2 ul li .img img{width: 100%;}
.tuijianbox2 ul li .txt{padding: 18px 20px;position: relative;}
.tuijianbox2 ul li .txt h3{font-size: 18px;color: #3F3F3F;font-weight: 400;line-height: 26px;height: 26px;overflow: hidden;}
.tuijianbox2 ul li .txt .size{font-size: 24px;color: #01ABE5;position: absolute;right: 20px;top: 15px;}
.tuijianbox2 ul li p{line-height: 22px;color: #666;margin-top: 10px;height: 44px;}
.tuijianbox2 ul li .other{padding-top: 10px;}
.tuijianbox2 ul li .other span{color: #666;}
.tuijianbox2 ul li .other span:last-child{float: right;}
.tuijianbox2 ul li .other font.f1{color: #2787E1;}
.tuijianbox2 ul li .other font.f2{color: #FF5A5A;}
.tuijianbox2 .hd{position: relative;}
.tuijianbox2 .hd .prev,.tuijianbox2 .hd .next{ display: block; position: absolute; top: 165px; width: 14px; height: 24px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);background-color: #fff !important;width: 26px;height: 59px;border-radius: 3px;}
.tuijianbox2 .hd .prev{ background: url(../images/sle.png) no-repeat center; left: -42px;}
.tuijianbox2 .hd .next{ background: url(../images/sre.png) no-repeat center; right: -42px;}

/**尊龙官网登录入口z6mg页面**/

.compintros{ width: 100%; height: auto; background: #fff;border-bottom: 1px dashed #aaa;padding-bottom: 0.6rem;}
.compintro{ width: 100%; margin: 0 auto;}
.compTop{ text-align: center;padding: 0.2rem 0;}
.compTop p{ font-size: 0.4rem; color: #404040;}
.compTop span{ font-size: 0.3rem; color: #02ace6;padding-top: 0.2rem;}
.compintro .compimg{ width: 100%;}
.compintro .compimg img{ width: 100%;}
.compintro .compints{ width: 100%; background: #fff;box-sizing: border-box;font-size: 16px;}
.compintro .compints .compint1{ text-align: center; padding: 45px 0;}
.compintro .compints .compint2{ width: 100%; margin: 0 auto 35px; color: #404040;}
.compintro .compints .compint2 .gs1{ font-size: 16px;}
.compintro .compints .compint2 .gs2{ font-size: 14px; line-height: 30px; padding-top: 10px;}
.compintro .compints .compint3{ margin: 0 auto; text-align: center;}
.compintro .compints .compint3 img{ max-width: 100%;}
.compintro .compints .compint4{ color: #000; padding: 60px 0; text-align: center;}
.compintro .compints .compint4 p{ font-size: 30px;font-style: italic;}
.compintro .compints .compint4 span{ font-size: 14px;}
.gscultures{ width: 100%; background: #fff;}
.gsculture{ width: 100%; margin: 0 auto;}
.gsculture ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.6rem;}
.gsculture ul li{ width: 48%;margin-top: 0.3rem;}
.gsculture ul li:nth-child(1){margin-top: 0;}
.gsculture ul li:nth-child(2){margin-top: 0;}
.gsculture ul li .gscul1{width: 100%;height: 2rem;}
.gsculture ul li .gscul2{ background: #03ACF1; width: 100%;text-align: center;padding-bottom: 0.2rem;}
.gsculture ul li .gscul2 p{ font-size: 0.3rem; color: #fff;display: block;width: 100%;padding: 0.2rem;text-align: center;text-overflow: ellipsis;white-space: normal;overflow: hidden;}
.gsculture ul li .gscul2 span{ display: block; font-size: 0.26rem; color: #fff;width: 100%;height: 0.8rem;line-height: 0.4rem;text-align: center;padding: 0 0.2rem;display: inline-flex;align-items: center;justify-content: center;}
.gscations{ width: 100%; background: #fff;border-top: 1px dashed #aaa;}
.gsservices{ width: 100%; background: #fff;border-top: 1px dashed #aaa;padding-bottom: 0.6rem;}
.gsservice{ width: 100%; margin: 0 auto;}
.gsservice ul{ overflow: hidden;}
.gsservice ul li{width: 100%;box-sizing: border-box;padding: 0.2rem 0;border-bottom: 1px solid #eee;}
.gsservice ul li:first-child{padding-top: 0;}
.gsservice ul li:last-child{padding-bottom: 0;border-bottom: none;}
.gsservice ul li .gserleft{text-align: center;color: #03acf1;display: none;}
.gsservice ul li .gserleft span{ display: block;}
.gsservice ul li .gserright{color: #606060;}
.gsservice ul li .gserright p{ font-size: 0.28rem; width: 100%;padding-bottom: 0.2rem;color: #333;}
.gsservice ul li .gserright span{ display: block; font-size: 0.26rem;color: #666;line-height: 0.4rem;text-align: justify;}
.gsteams{ width: 100%; border-top: 1px dashed #aaa;}
.gsteam{ width: 100%; margin: 0 auto;position: relative;}
.gsteam ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.6rem;}
.gsteam ul li{ width: 48%; background: #fff;overflow: hidden;margin-top: 0.3rem;border-radius: 0.1rem;}
.gsteam ul li:nth-child(1){margin-top: 0;}
.gsteam ul li:nth-child(2){margin-top: 0;}
.gsteam ul li .team1{ padding-top: 4px;}
.gsteam ul li .team1 .team1top{ width: 100%; height: 3rem;}
.gsteam ul li .team1 .team1top img{ max-width: 100%;}
.gsteam ul li .team1 .team1bot{ text-align: center;background: #F5F5F5;padding: 0.2rem;}
.gsteam ul li .team1 .team1bot p{ font-size: 0.28rem; color: #404040;padding-bottom: 0.1rem;}
.gsteam ul li .team1 .team1bot span{ font-size: 0.26rem; color: #606060;display: block;width: 100%;}
.gsteam ul li .team2{ text-align: center; position: absolute; border-radius: 4px; width: 100%; height: 100%; background: url(../images/hebg.png) repeat; top: 302px; left: 0;}
.gsteam ul li .team2 .tmint{ color: #fff; width: 160px; margin: 0 auto;}
.gsteam ul li .team2 .tmint p{ font-size: 18px;padding-top: 40px}
.gsteam ul li .team2 .tmint span{ display: block; font-size: 14px;}
.gsteam ul li .team2 .tmint em{ display: block; line-height: 26px; padding-top: 20px; font-size: 14px;}
.gsteam ul li .team2 .tmina{ padding-top: 33px;}
.gsteam ul li .team2 .tmina a{ display: inline-block; width: 93px; height: 32px; line-height: 32px; text-align: center; background: #03ACF1; border-radius: 4px; font-size: 14px; color: #fff;}
.gsteam ul li .team2 .tmins{ padding-top: 23px;}
.gsteam ul li .team2 .tmins a{ font-size: 12px; color: #fff; text-decoration: underline;}
.gsteam .hd .prev,.gsteam .hd .next{ display: block; position: absolute; top: 130px; width: 14px; height: 24px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.gsteam .hd .prev{ background: url(../images/sle.png) no-repeat; left: -32px;}
.gsteam .hd .next{ background: url(../images/sre.png) no-repeat; right: -32px;}

/**团队弹出层**/

.teamdets{ width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: url(../images/hebg.png) repeat;}
.teamdet{ width: 1037px; height: 527px; background: #070707; position: fixed; margin: auto; left: 0; right: 0; top: 0; bottom: 0; border-radius: 5px;}
.teamdet .teamd1 {}
.teamdet .teamd1 a{font-size: 14px; color: #b6b6b6; display: inline-block; position: absolute; margin-top: 252px; height: 24px; line-height: 24px;}
.teamdet .teamd1 a img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.teamdet .teamd1 a.prev{ left: -95px;}
.teamdet .teamd1 a.prev img{ margin-right: 18px; float: left;}
.teamdet .teamd1 a.next{ right: -95px;}
.teamdet .teamd1 a.next img{ margin-left: 18px; float: right;}
.teamdet .teamd2 .teamd2top{ text-align: right; padding: 15px 18px;}
.teamdet .teamd2 .teamd2top a{ font-size: 12px; color: #b6b6b6;}
.teamdet .teamd2 .teamd2top a img{ vertical-align: middle; margin: -2px 0 0 9px;}
.teamdet .teamd2 .teamd2bot{width: 845px;margin: 60px auto;overflow: hidden;height: 258px;}
.teamdet .teamd2 .teamd2bot li{overflow: hidden;}
.teamdet .teamd2 .teamd2bot .teamd2botleft{ width: 219px; height: 224px; border: 1px solid #999; float: left; position: relative;margin-top: 32px;}
.teamdet .teamd2 .teamd2bot .teamd2botleft .tear{width: 219px; height: 224px; position: absolute;margin: -11px 0 0 -9px;}
.teamdet .teamd2 .teamd2bot .teamd2botleft img{ max-width: 100%;}
.teamdet .teamd2 .teamd2bot .teamd2botright{ width: 580px; float: right;}
.teamdet .teamd2 .teamd2bot .teamd2botright .teambot1{ font-size: 36px; color: #fff; position: relative;}
.teamdet .teamd2 .teamd2bot .teamd2botright .teambot2{ font-size: 14px; color: #909090; padding: 8px 0;}
.teamdet .teamd2 .teamd2bot .teamd2botright .teambot3{font-size: 14px; color: #909090; line-height: 36px; height: 108px;}
.teamdet .teamd2 .teamd2bot .teamd2botright .teambot4{ padding-top: 20px;}
.teamdet .teamd2 .teamd2bot .teamd2botright .teambot4 a{ display: block; width: 129px; height: 35px; line-height: 35px; text-align: center; background: #00B5EC; border-radius: 4px; font-size: 16px; color: #fff;}
.catiul{ width: 1200px; margin: 0 auto; padding-bottom: 60px; position: relative;}
.catiul ul{ overflow: hidden;}
.catiul ul li{ width: 100%; height: 3rem;}
.catiul ul li .caint{ display: none; position: absolute;width: 291px; height: 198px; background: url(../images/hebg2.png) repeat; top: 0; left: 0; text-align: center;}
.catiul ul li .caint img{ margin-top: 80px;}
.catiul .hd .prev,.catiul .hd .next{ display: block; position: absolute; top: 82px; width: 14px; height: 24px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.catiul .hd .prev{ background: url(../images/sle.png) no-repeat; left: -32px;}
.catiul .hd .next{ background: url(../images/sre.png) no-repeat; right: -32px;}

/*常见问题列表*/

.blockbox3 .page{padding: 50px 0;}
.blockbox3 ul{margin-top: 45px;}
.blockbox3 li{overflow: hidden;margin-bottom: 10px;padding: 30px 20px;background: #fff;border: 1px solid #EEEEEE;border-radius: 2px;}
.blockbox3 li .boxtext{overflow: hidden;}
.blockbox3 li .boxtext h2{font-size: 18px;line-height: 20px;color: #353535;font-weight: normal;margin-bottom: 5px;}
.blockbox3 li .time{color: #8F8F8F;}
.blockbox3 li .boxtext p{color: #656565;line-height: 24px;font-size: 14px;height: 48px;overflow: hidden;margin: 20px 0;}
.blockbox3 li .other{color: #656565;font-size: 12px;margin-top: 10px;}
.blockbox3 li .other span{padding-right: 10px;}
.blockbox3 li .other span.s1{color: #2888E2;}
.blockbox3 li .other font.f1{color: #2787E1;}
.blockbox3 li .other font.f2{color: #FF5A5A;}
.blockbox3 li .boxtext{float: left;width: 890px;float: right;}
.blockbox3 li .boximg{width: 225px;height: 150px;float: left;border-right: 1px solid #eee;}
.blockbox3 li .boximg img{width: 100%;height: 100%;}
.blockbox3 li .alink{display: block;padding: 3px 10px;border: 1px solid #aaa;float: left;}
.blockbox3 li .num{padding-left: 20px;background: url(../images/zan.png) no-repeat left center;display: block;float: left;line-height: 28px;margin-left: 10px;}

/*常见问题详情*/

.detailedbox4_1{background: #fff;padding: 60px 100px;margin: 20px auto;}
.detailed4_1{overflow: hidden;margin-bottom: 10px;background: #fff;border-radius: 2px;}
.detailed4_1 .boxtext{overflow: hidden;}
.detailed4_1 .boxtext h2{font-size: 30px;line-height: 30px;color: #01ABE5;font-weight: normal;margin-bottom: 5px;}
.detailed4_1 .time{color: #8F8F8F;}
.detailed4_1 .boxtext p{color: #656565;line-height: 24px;font-size: 14px;height: 72px;overflow: hidden;margin: 20px 0;}
.detailed4_1 .other{color: #656565;font-size: 12px;margin-top: 10px;}
.detailed4_1 .other span{padding-right: 10px;}
.detailed4_1 .other span.s1{color: #2888E2;}
.detailed4_1 .other font.f1{color: #2787E1;}
.detailed4_1 .other font.f2{color: #FF5A5A;}
.detailed4_1 .boxtext{float: left;width: 835px;float: right;}
.detailed4_1 .boximg{width: 125px;height: 70px;float: left;border-right: 1px solid #eee;}
.detailed4_1 .boximg img{width: 100%;height: 100%;}
.detailed4_1 .alink{display: block;padding: 5px 0;float: left;}
.detailed4_1 .num{padding-left: 20px;background: url(../images/zan.png) no-repeat left center;display: block;float: left;line-height: 28px;margin-left: 10px;}
.detailed4_2{border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-top: 30px;}
.detailed4_2_1{margin: 40px 0;background: url(../images/d.png) no-repeat 20px 5px;min-height: 80px;}
.detailed4_2_1_1{border-left: 1px solid #eee;margin-left: 125px;padding-left: 40px;font-size: 16px;line-height: 180%;color: #5F5F5F;}
.detailed4_2_1_1 a{color: #02ACE6;text-decoration: underline;}

/**联系我们**/

.contacts{ width: 100%; background: #fff;padding: 0.6rem 0;}
.contact1{ overflow: hidden; text-align: center;padding-top: 0.6rem;}
.contact1 .contactm{ width: 100%; border-bottom: 1px dashed #D3D3D3;display: flex;align-items: center;padding: 0.2rem 0;}
.contact1 .contactm:first-child{padding-top: 0;}
.contact1 .contactm:last-child{padding-bottom: 0;border-bottom: none;}
.contact1 .contactm .conimg{width: 20%;border: 0px solid red;}
.contact1 .contactm .conimg img{width: 0.4rem;}
.contact1 .contactm p{ font-size: 0.24rem; color: #606060;width: 80%;text-align: justify;}
.contact2{ width: 100%;}
.branch{ width: 100%; margin: 0 auto;padding-bottom: 0.6rem;}
.branch ul{ overflow: hidden;}
.branch ul li{ width: 100%; background: #fff;padding: 0.3rem 0;border-top: 1px dashed #ddd;}
.branch ul li:first-child{padding-top: 0;border-top: none;}
.branch ul li:last-child{display: none;}
.branch ul li .braleft{ width: 100%;display: none;}
.branch ul li .braleft img{width: 100%;}
.branch ul li .braright{ width: 100%;}
.branch ul li .braright p{ font-size: 0.28rem; color: #02ace6;padding-bottom: 0.1rem;}
.branch ul li .braright span{ display: block; font-size: 0.24rem; color: #606060;width: 100%;padding-top: 0.1rem;}
.branch ul li .braint{ text-align: center; font-size: 18px; color: #02ace6;}
.branch ul li .bratel{text-align: center; font-size: 40px; color: #000;}

/*ydbox*/

.ydbox{background: url(../images/yd.jpg) no-repeat center;margin-top: 50px;padding: 85px 0;}
.ydbox .ydboxinput{width: 1200px;height: 680px;background: #fff;margin: 0 auto;border-radius: 5px;}
.ydbox .ydboxinput h2{font-size: 30px;color: #3F3F3F;line-height: 40px;font-weight: normal;text-align: center;padding-top: 50px;}
.ydbox .ydboxinput p{color: #5F5F5F;margin-top: 5px;text-align: center;font-size: 14px;}
.ydbox .ydboxinput p em{color: #2BA3F5;}
.ydbox .ydboxinput dl dt{line-height: 20px;margin-bottom: 5px;font-size: 14px}
.ydbox .ydboxinput dl dt em{color: #F52B2B;}
.ydbox .ydboxinput dl dd input.text{width: 310px;height: 30px;border: 1px solid #ccc;border-radius: 3px;padding: 0 10px;}
.ydbox .dlbox{width: 784px;margin: 0 auto;overflow: hidden;margin-top: 30px;}
.ydbox .dlbox dl{float: left;margin: 10px 30px;}
.ydbox .long{width: 800px;}
.ydbox .dlbox textarea{border: 1px solid #ccc;width: 704px;padding: 10px;line-height: 24px;border-radius: 3px;font-family: 微软雅黑;font-size: 12px;}
.ydbox .submit{width: 360px;display: block;height: 40px;margin: 20px auto;background: #00B5EC;border-radius: 5px;text-align: center;font-size: 16px;color: #fff;line-height: 40px;background-size: auto 100%;cursor: pointer;}
.picwrapper{width: 1000px; display: block;margin-top: 40px;}
.picwrapper .content_tit{ position: absolute; left: 0; bottom: 168px; z-index: 12;}
.picwrapper .content_tit .tit_cont{ background: rgba(180, 59, 4, 0.8); width: 180px; height: 120px; text-align: center; font-size: 50px; color: #fff; line-height: 120px;}
.picwrapper .content_tit .tit_cont span{ font-size: 60px; color: #fff; line-height: 50px; font-family: arial;}
.picwrapper .imgnav{ position: relative; width: 1000px; height: 648px;border-bottom: 1px solid #eee;}
.picwrapper .picimg{ z-index: 10; position: relative; text-align: center; background: #474646; width: 1000px; height: 550px; overflow: hidden;}
.picwrapper .picimg .img1{width: 100%;height: 100%;}
.picwrapper .picimg li{ display: none; width: 100%;height: 100%;}
.picwrapper .picimg li img{width: 100%;height: 100%;display: block;}
.picwrapper .picimg li p{ position: absolute; bottom: 0; right: 0; z-index: 11; padding: 42px 25px 42px 81px; background: rgba(0, 0, 0, 0.40); filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr=#40000000, endColorstr=#40000000); text-align: left; width: 694px;}
.picwrapper .picimg li p span{ display: block; height: 36px; overflow: hidden; color: #dcdddd; font-size: 14px; line-height: 18px;line-height: 36px;overflow: hidden;}
.picwrapper .front{ position: absolute; left: 0px; top: 0px; z-index: 10; cursor: pointer; width: 50px; height: 50px;}
.picwrapper .front a{ position: absolute; left: 16px; top: 224px;display: block; background: url(../images/q1.png) no-repeat; width: 70px; height: 70px;}
.picwrapper .nextxx{ position: absolute; right: 0px; top: 0px; z-index: 10;cursor: pointer; width: 50px; height: 50px;}
.picwrapper .nextxx a{ position: absolute; right: 16px; top: 224px; display: block; background: url(../images/q2.png) no-repeat; width: 70px; height: 70px;}
.picwrapper .cbtn{position: relative;margin: 10px 0;}
.picwrapper .cbtn ul{position: relative; width: 10000px;height: 75px;overflow: hidden;}
.picwrapper .cbtn ul li{ float: left; width: 100px; height: 73px; cursor: pointer; text-align: center; position: relative; background: #000000; border: 1px solid #595757;margin-right: 5px;}
.picwrapper .cbtn ul li img{ width: 100%; height: 100%; display: block;}
.picwrapper .cbtn li.hov{ border: 1px solid #CC3629;}
.picwrapper .ctrl div{ clear: both;}
.picwrapper .cSlideUl{width: 960px;overflow: hidden; position: relative; margin: 0 auto;}
.picwrapper i{display: block;width: 14px;height: 24px;}
.picwrapper .picSildeLeft{cursor: pointer; position: absolute; top: 30px; left: 0; z-index: 9;background: url(../images/sle.png) no-repeat center;}
.picwrapper .picSildeRight{cursor: pointer; position: absolute; top: 30px; right: 0; z-index: 9;background: url(../images/sre.png) no-repeat center;}
.close-kefu-btn{position: absolute;top: 5px;right: 5px;display: block;max-width: 100%;height: auto;cursor: pointer;}
.the404{height: 500px;border-top: 1px solid #f1f1f1;background: #fff}
.the404 .box .fl{width: 50%;box-sizing: border-box;float: left;}
.the404 .box .fl .fr{float: right;}
.the404 .box .fl:first-child{padding-top: 112.5px;}
.the404 .box .fl:last-child{padding-top: 162.5px;}
.the404 .box .fl:last-child h2{font-size: 20px;line-height: 1;font-weight: normal;margin-bottom: 15px;}
.the404 .box .fl:last-child .time{color: #5e5e5e;font-size: 14px;line-height: 1;margin-bottom: 30px;}
.the404 .box .fl:last-child .adda{margin-bottom: 30px;}
.the404 .box .fl:last-child .adda a{font-size: 14px;color: #fff;box-sizing: border-box;padding: 7px 21px;border-radius: 3px;background: #008cd6;margin-right: 22px;border: 1px solid #008cd6}
.the404 .box .fl:last-child .other{color: #5e5e5e;font-size: 14px;line-height: 1;margin-bottom: 15px;}
.the404 .box .fl:last-child .lista a{margin-right: 35px;font-size: 14px;line-height: 1;color: #008cd6}

/*黄老师页面中的样式粘贴过来的*/

.huangTop.itops .itopleft .itopl1{ position: relative; height: 100%;}
.huanglight{ cursor: pointer; position: absolute; left: 0; top: 0; width: 70px; height: 100%; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); -ms-transform: skewx(-25deg); animation: light_move 1.5s infinite linear; -webkit-animation: light_move 1.5s infinite linear; -moz-animation: light_move 1.5s infinite linear; -o-animation: light_move 1.5s infinite linear; -ms-animation: light_move 1.5s infinite linear;}
@keyframes light_move{ 0%{ left: 0;}
  30%{ left: 160px}
  75%{ left: 50px;}
  100%{ left: 220px;}
  }
@-moz-keyframes light_move{ 0%{ left: 0;}
  30%{ left: 160px}
  75%{ left: 50px;}
  100%{ left: 220px;}
  }
@-webkit-keyframes light_move{ 0%{ left: 0;}
  30%{ left: 160px}
  75%{ left: 50px;}
  100%{ left: 220px;}
  }
@-o-keyframes light_move{ 0%{ left: 0;}
  30%{ left: 160px}
  75%{ left: 50px;}
  100%{ left: 220px;}
  }
@-ms-keyframes light_move{ 0%{ left: 0;}
  30%{ left: 160px}
  75%{ left: 50px;}
  100%{ left: 220px;}
  }

/*黄老师多媒体-总体*/

.huangMultiMedia{ width: 100%; padding: 70px 0;}
.huangMultiMedia2{ overflow: hidden; height: 765px; background: -pink;}
.huangMultiMedia2 .fullbox{ display: block; width: 100%; height: 100%;}
.huangMultiMedia2 .itembox{ position: relative; overflow: hidden; cursor: pointer;}

/*黄老师多媒体-遮罩*/

.huangMultiMedia2 .maskbox{ background: #03ACF1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-sizing: border-box; display: flex; justify-content: center; align-items: center;display: none;}
.huangMultiMedia2 .maskbox2{ display: flex; flex-direction: column; justify-content: center; width: 80%; margin: 0 auto; background: -pink;}
.huangMultiMedia2 .maskbox .p1{ font-size: 24px; color: #fff; text-align: justify; margin-bottom: 20px;}
.huangMultiMedia2 .maskbox .p2{ font-size: 16px; color: #fff; line-height: 1.6; text-align: justify;}

/*黄老师多媒体-定位*/

.huangMultiMedia2 .maskfixd{ position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; box-sizing: border-box; padding: 30px;}
.huangMultiMedia2 .maskfixd .d1{ display: flex; align-items: center;width: 100%;}
.huangMultiMedia2 .maskfixd .d1 .s1{ font-size: 24px; color: #fff; width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-right: 5%;}
.huangMultiMedia2 .maskfixd .d1 .s2{ font-size: 12px; color: #fff; border: 1px solid #fff; text-align: center; width: 100px; height: 30px; line-height: 30px;}
.huangMultiMedia2 .maskfixd .d2{ width: 100%; font-size: 13px; color: #fff;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px;line-height: 20px;}

/*黄老师多媒体-如果是图片就加ifimg的class即可*/

.huangMultiMedia2 .ifimg{ display: block; width: 100%; height: 100%;}
.huangMultiMedia2 .ifimg img{ display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover;}

/*黄老师多媒体-如果是视频就加ifmv的class即可*/

.huangMultiMedia2 .ifmv{ display: block; width: 100%; height: 100%;}
.huangMultiMedia2 .ifmv video{ display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover;}

/*未知*/

.huangislider{height: calc( 100vh - 125px);}
.huangislider .bd ul{height: 100%;}
.huangislider .bd ul li{height: 100%;}
.huangislider .bd ul li a{display: block;height: 100%;width: 100%;}
.huangislider .bd ul li a img{display: block;height: 100%;width: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}

/*黄老师“多媒体解决方案”重构*/

#huangTeams ul li{width: 190px;margin: 0;margin-left: 8px;}
#huangTeams .gsteam ul li .team1 .team1top{margin: 0;width: 100%;box-sizing: border-box;padding: 0 4px;}
#huangTeams .gsteam ul li .team1 .team1top img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}