@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1600px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}


/*PC端公共头部*/
.header{padding: 20px 0; border-bottom: 1px solid #d9d9d9}
.header .logo img{display: inline-block; margin-right: 46px;}
.header .logo .text{background: url(../images/logo-line.png) no-repeat left center; padding-left: 46px; margin-top: 2.5px;}
.header .logo em{display: block; font-size: 17px; color: #e7141a}
.header .logo span{display: block; font-size: 14px; color: #666666}
.head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 38px;}
.head-tel em{display: inline-block; font-size: 16px; color: #666666; line-height: 56px;}
.head-tel strong{display: block; font-size: 24px; line-height: 28px; color: #333333; font-family: arial;}


/*PC端导航*/
.nav ul li{float: left; width: calc(100% / 10); border-right: 1px solid #d9d9d9; box-sizing:border-box; position: relative;}
.nav ul li>a{display: block; font-size: 16px; line-height: 50px; color: #333333; text-align: center;}
.nav ul li.on>a,.nav ul li:hover>a{background: #e7141a; color: #fff;}
.nav dl{position: absolute; top: 50px; display: none; width: 100%; z-index: 22; left: 0}
.nav dl em{display: block;  background:url(../images/nav-icon.png ) no-repeat center left 10px rgba(0,0,0,0.7); text-align: left;overflow: hidden;}
.nav dl em a{display: block;line-height: 32px;padding-left: 23px;border-bottom: 1px solid rgba(250,250,250,.3);color:#fff;}
.nav dl em:hover a{ background:url(../images/nav-icon.png ) no-repeat center left 10px rgba(234,15,21,0.7);}

.pc-header{position: fixed;top:0;left:0;right:0;width:100%; background: #fff;z-index: 9998;box-shadow:0px 2px 8px 0px rgba(50,50,50,0.25);}
.pc-headerzw{height: 149px}

/*手机端公共头部*/
.wap-header,.wap-headerzw{display: none;}


/*首页banner*/
.banner{ position: relative; overflow: hidden; height: 600px; transition:0.6s;}
.banner .swiper-slide{background-size:cover}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;position: absolute;top:0;left:0;}
.banner .swiper-slide:nth-child(2){background-position: left center!important}
.banner .swiper-slide:nth-child(3){background-position: left center!important}


#banner-num {bottom:5%;z-index: 1; display: block;}
#banner-num .swiper-pagination-bullet{background:rgba(255,255,255,0.6);width: 12px;height: 12px;margin:0 7px; opacity: 1 }
#banner-num .swiper-pagination-bullet-active{background: #EC0307;}






/*搜索关键词*/
.pannel{height:80px;box-shadow: 0 5px 5px rgba(32,32,32,0.1);width: 100%;}
.index-keywords{line-height:80px; overflow: hidden; }
.index-keywords strong{display: inline-block; font-size: 16px; color: #333; margin-right:9px;font-weight: normal;}
.index-keywords ul li{float: left;}
.index-keywords ul li a{display: inline-block; color: #666;margin-right:8px;font-size: 14px;}
.index-search{margin-top: 15px;width:246px;}
.index-search input{outline: none; font-family: "Microsoft YaHei";}
.index-search .search-text{ background: #e8e8e8;border-radius: 20px 0 0 20px;width:196px;border:none; line-height:40px;height:40px; color: #909090; text-indent: 1rem;}
.index-search .search-btn{width:50px;height: 40px;  border-radius:  0 20px 20px 0;background: url(../images/search-btn.png) no-repeat center #e7141a; border: none; cursor: pointer;}




/*校园文化建设*/
.product{padding-bottom: 66px;}
.product-title{text-align: center; padding: 57px 0 0px}
.product-title h2{display: block; font-size: 30px; line-height: 30px; color: #333333; margin-bottom: 4px;}
.product-title span{display: block; font-size: 14px;color: #808080; font-family: arial; text-transform: uppercase; margin-bottom: 16px;}
.product-title p{line-height: 20px; border-top: 1px solid #cccccc; margin: 16px 0; padding: 15px 0;border-bottom: 1px solid #cccccc; }
.product-btn{overflow: hidden; margin-bottom: 20px}
.product-btn ul{width: 100.3%}
.product-btn ul li{float: left; width: calc(100% / 6 - 0.3%); margin-right: 0.3%; text-align: center; background: #f2f2f2; display: flex; height: 65px}
.product-btn ul li a{margin: auto;}
.product-btn ul li em{display: block; font-size: 16px; line-height: 16px; color: #333333; margin-bottom: 8px}
.product-btn ul li span{display: block; font-size: 12px; line-height: 12px; color: #777777; font-family: arial;}
.product-btn ul li.on,.product-btn ul li:hover{background: #e7141a}
.product-btn ul li.on em,.product-btn ul li:hover em,.product-btn ul li.on span,.product-btn ul li:hover span{color: #fff;}

.product-list{overflow: hidden;}
.product-list ul{width: 101.25%}
.product-list ul li{float: left; width: calc(100% / 4 - 1.25%); margin-right: 1.25%; margin-bottom: 1.25%; border: 1px solid #dbdbdb; box-sizing:border-box; transition: all .5s;}
.product-list ul li .pic{width: 100%;overflow: hidden;}
.product-list ul li .pic img{display: block; width: 100%;transition:all .5s;}
.product-list ul li:hover .pic img{transform: scale(1.3);}
.product-list ul li .info{background: url(../images/pro-arrow.png) no-repeat right 25px center; padding: 10px 0; transition: all .3s;}
.product-list ul li em{display: block; font-size:16px; line-height: 32px; color:#333; font-weight:bold;  text-indent: 20px}
.product-list ul li:hover .info{background: url(../images/pro-arrow.png) no-repeat right 15px center #f9f9f9;}
.product-list ul li:hover em{color: #e7141a}
.product-more a{display: block;width:250px; background: #EEEEEE; font-size:16px; line-height:50px; transition: all .3s; text-align: center; border-radius:50px; margin: 45px auto 0;}
.product-more a:hover{color:#fff; background: #EC0307;}



/*凝聚校园4i整体规划方案*/
.planning{background:#fbfbfb;padding: 50px 0  100px;}
.planning-title{}
.planning-title h2{color: #fff;background: url(../images/plan-tit-bg.png)no-repeat center; font-size: 28px; line-height: 57px;height:57px;}
.planning-list{margin: 50px 0 0 ;text-align: center;}
.planning-list ul {width: 102%;}
.planning-list ul li {width: calc(100% / 4 - 2%); float: left; margin-right: 2%;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);box-sizing: border-box;}
.planning-list ul li .pic,.planning-list ul li .pic img{width: 100%;}
.planning-list ul li .txt{background: url(../images/plan-bg.jpg)no-repeat center ;height: 230px;box-sizing: border-box;}
.planning-list ul li .txt p{margin: 18px auto 0;width:72px;font-size: 18px;line-height: 36px;color: #666;background: url(../images/gou.png)no-repeat  left center ;padding-left: 30px;}
.planning-list ul li .icon{margin-top: 31px;}
.planning-list ul li .icon img{max-width: 25%;}



/*助力教育优质验收 */
.acceptance{padding: 50px 0;}
.acceptance-title{}
.acceptance-title h2{color: #fff;background: url(../images/plan-tit-bg.png)no-repeat center; font-size: 28px; line-height: 57px;height:57px;}
.acceptance-title em{color: #333; font-size: 20px; line-height:20px;height:20px;display: block;margin: 12px  0 40px;}
.acceptance-list{overflow: hidden;position: relative;padding-bottom: 29px;}
.acceptance-list .bd ul li{width: 100%;}
.acceptance-list .bd ul li img{width: 100%;}
.acceptance-list .smallScroll{position: relative;max-width:1760px;margin:0 auto;margin-top: 20px;}
.acceptance-list .hd {float: left; margin: 30px 0px 0; display: inline;overflow:visible; }
.acceptance-list .hd  ul{height: 79px;margin: 0 40px;overflow:visible;width:100%;}
.acceptance-list .hd  ul li { float: left; margin:0 15px; /*width: 160px;*/   width: calc(94.5% / 8 - 30px);   cursor: pointer; text-align: center;}
.acceptance-list .hd  ul li p{font-size: 16px;color: #333;}
.acceptance-list .hd  ul li img{ width: 100%;}
.acceptance-list .prev, .acceptance-list .next{position:absolute;bottom:60px;width:40px;height: 62px;text-indent: -999999px;}
.acceptance-list .prev{background: url(../images/acceptance-prev.png)no-repeat center bottom;left:0;}
.acceptance-list .next{background: url(../images/acceptance-next.png)no-repeat center bottom;right:0;}
.acceptance-list .hd ul li:before{display: block;opacity: 0;  content: "";width: 21px;height: 10px;position: absolute;top:-7px;left: 45%;background: url(../images/tri.png)no-repeat center;}
.acceptance-list .hd ul li{position:relative;text-align: center;}
.acceptance-list .hd ul li img{border:solid 3px rgba(231,20,26,0);}
.acceptance-list .hd ul li.on img{border:solid 3px rgba(231,20,26,1);}
.acceptance-list .hd ul li.on:before{opacity: 1;}

.accept .public-title p span {}



/*手机助力教育优质验收 */
.wap-acceptance-list{display: none;}
.wap-acceptance-list ul{width: 102%;}
.wap-acceptance-list ul li{width:calc(100% / 4 - 2%) ;text-align: center;float: left;margin: 0 2% 2% 0;}
.wap-acceptance-list ul li img{width: 100%;}
.wap-acceptance-list ul li p{color: #333;margin-top: 10px;}

.wap-acceptance-list ul li .wap-pic{position: relative;}
.wap-acceptance-list ul li .wap-pic p{color: #fff; font-size: 16px; line-height: 40px; background: rgba(0,0,0,0.45); margin: 14px 0 0; position: absolute; bottom: 0; width: 100%; left: 0; }




/*互动科技    数字化展示*/
.interactive{background: url(../images/interactive-bg.jpg) no-repeat center top;/* height: 470px;*/ margin-bottom: 23px;}
.interactive-title{text-align: center; color: #fff; padding: 51px 0 82px}
.interactive-title h2{display: block;  font-size: 30px; line-height: 30px;  margin-bottom: 20px}
.interactive-title img{display: inline-block; vertical-align: middle; margin: 0 13px}
.interactive-title em{display: block;  font-size: 16px; line-height: 16px; }
.interactive-list{background: #fff; padding: 20px; width: calc(100% - 40px); overflow: hidden; }

.interactive-list ul li{float: left; height: 259px;background: #000; overflow: hidden; margin-right: 0.15%; margin-bottom: 0.15%; position: relative;}
.interactive-list ul li a{display: block; width: 100%; height: 100%}
.interactive-list ul li.item1{width: 31.6%; height: 520px;}
.interactive-list ul li video{width: 100%; height: 100%; object-fit: fill;}
.interactive-list ul li.item2{width: 23.36%}
.interactive-list ul li.item3{width: 44.74%; margin-right: 0}
.interactive-list ul li.item4{width: 44.74%}
.interactive-list ul li.item5{width: 23.36%; margin-right: 0}
.interactive-list ul li .name{position: absolute; bottom: 23px; left: 0; right: 0; margin: auto; z-index: 2; color: #fff; width: 88%; }
.interactive-list ul li .name h3{display: block; font-size: 24px; line-height: 24px;}
.interactive-list ul li .name span{display: block; font-size: 13px; font-family: arial; text-transform: uppercase; margin-top: 5px}
.interactive-list ul li .name em{display: block; width: 112px; line-height: 37px; text-align: center; border: 1px solid #fff;}
.interactive-list ul li.item2 .name,.interactive-list ul li.item5 .name{text-align: center; bottom: 40px}
.interactive-list ul li .info{display: flex; width: 100%;height: 100%;position: absolute;top: 0;right: 100%; background: #9C1F24;transition: all 0.6s; color: #fff; z-index: 3}
.interactive-list ul li .text{margin: auto; width: 90%;}
/*.interactive-list ul li.item1 .info{right: 0; text-align: center;}*/
.interactive-list ul li.item1 .info{ text-align: center;}
.interactive-list ul li .info img{ position: absolute; top: 15px; right: 20px;}
.interactive-list ul li .info b{display: block; font-size: 24px; line-height: 24px; font-weight: normal; margin-bottom: 3px}
.interactive-list ul li .info span{display: block; font-size: 12px;  text-transform: uppercase;font-family: arial; margin-bottom: 10px}
.interactive-list ul li .info i{display: block; width: 100%; height: 1px; background: #fff;}
.interactive-list ul li.item1 .info i{width: 30px; height: 2px; margin: 0 auto}
.interactive-list ul li .info p{line-height: 23px; color: #fff; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.interactive-list ul li .info em{display: block; width: 130px; line-height: 37px; text-align: center; border: 1px solid #fff; margin: 50px auto 0}
.interactive-list ul li:hover .info{right: 0}
/*.interactive-list ul li.item1:hover .info{right: 100%}*/
.interactive-list ul li .wap-pic{display: none;}
.interactive-list ul li .wap-pic img{display: block; width: 100%}
.interactive-list ul li .pcvideo-pic img{display: block; width: 100%; height: 100%}




/*4大专业团队*/
.team{background: #fcfcfc; padding: 60px 0 74px}
.index-title{text-align: center; margin-bottom: 60px;}
.index-title h2{display: block; font-size: 40px; color: #e7141a; line-height: 49px; margin-bottom: 8px;}
.index-title i{display: inline-block; font-size: 70px; font-family: arial; margin-right: 8px; vertical-align: text-top;}
.index-title em{display: block; font-size: 18px; color: #666666}
.team-list ul{width: 100%; height: 500px; overflow: hidden;}
.team-list ul li{width:calc(100% / 4);height: 500px;float: left;position: relative;cursor: pointer;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;border-right: 6px solid #fff;box-sizing: border-box;}
.team-list ul li:last-child{border-right: none;}
.team-list ul li img{display: block; width: 100%}
.team-list ul li .ksm {position: relative;z-index: 9;height: 100%;}
.team-list ul li .pc-text{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 9; width: auto}
.team-list ul li .ks {position: absolute;top: 0;left: 0;z-index: 8;height: 100%;}
.team-list ul li .text{position: absolute;  display: none; bottom: 0; left: 0; padding: 22px 5% 28px; width: 90%; z-index: 10; color: #fff; background: rgba(231,20,26,0.8); border-top-right-radius: 100px}
.team-list ul li .text em{display: block; font-size: 22px; margin-bottom: 3px}
.team-list ul li .text p{line-height: 28px; color: #fff;}
.team-list ul:hover li{width: 16%;}
.team-list ul li:hover{width:50%;}
.wap-teamlist{display: none;}


/*壹站式标准化服务*/
.onestop{}
.onestop-title{background: #fff; padding: 37px 3.9%;text-align: center;}
.onestop-title b,.onestop-title span,.onestop-title strong{display: inline-block; font-family: arial; vertical-align:top;}
.onestop-title b{ font-size: 120px; line-height: 86px; color: #e7201a; }
.onestop-title span{ font-size: 100px; line-height: 47px; color: #666666; margin: 0 24px; }
.onestop-title strong{font-size: 60px; line-height: 45px; color: #e7201a; text-transform: uppercase; }
.onestop-title h2{display: block; font-size: 32px; line-height: 32px; color: #333333; letter-spacing: 0.06rem; margin-top: 9px;}
.onestop-title p{display: inline-block; font-size: 15px; line-height: 28px; color: #666666; width: calc(100% - 480px); text-align: center; margin-top: 13px}
.onestop-list ul{width: 100%; height: 400px; overflow: hidden;}
.onestop-list ul li{width:calc(100% / 5);height: 400px;float: left;position: relative;cursor: pointer;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;border-right: 2px solid #fff;box-sizing: border-box;}
.onestop-list ul li:last-child{border-right: none;}
.onestop-list ul li.item1 .text{background: rgba(116,182,30,0.87);}
.onestop-list ul li.item2 .text{background: rgba(0,160,233,0.87);}
.onestop-list ul li.item3 .text{background: rgba(243,152,0,0.87);}
.onestop-list ul li.item4 .text{background: rgba(137,87,161,0.87);}
.onestop-list ul li.item5 .text{background: rgba(234,104,162,0.87);}
.onestop-list ul li>img{display: block; width: 100%}
.onestop-list ul li .ksm {position: relative;z-index: 9;height: 100%;}
.onestop-list ul li .pc-text{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; width: auto;}
.onestop-list ul li .num{position: absolute; right: 10px; bottom: 10px; z-index: 10; width: auto;}
.onestop-list ul li .ks {position: absolute;top: 0;left: 0;z-index: 8;height: 100%;}
.onestop-list ul li .text{position: absolute;  display: none; bottom: 0; left: 0; padding: 25px 4% 18px; width: 92.1%; z-index: 10; color: #fff; }
.onestop-list ul li .text strong{display: block; font-size: 20px; line-height: 25px;}
.onestop-list ul li .text img{display: inline-block; vertical-align: text-bottom; margin-right: 17px}
.onestop-list ul li .text span{display: inline-block; font-size: 15px; font-weight: normal; margin-left: 10px;}
.onestop-list ul li .text b{display: block; font-size: 30px; line-height: 22px; font-family: arial;}
.onestop-list ul li .text p{font-size: 13px; line-height: 24px; color: #fff; margin-top: 22px}
.onestop-list ul:hover li{width: 16.25%;}
.onestop-list ul li:hover{width:35%;}
.wap-onestop{display: none; overflow: hidden;}
.wap-onestop ul{width: calc(100% + 5px)}
.wap-onestop ul li{float: left; margin-right: 5px; width: calc(100% / 5 - 5px)}
.wap-onestop ul li .pic img{display: block; width: 100%}





/*5大服务流程*/
.service{background: #fafafa; padding: 60px 0 77px}
.service-list ul li{display: flex; float: left; width: calc(100% / 5); border-right: 1px solid #e6e6e6; box-sizing:border-box; background: #fff; height: 500px; text-align: center;}
.service-list ul li:last-child{border-right: none;}
.service-list ul li .info{margin: auto; padding: 0 10%}
.service-list ul li .info img{display: block; margin: 0 auto }
.service-list ul li .info strong{display: block; font-size: 20px; color: #333333; margin-top: 47px;}
.service-list ul li .info em{display: block; font-size: 16px; color: #666666}
.service-list ul li .info p{line-height: 28px; margin-top: 29px; display: none; color: #fff;}
.service-list ul li:hover .info strong{margin-top: 28px; transition:0.6s; color: #fff;}
.service-list ul li:hover .info em{color: #fff;}
.service-list ul li:hover .info p{display: block;}
.service-list ul li:hover.item1{background: url(../images/service-pic1.jpg) no-repeat center; background-size: cover}
.service-list ul li:hover.item2{background: url(../images/service-pic2.jpg) no-repeat center; background-size: cover}
.service-list ul li:hover.item3{background: url(../images/service-pic3.jpg) no-repeat center; background-size: cover}
.service-list ul li:hover.item4{background: url(../images/service-pic4.jpg) no-repeat center; background-size: cover}
.service-list ul li:hover.item5{background: url(../images/service-pic5.jpg) no-repeat center; background-size: cover}



/*新闻资讯*/
.news{padding: 69px 0 66px}
.news-left{width: 56.25%}
.news-title{border-bottom: 1px dashed #e6e6e6; padding-bottom: 24px; margin-bottom: 30px;}
.news-title h2{display: block; font-size: 30px; line-height: 35px; color: #333;}
.news-title span{display: inline-block; font-size: 14px; color: #b2b2b2; font-family: arial; margin-left: 10px;}
.news-title img{display: inline-block; vertical-align: middle; margin-right: 18px;}
.news-list{margin-bottom: 7%}
.news-list ul li{float: left; margin-bottom: 2.2%}
.news-list ul li:last-child{margin-bottom: 0}
.news-list ul li .pic{width: 40%; overflow: hidden; float: left;}
.news-list ul li .pic img{display: block; width: 100%}
.news-list ul li .info{float: right; width: 56.5%; margin-top: 3.5%}
.news-list ul li .info em{display: block; font-size: 20px; color: #333333; margin-bottom: 2.8%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li .info p{display: block; line-height: 30px; color: #666666;text-align: justify;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li:hover .info em{color: #e7141a}
.headlines-list{overflow: hidden;}
.headlines-list ul{width: calc(100% + 2%)}
.headlines-list ul li{float: left;  background: #f2f2f2; width: calc(100% / 2 - 9%); padding: 3% 3.5% 4%; margin-right: 2%; margin-bottom: 2%;}
.headlines-list ul li em{height: 60px;  display: block; font-size: 15px; line-height: 30px; color: #333333; background: url(../images/headlines-icon.png) no-repeat left top 8px;padding-left: 27px; margin-bottom: 2.5%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.headlines-list ul li span{display: block; float: right; line-height: 24px; color: #666666;}
.headlines-list ul li img{display: inline-block; vertical-align: middle; margin-left: 5px;}
.headlines-list ul li:hover em{color: #e7141a}
.news-right{width: 36.56%}
.industry{margin-bottom: 22%}
.industry-list ul li{float: left; width: 100%; border-bottom: 1px solid #d9d9d9; padding-bottom: 2.4%; margin-bottom: 4.8%}
.industry-list ul li:last-child{margin-bottom: 0}
.industry-list ul li em,.industry-list ul li p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.industry-list ul li em{font-size: 16px; line-height: 16px; color: #333333; margin-bottom: 2%}
.industry-list ul li p{line-height: 30px; color: #666; margin-bottom: 0.7%}
.industry-list ul li span{display: block; color: #999999; font-family: arial;}
.industry-list ul li:hover em{color: #e7141a}
.showroom .news-title{border-bottom:none; padding-bottom: 0}
.showroom-list ul li{float: left; margin-bottom: 6%; width: 100%}
.showroom-title{background: #f2f2f2; padding: 5px; width: calc(100% - 10px); border-radius: 27.5px; margin-bottom: 2%}
.showroom-title em{display: block; font-size: 16px; line-height: 45px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.showroom-title img{display: inline-block; vertical-align: middle; margin-right: 15px}
.showroom-list ul li p{line-height: 30px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.showroom-list ul li:hover .showroom-title em{color: #e7141a}



/*华恒设计*/
.about-bg{/*background: url(../images/about-bg.jpg) no-repeat center top 125px;*/overflow: hidden;}
.about-bg .index-title{margin-bottom: 0}
.about-bg .index-title h2{color: #333333; margin-bottom: 0}
.about-info{background: #fff; padding: 37px 69px 49px; width: calc(100% - 138px); position: relative;}
.about-info p{font-size: 17px; line-height: 30px; color: #666666; text-align: center;}
.about-info a{color: #e7141a}
.about-info img{position: absolute; top: 0; z-index: 2; }
.about-info .shadow-left{left: -48px}
.about-info .shadow-right{right: -48px}
.about{padding: 70px 0}
.about .container{max-width: 1800px;}
.about-num ul li{float: left; width: 20%; box-sizing:border-box; background: url(../images/about-num.png) no-repeat right center; text-align: center;}
.about-num ul li:last-child{background: transparent;}
.about-num ul li em{display: block; font-size: 24px; color: #e7141a}
.about-num ul li abbr{display: inline-block; font-size: 80px; line-height: 59px; color: #e7141a}
.about-num ul li h3{display: block; font-size: 16px; color: #666666}


/*公共底部*/

.footer{/*padding-bottom:64px; */background: #111111;}
.footer-top{ background: #333333;padding:20px 0 30px 0}
.foot-left,.foot-center,.foot-right{height: 255px;}
.foot-left{width: 445px;border-right:1px solid #474747;}
.foot-left .foot-logo dt,.foot-logo dd{float:left}
.foot-logo{margin: 20px 0 0px;}
.foot-logo dt,.foot-logo dd{float:left}
.foot-logo dt img{max-width: 100%;}
.foot-logo dt{width: 24%;}
.foot-logo dd{width: 69%;}
.foot-logo dd span{width: 100%;}
.foot-logo dd{margin-left:10px}
.foot-logo dd em,.foot-logo dd span{display: block}
.foot-logo dd em{ background: #414141;font-size:14px;color:#ffffff;width: 220px;height: 42px;line-height: 21px;text-align: center;margin-top:12px;    padding: 4px 0;}
.foot-logo dd span img{width: 100%;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }






.foot-logo em {margin: 16px 0 12px;display: block;font-size: 15px;width: 94%;text-align: center;background: #414141;color: #ffffff;line-height: 24px;padding: 4px;}
.foot-logo em span { display: inline-block; margin: 0 5px; }
.foot-logo .logo-txt{color: #fff;font-size: 15px;text-align: center;letter-spacing: 3px;}
.foot-logo p { display: none;color: #fff; font-size: 17px; margin: 8px 0 4px; }

.foot-dingyue dt{color:#fff;font-size: 16px;margin-bottom: 1px;}
.foot-dingyue dd a{margin-right:10px;display: inline-block;margin-top:6px;}
.foot-dingyue dd form{width: 212px;height: 37px; background: #fff;margin-left:30px}
.foot-dingyue dd form input{border:none; background: #fff;height: 37px;}
.foot-dingyue dd form .form-text{text-indent: 20px;    float: left;    width: 150px;}
.foot-dingyue dd form .form-submit{width:40px;float:right; background: url(../images/foot-search.png) no-repeat center;border-left:1px solid #DEDEDE}

.foot-center{width:35%;margin-left:40px;border-right: 1px solid #474747;padding-right:30px}
.foot-title{font-size:16px;font-weight:bold;color:#fff;padding-top:15px}
.foot-title em{font-size:14px;font-weight: normal;margin-left:10px;}

.foot-center ul {margin:20px 0;overflow: hidden;border-top:1px solid #474747;border-bottom:1px solid #474747;height: 55px;line-height: 55px;}
.foot-center ul li{float:left;margin-right:16px;}
.foot-center ul li a{color:#8E8E8E;float:left;font-size:16px;}
.foot-center ul li a:hover{color:#fff}
.foot-center p{font-size:13px;line-height: 26px;color:#AFAFAF;}

.foot-right{width:26%}
.foot-right .foot-title{border-bottom:1px solid #474747;padding-bottom:20px}
.foot-right ul{margin-top:15px;}
.foot-right ul li{line-height: 35px;}
.foot-right ul li a{color:#9A9A9A;transition: all .4s;}
.foot-right ul li a:hover{color:#fff;padding-left:10px;}
.footer-bottom{ background: #111111;height: 50px;line-height: 50px;}
.footer-bottom,.footer-bottom a{color:#A1A1A1;text-align: center;}

.foot-fix{height: 64px;width: 100%; background: url(../images/foot-bottombg.jpg) no-repeat center; background-size:cover;position: fixed;bottom:-1px;width:100%;left:0;z-index: 9999;}
.foot-fl dl{float:left;margin-right:30px;margin-top:10px;border-right:1px solid #C83A36;padding-right: 30px;margin-right:20px;;}
.foot-fl dl dt,.foot-fl dl dd{float:left}
.foot-fl dl dd{margin-left:10px}
.foot-fl dl dd em,.foot-fl dl dd span{display: block;color:#fff}
.foot-fl dl dd em{font-size:14px;line-height:14px;padding-top:3px}
.foot-fl dl dd span{font-size:20px;line-height:20px;font-weight: bold;font-family: arial;margin-top:5px;font-weight: 900;}

.foot-fl dl:nth-child(3){font-weight:bold;color:#fff;line-height:45px;}
.foot-fl dl:nth-child(3) a{color:#fff;font-size:18px;}
.foot-fr{margin-top:13px;}
.foot-fr ul li{margin-left:4px;float:left}
.foot-fr ul li a{color:#fff;border:1px solid #D07B76;padding: 0 25px;height: 35px;line-height: 35px;float:left;font-size:16px;}
.foot-fr ul li:hover a{ background: #fff;color:#AA231D}



/*手机客服*/
.pf_down {display: none;width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 55px;background: #E71F19;z-index: 66;box-shadow: 0 -4px 7px rgba(0,0,0,0.15);z-index: 999;}
.pf_down li {box-sizing: border-box;width: 33.33%;float: left;text-align: center;padding: 7px 0 10px;border-right: 1px solid rgba(255,255,255, 0.2);}
.pf_down li .ico7 {width: 100%;float: left;height: 20px; margin-bottom: 3px}
.pf_down li.l1 .ico7{ background: url(../images/btn15.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li.l2 .ico7{ background: url(../images/btn16.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li.l3 .ico7{ background: url(../images/btn17.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li .name {width: 100%;float: left;margin-top: 4px;font-size: 15px;color: #fff;line-height: 14px;}


/*内页banner*/
.ny-banner img { display: block; width: 100%; }




/*内页校园文化建设*/
.case-banner{ position: relative;}
.case-ctitle1{ position: absolute;bottom:0;height:70px; background: rgba(0,0,0,0.5);width: 100%;}
.case-ctitle1 ul li{float:left;width: calc(100% / 5 - 2px);position: relative;}
.case-ctitle1 ul li span,.case-ctitle1 ul li em{display: block;color:#fff;text-align: center;}
.case-ctitle1 ul li span{font-size:16px;line-height:16px;margin-top:17px}
.case-ctitle1 ul li em{font-size:12px; line-height: 12px;color:#B8B9B9;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.case-ctitle1 ul li:after{content: '';width: 1px;height:40px; background: rgba(255,255,255,0.3);float:right;position: absolute;top:17px;}
.case-ctitle1 ul li:nth-child(1):after{display: none;}
.case-ctitle1 ul li:hover span,.case-ctitle1 ul li.on span{color:#BF1D1A}


.case-banner{ position: relative;}
.case-ctitle1s{ position: absolute;bottom:0;height:70px; background: rgba(0,0,0,0.5);width: 100%;}
.case-ctitle1s ul li{float:left;width: calc(100%/6 - 2px);position: relative;}
.case-ctitle1s ul li span,.case-ctitle1s ul li em{display: block;color:#fff;text-align: center;}
.case-ctitle1s ul li span{font-size:16px;line-height:16px;margin-top:17px}
.case-ctitle1s ul li em{font-size:12px;color:#B8B9B9}
.case-ctitle1s ul li:after{content: '';width: 1px;height:40px; background: rgba(255,255,255,0.3);float:right;position: absolute;top:17px;}
.case-ctitle1s ul li:nth-child(1):after{display: none;}
.case-ctitle1s ul li:hover span,.case-ctitle1s ul li.on span{color:#BF1D1A}




.case-title {margin:40px 0 30px 0}
.case-title b{display:block;text-align:center;font-size:30px;line-height:30px;color:#333333;text-align: center;font-weight: normal;}
.case-title span{display: block;color:#777777;font-size: 12px;line-height:12px;margin:5px 0;font-weight: normal;text-align: center;}
.case-title p{color:#555555;font-size:16px;text-align: center;margin:14px 0}
.case-title p em{display: inline-block;margin:0 10px;font-weight:normal}
.case-p{border-top:1px solid #DADADA;text-align: center;height: 45px;line-height: 45px;}
.case-p span{display: inline-block;margin-right:33px}
.case-p span:nth-child(3){margin-right:0}

.case-top{margin:50px auto 20px auto}
.case-top li{float:left;width:204px;height:65px; background: #EEEEEE;margin-right:5px;transition: all .3s;width: calc(100%/6 - 5px);}
.case-top li a{display: block;height:65px}
.case-top li:nth-child(6){margin-right:0}
.case-top li span,.case-top li em{display: block;text-align: center;}
.case-top li span{font-size:16px;color:#333333;line-height: 16px;padding-top:15px}
.case-top li em{font-size:12px;color:#777777;margin-top:3px;line-height: 12px;overflow: hidden;}
.case-top li:hover,.case-top li.on{ background: #E71F19;}
.case-top li:hover span,.case-top li.on span,.case-top li.on em,.case-top li:hover em{color:#fff}

.case-topg{margin:50px auto 20px auto}
.case-topg li{float:left;width:204px;height:65px; background: #EEEEEE;margin-right:5px;transition: all .3s;width: calc(100%/8 - 5px);}
.case-topg li a{display: block;height:65px}
.case-topg li:nth-child(8){margin-right:0}
.case-topg li span,.case-topg li em{display: block;text-align: center;}
.case-topg li span{font-size:16px;color:#333333;line-height: 16px;padding-top:15px}
.case-topg li em{font-size:12px;color:#777777;margin-top:3px}
.case-topg li:hover,.case-topg li.on{ background: #E71F19;}
.case-topg li:hover span,.case-topg li.on span,.case-topg li.on em,.case-topg li:hover em{color:#fff}

.case-con li{width:24%;margin-right:1.3333333%;float:left;border:1px solid #DBDBDB;box-sizing: border-box;transition:all .5s;margin-bottom:1.3333333%;}
.case-con li:nth-child(4n){margin-right:0}
.case-con li .pic{width: 100%;overflow: hidden;}
.case-con li .pic img{width: 100%;transition:all .5s;}
.case-con li .info{margin:15px 0; background:url(../images/case-jt.png) no-repeat center right 25px;transition:all .5s;}
.case-con li .info em,.case-con li .info span{display: block;margin-left:20px}
.case-con li .info em{font-size:16px;color:#333333;font-weight:bold;/*margin-bottom:8px;*/transition:all .5s; line-height: 32px;}
.case-con li .info span{color:#888}
.case-con li:hover{ background: #f9f9f9;border-color:#eee}
.case-con li:hover .pic img{transform: scale(1.3);}
.case-con li:hover em{color:#EC0307}
.case-con li:hover .info{background:url(../images/case-jt.png) no-repeat center right 15px;}

.case-more{margin:50px auto;width:250px;height:50px; background: #EEEEEE;border-radius:50px;text-align: center;line-height:50px;transition: all .3s;}
.case-more a{display: block;width:250px;height:50px;font-size:16px}
.case-more:hover{ background: #EC0307;}
.case-more:hover a{color:#fff}


.ny-case-title1{max-width:1200px;margin:20px auto 0 auto;overflow: hidden;}
.ny-case-title1 dl{float:left;width:18%;border-radius: 10px;border:1px solid #ddd;margin:3.2%;padding-bottom:10px}
.ny-case-title1 dl dt{width:110px;height:58px;border-radius:100%;line-height: 58px;text-align: center;color:#fff; background: #831E23;font-size:24px;font-weight:bold;position: relative;top:-28px;margin:0 auto}
.ny-case-title1 dl dd b{display: block;text-align: center;font-size:16px;color:#831E23;font-weight:bold;margin-top:-10px;margin-bottom:10px}
.ny-case-title1 dl dd span{ display:block;text-align: center;line-height: 26px;color:#333333;color:#555}

@media screen and (max-width:640px) and (min-width: 0px)  {
	.ny-case-title1 dl{width:45%;margin:10% 2%}
}


.ny-case-title {position: relative;margin:50px 0}
.ny-case-title div{position: relative;padding-left:20px;}
.ny-case-title div:before{content: '';width:41px;height:64px;background: #DDDDDD;float:left;position: absolute;left:0;z-index: -999;}
.ny-case-title s{content: '';width:97%;float:right;height: 1px; background: #ccc; position: absolute;left:2.5%;top:50%}
.ny-case-title div b{display: block;font-size: 30px;font-weight:bold;line-height:30px;color:#333333;margin-top:5px;}
.ny-case-title div p{display: block;font-size:24px;color:#999999;line-height:24px;margin-top:7px;font-family: arial;}
.ny-case-title div span{font-size:16px;line-height:18px;color:#666666;font-weight: normal;margin-left:20px;position: relative;top:-6px;}

.ny-case-list li{border:1px solid #eee;overflow: hidden; background: #f5f5f5;margin:20px 0}
.ny-case-list li .pic{width:60%;overflow: hidden;}
.ny-case-list li .pic img{width: 100%;transition: all .4s;}
.ny-case-list li:hover .pic img{transform: scale(1.2);}
.ny-case-list li .info{width:40%;} 
.ny-case-list li .info div{width:76%;margin:30px auto 0 auto}
.ny-case-list li .info div h2{padding-top:50px;border-bottom:1px solid #CECECE;padding-bottom:30px;margin-bottom:30px;}
.ny-case-list li .info div h2 b{font-size:30px;line-height:30px;display: block;font-weight: normal;}
.ny-case-list li .info div h2 span{display: block;font-size:16px;color:#777777;line-height:20px;margin-top:10px;}
.ny-case-list li .info div p{font-size:16px;line-height:30px;color:#666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ny-case-list li .info div em{margin-top:40px;display: block;width:210px;height:50px;line-height:50px;color:#fff; background: #E71116;border-radius:50px;text-align: center;}
.ny-case-list li .info div em img{margin-right:10px;vertical-align: middle;display: inline-block;}

.ny-case-list li:nth-child(odd) .pic,.ny-case-list li:nth-child(odd) .info{float:left}
.ny-case-list li:nth-child(even) .pic,.ny-case-list li:nth-child(even) .info{float:right}

.campus-class{padding-left: 0!important;}
.campus-class ul li{display: block!important; text-align: center;}
.campus-class ul li h3{font-size: 16px;color: #333333;line-height: 16px;padding-top: 15px;}
.campus-class li:hover span, .campus-class li.on span, .campus-class li.on h3, .campus-class li:hover h3 {color: #fff;}

.pagelist{text-align: center;margin:50px 0}
.pagelist a,.pagelist .rows{display: inline-block;padding:5px 8px;border:1px solid #999999;margin:0 5px;}
.pagelist a:hover{ background: #000000;color:#fff}
.pagelist .current{display: inline-block;padding:5px 8px;border:1px solid #999999;margin:0 5px; background: #E71116;color:#fff}


.ny-clobal-con{ background: #F8F8F8;padding: 10px 0 3px 0}
.cycase-div{ background: #F5F5F5;padding:50px 0}
.title{width: 85%;}
.title em{font-size:30px;line-height:30px;color:#333333;margin-bottom:10px;font-family: arial;font-weight:normal}
.title p{overflow: hidden;margin:20px 0}
.title p b{float:left;color:#b47f43;font-size:36px; background: #25211E;height: 60px;line-height:60px;padding:0 20px;margin-right:20px;}
.title p span{font-size:15px;color:#666;line-height:24px;font-weight: normal;}


.mesg{width: 100%;margin-top: 45px;position: relative;}
.mesg ul{width: 100%;height: auto;overflow: hidden;}
.mesg ul li{float: left;margin-right: 5px;margin-bottom: 5px;overflow: hidden;cursor: pointer;background: #000;}
.mesg ul li:nth-child(3),.gol .mesg ul li:nth-child(7),.gol .mesg ul li:nth-child(9){margin-right: 0;}
.mesg ul li a{display: block;position: relative;width: 100%;height:100%;}
.mesg ul li a img{transition: all 0.6s;}
.one{
	-ms-transform:scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.mesg ul li a p{color: #fff;position: absolute;bottom: 18px;left: 18px;line-height: 20px; width: 90%;}
.mesg ul li a p span{font-size:12px}
.mesg ul li a p span:nth-child(1){font-size: 24px;}
.mesg ul li a p span:nth-child(2){
	font-size: 12px;
	padding: 2px 8px;
	border: 1px solid #fff;
	    float: right;
}
.mesg ul li a p span:nth-child(3){font-size: 8px;text-transform : uppercase;font-family: Ã¥Â®â€¹Ã¤Â½â€œ;}

.mesg ul li a .masks{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 100%;
	background:#9C1F24;
	transition: all 0.6s;	
}
.mebig ul li a .masks{background: #9C1F24;z-index: 999;}
.mebig ul li:nth-child(6) a .masks{ background: #B47F43;right: 0}
.mebig ul li:nth-child(4) a .masks{ background: #9C1F24;right: 0;}

.gol1 .mebig ul li:hover:nth-child(6) a .masks{right:100%}
.gol1 .mebig ul li:hover:nth-child(4) a .masks{right:100%}
.gol1 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(3){border:none;text-align: center;}
.gol1 .mesg ul li:nth-child(4) a .masks .overs em{display:block;width: 115px;height:28px;border:1px solid #fff;text-align: center;line-height:28px;margin:50px auto;color:#fff}
.gol1 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(2):after{content: '';display: block;width:30px;height: 2px; background: #fff;margin:10px auto}
.mebig ul li a .masks>img{width: 24px;height: 24px;position: absolute;top: 15px;right: 20px;}
.mesg ul li a .masks .overs{margin:24px 35px;}
.mesg ul li a .masks .overs h2{color: #fff;}
.mesg ul li a .masks .overs h2:nth-child(1){font-size: 24px;}
.mesg ul li a .masks .overs h2:nth-child(2){font-size: 8px;margin-top: 0px;text-transform : uppercase;font-family:arial;}
.mesg ul li a .masks .overs h2:nth-child(3){
    font-size: 14px;
    line-height: 25px;
    margin-top: 40px;
    overflow: hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;
    border-top: 1px solid #fff;
}
.mebig ul li a .masks .overs h2:nth-child(3){
	padding-top: 15px;
	margin-top: 15px;
	line-height: 23px;
	-webkit-line-clamp: 3;
}
.mxiu ul li a .masks .overs h2:nth-child(3){
	padding-top: 20px;
	margin-top: 20px;
	-webkit-line-clamp: 3;
}
.gol1 .mebig ul li:nth-child(4){text-align: center;}
.gol1 .mesg ul li:nth-child(4) a .masks .overs{margin-top:100px}
.gol1 .mesg ul li a:hover .masks{right:0;}
.gol1 .mebig ul li video{height: 100%;}
.gol1 .mebig ul li img{width: 100%;height: 100%;}
.gol1 .mebig ul li:nth-child(1){width: 48%;height: 230px;overflow: hidden;}
.gol1 .mebig ul li:nth-child(2){width:25%;height: 230px;overflow: hidden;}
.gol1 .mebig ul li:nth-child(3){width:25.4%;height: 230px;overflow: hidden;}
.gol1 .mebig ul li:nth-child(4){width:25%;height:465px;overflow: hidden;}
.gol1 .mebig ul li:nth-child(5){width:33%;height:230px;overflow: hidden;}
.gol1 .mebig ul li:nth-child(6){width:20%;height:230px;overflow: hidden;}
.gol1 .mebig ul li:nth-child(7){width:20%;height:230px;overflow: hidden;margin-right:0}
.gol1 .mebig ul li:nth-child(8){width:37%;height: 230px;overflow: hidden;}
.gol1 .mebig ul li:nth-child(9){width:36.5%;height: 230px;overflow: hidden;margin-right:0}


.gol1 .mesg ul li:nth-child(4) a:hover .masks{right:100%;}
.gol1 .mesg ul li:nth-child(6) a:hover .masks{right:100%;}

.gol2{height: auto;margin:100px auto 0px;}

.gol2 .mesg ul li{overflow: hidden;}
.gol2 .mesg ul li img{width: 100%;height: 100%;}
.gol2 .mesg ul li a{width: 100%;height: 100%;}
.gol2 .mesg ul li video{width: 100%;height: 100%;}
.gol2 .mesg ul li:hover .masks{right:0}
.gol2 .mesg ul li:nth-child(1){width:35%;height:230px;}
.gol2 .mesg ul li:nth-child(2){width:30%;height:230px;}
.gol2 .mesg ul li:nth-child(3){width:34%;height:230px;}
.gol2 .mesg ul li:nth-child(4){width:26%;height:230px;}
.gol2 .mesg ul li:nth-child(5){width:45%;height:230px;}
.gol2 .mesg ul li:nth-child(6){width:28%;height:230px;margin-right: 0;}

.gol2 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(3){text-align: left;}
.gol2 .mesg ul li:nth-child(4) a .masks .overs em{display:block;width: 115px;height:28px;border:1px solid #fff;text-align: center;line-height:28px;margin:50px auto;color:#fff}
.gol2 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(2):after{content: '';display: none;width:30px;height: 2px; background: #fff;margin:10px auto}
.gol2 .mebig ul li a .masks>img{width: 24px;height: 24px;position: absolute;top: 15px;right: 20px;}

.gol2 .mxiu ul li:nth-child(4) a .masks .overs h2:nth-child(3){
	padding-top: 20px;
	margin-top: 20px;
	-webkit-line-clamp: 3;
	border-top: 1px solid #fff;
	overflow: hidden;
}





.ny-case2-list li{width:48%;margin:1%;float:left;border:1px solid #ddd;box-sizing: border-box;overflow: hidden;}
.ny-case2-list .pic{overflow: hidden;}
.ny-case2-list .pic,.ny-case2-list .pic img{width:100%}
.ny-case2-list .pic img{transition: all .5s;}
.ny-case2-list li:hover .pic img{transform: scale(1.3);}
.ny-case2-list .info{width:94%;margin:0 auto;padding:30px 0;overflow: hidden;}
.ny-case2-list .info h2{width:30%;text-align: center;}
.ny-case2-list .info h2,.ny-case2-list .info p{float:left}
.ny-case2-list .info h2 b,.ny-case2-list .info h2 span{display: block;}
.ny-case2-list .info h2 b{ background:#A28D6E;color:#fff;font-size:16px;height:40px;width: 215px;line-height:40px;text-align: center;}
.ny-case2-list .info h2 span{font-size:16px;color:#666;margin-top:5px;}
.ny-case2-list .info p{margin-left:4%;width:66%;font-size:15px;color:#555;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;margin-top:10px;}





/*内页助力教育优质验收*/
.accept .accept-list ul{width: 102%;}
.accept .accept-list ul li{width: 22.5%;text-align: center;float: left; margin: 0 2% 2% 0;position: relative;}
.accept .accept-list ul li .pic img{width: 100%;}
.accept .accept-list ul li p{color:#fff;font-size: 18px;line-height: 40px; background: rgba(0,0,0,0.45);   margin: 14px 0 0;position: absolute;bottom:0;width: 100%;left:0;}




/*内页新闻中心*/
.ny-news{margin:50px auto;background: #f5f5f5;padding:20px 0;margin-bottom: 0;}
.ny-news-list{width:calc(100%/3 - 30px);margin-right:45px;float:left;}
.ny-news-list:nth-child(3){margin-right:0}
.ny-news-list h2{border-bottom:1px solid #DDDDDD;padding:10px 0}
.ny-news-list h2:before{content: '';float:left;width:12px;height: 15px; background: #E71F19;margin-top:9px;margin-right:10px}
.ny-news-list h2 b{font-size:16px;color:#333333;font-weight:bold}
.ny-news-list h2 span{font-size:14px;color:#666666}
.ny-news-list h2 a{float:right;width:79px;height:28px;line-height: 28px;text-align: center; background: #EEEEEE;color:#666;font-size:13px;border-radius: 100px;}
.ny-news-list h2 a:hover{ background: #EC0307;color:#fff}
.ny-news-list ul{margin:20px 0}
.ny-news-list ul li{border-bottom:1px dashed #DDDDDD;overflow: hidden;padding: 10px 0;}
.ny-news-list ul li a{color:#666666;font-size:14px;overflow: hidden;}
.ny-news-list ul li a:hover{color:#EC0307}
.ny-news-list ul li a span{float:left;width:70%;line-height: 22px;}
.ny-news-list ul li a em{float:right}



/*内页互动科技*/
.multimedia{padding: 7px 0 88px}
.public-title{width: 85%; padding: 50px 0 0px}
.public-title em{ text-transform: uppercase;font-size:30px;line-height:30px;color:#333333;margin-bottom:10px;font-family: arial;font-weight:normal}
.public-title p{overflow: hidden;margin:20px 0}
.public-title p b{float:left;color:#b47f43;font-size:36px; text-align: center; background: #25211E;height: 60px;line-height:60px;width: 370px; margin-right:20px; font-weight: normal;}
.public-title p span{display: block; font-size:15px;color:#666;line-height:24px;font-weight: normal; text-align: justify; width: calc(100% - 390px); float: left;}
.multimedia .public-title p span{width: calc(100% - 312px);}
.nyvideo-main .public-title{width: 93%}
.nyvideo-main .public-title p b{width: 330px}
.nyvideo-main .public-title p span{width: calc(100% - 400px)}
#inter,#vrar,#imageing,#tables,#devices,#systems,#digital{margin-top:-90px;padding-top:90px}
.inter{margin-bottom: 50px}
.inter-list ul li{height: 260px!important; }
.inter-list ul li:nth-child(1){width: 40.4%;}
.inter-list ul li:nth-child(2){width: 35%;}
.inter-list ul li:nth-child(3){width:24%;}
.inter-list ul li:nth-child(4){width:22.4%;}
.inter-list ul li:nth-child(5){width:30%; margin-right: 0.3%}
.inter-list ul li:nth-child(6){width:22%;}
.inter-list ul li:nth-child(7){width:24.7%; margin-right: 0}

.video-list {
    padding: 0!important;
    width: 100%!important;
    background: transparent!important;
}

.pcvideo-pic{width: 100%; height: 100%}
.pcvideo-pic img{display: block; width: 100%; height: 100%}
.video-list ul li .pcvideo-name{bottom: 10px!important}
.video-list ul li .pcvideo-name h3{line-height: 39px!important}
.vrar {background: #F0F0F0; padding-bottom: 50px}
.vrar-list{position: relative;}
.vrar-list ul li:nth-child(1){width: 45%;height: 500px;}
.vrar-list ul li:nth-child(2){width: 25%;height: 500px;}
.vrar-list ul li:nth-child(3){width:29.3%;height: 248px; position: absolute;right:0;top:0;}
.vrar-list ul li:nth-child(4){width:29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0}
.imageing-list{position: relative;}
.imageing-list ul li:nth-child(1){width:45%;height: 500px;}
.imageing-list ul li:nth-child(2){width:25%;height: 500px;}
.imageing-list ul li:nth-child(3){width:29.3%;height: 248px; position: absolute;right:0;top:0;}
.imageing-list ul li:nth-child(4){width:29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0}
.imageing-list ul li img{transition: all .5s;}
.imageing-list ul li:hover img{transform: scale(1.3);}
.tables{margin-bottom: 50px}
.devices {background: #F0F0F0; padding-bottom: 50px}
.devices-list{position:relative;}
.devices-list ul li:nth-child(1){width:35%;height: 500px;}
.devices-list ul li:nth-child(2){width:32.5%;height: 249px;}
.devices-list ul li:nth-child(3){width:32%;height: 248px;position: absolute;right:0;top:0}
.devices-list ul li:nth-child(4){width:32.5%;height: 248px;position: absolute;right:32.2%;bottom:5px;margin:0}
.devices-list ul li:nth-child(5){width:32%;height: 248px;position: absolute;right:0;bottom:5px;margin:0}
.devices-list ul li img{transition: all .5s;}
.devices-list ul li:hover img{transform: scale(1.3);}
.systems{margin-bottom: 60px}
.digital{margin-bottom: 40px}
.qiye1{width: 100%;height: auto;position: relative;}
.qiye1 .qytit{width: 250px;height: 45px;position: absolute;top: 30px;left: 35px;}
.qiye1 .qytit p:nth-of-type(1){font-size: 24px;color: #fff;}
.qiye1 .qytit p:nth-of-type(1) span{font-size: 12px;border: 1px solid #dcdcdc;padding: 2px 8px;position: relative;left: 10px;top: -2px;}
.qiye1 .qytit p:nth-of-type(2){font-size: 8px;color: #fff;text-transform : uppercase;}
.qiye1 .xcp ul{width: 100%;overflow: hidden;}
.qiye1 .xcp ul li{float: left;width: calc(98% / 2); position: relative;box-sizing: border-box;margin-right:2%;margin-bottom:20px;}
.qiye1 .xcp ul li:nth-child(2n){margin-right: 0}
.qiye1 .xcp ul li video{width: 100%;height: auto;}
.qiye1 .xcp ul li img{width: 100%;display: block;}
.qiye1 .xcp ul li .pxq{width: 100%;height: 93px;border: 1px solid #bfbfbf;position: relative;box-sizing: border-box;}
.qiye1 .xcp ul li .pxq p.zi1{width: 370px;height: 45px;position: absolute;top: 24px;left: 28px;font-size: 14px;line-height: 23px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.qiye1 .xcp ul li .pxq p.zi2{display: block;width: 120px;height: 32px;line-height: 32px;position: absolute;right: 20px;top: 30px;text-align: center;  border: 1px solid #bfbfbf;  }
.qiye1 .xcp .qytit{top: 14px;left: 26px;}
.qiye1 .xcp ul li .wap-video-images{display: none;}
.projectshow{ background: url(../images/projectshow-bg.jpg) no-repeat center; padding-bottom: 61px}
.projectshow .public-title{padding-top: 45px;}
.projectshow .public-title p span{color:#fff}
.projectshow .public-title em{color:#fff}
.projectshow .public-title p b{ background: #B47F43;color:#000}
.conimg{width: 100%;border: 1px solid #817042;overflow: hidden;position: relative;z-index: 10;}
.conimg > div{display: none;width: 100%;height:100%;}
.conimg > div:nth-child(1){display: block;}
.conimg > div img{width: 100%;height: 100%;}
.conimg > div .miaos{width: 380px;height: 175px;position: absolute;top: 240px;left: 75px;background: rgba(0,0,0,.5);   }
.conimg > div .miaos span{width: 310px;height: 105px;font-size: 14px;line-height: 27px;text-align: justify;color: #c3c3c3;margin: 35px auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.project-ul{width: 100%;overflow: hidden;margin-top: 30px;position: relative;z-index: 10;}
.project-ul li{float: left;width: calc(100%/5 - 10px);height: 50px;line-height: 50px;margin-right: 11px;text-align: center;cursor: pointer;}
.project-ul li a{font-size: 24px;color: #e4aa0d;}
.project-ul li:last-child{margin-right: 0;}
.project-ul li.on{border: 1px solid #817042;}
.wap-conimg{display: none;}
.spevail{margin-bottom:60px}
.spevail-list ul li{height:350px}
.spevail-list ul li img{width:100%;height: 100%;}
.spevail-list ul li:nth-child(1){width:41%}
.spevail-list ul li:nth-child(2){width: 29.2%;}
.spevail-list ul li:nth-child(3){width: 29.2%; margin-right: 0}
.spevail-list ul li:nth-child(4){width:29.2%}
.spevail-list ul li:nth-child(5){width: 29.2%;}
.spevail-list ul li:nth-child(6){width: 41%;margin-right:0}



/*新闻资讯*/
.ny-news-list1 .public-title{width: 93%}
.ny-news-list1 .public-title p b{width: 330px}
.ny-news-list1 .public-title p span{width: calc(100% - 400px)}
.ny-news-top{margin-bottom:50px;}
.ny-news-top .pic{width: 55%;height:484px}
.ny-news-top .pic div{height: 100%;}
.ny-news-top .pic img{width:100%;display: none;}
.ny-news-top .info{width:44%;border:1px solid #DADADA}
.ny-news-top .info ul li{padding:31px 0;border-bottom:1px solid #DDDDDD;transition: all .4s;}
.ny-news-top .info ul li span{display: inline-block;width:calc(100% - 90px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float:left}
.ny-news-top .info ul li h3{font-size:20px;line-height:20px;width:90%;margin:15px auto;transition: all .4s;overflow: hidden;}
.ny-news-top .info ul li p{width:90%;margin:0 auto;color:#666;font-size:14px;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.ny-news-top .info ul li h3 em{font-size:14px;color:#666;float:right}
.ny-news-top .info ul li:nth-child(3){border:none}
.ny-news-top .info ul li.on{ background: #F3F3F3;}
.ny-news-top .info ul li.on h3{color:#B47F43}
.ny-news-ctitle {text-align: center;font-size: 0;}
.ny-news-ctitle li{display:inline-block;width: calc(100% / 3 - 2px) ;height:70px;line-height: 70px; border:1px solid #ddd;transition: all .3s}
.ny-news-ctitle li a{font-size:24px;display:inline-block;width: 100%;height:70px;line-height: 70px;text-align: center;background: #F3F3F3;transition: all .3s;}
.ny-news-ctitle li:hover a,.ny-news-ctitle li.on a{ background: #000000;color:#B47F43}
.ny-news-all ul{overflow: hidden;margin:30px 0}
.ny-news-all ul li{ background: #F3F3F3;overflow:hidden;margin-bottom:10px}
.ny-news-all ul li .pic,.ny-news-all ul li .time,.ny-news-all ul li .info{float:left}
.ny-news-all ul li .pic{width:26%;}
.ny-news-all ul li .pic img{width: 100%;}
.ny-news-all ul li .time{width:10%;margin-right:3%;margin-top:4%}
.ny-news-all ul li .time span,.ny-news-all ul li .time em{display: block;text-align: right;}
.ny-news-all ul li .time span{font-size:38px;color:#555555}
.ny-news-all ul li .time em{font-size:14px;color:#777;font-size:22px;}
.ny-news-all ul li .info{width:55%;margin-top:4%}
.ny-news-all ul li .info h2{font-size:26px;line-height:26px;color:#333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ny-news-all ul li .info p{line-height:26px;color:#666666;font-size:15px;margin-top:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical }





/*联系我们*/
.ny-con-title{margin:40px 0;}
.ny-con-title b,.ny-con-title span{display: block;text-align: center;}
.ny-con-title b{font-size:34px;line-height:34px;color:#333333; font-weight: normal;}
.ny-con-title span{font-size:16px;line-height:16px;color:#888888;margin-top:5px}

.ny-contact-list dl{overflow: hidden;margin:40px auto}
.ny-contact-list dl dt img{display: none;}
.ny-contact-list dl dt{height: 336px; background-size:cover !important;}
.ny-contact-list dl dt{width:60%}
.ny-contact-list dl dt img{width:100%}
.ny-contact-list dl dd{width:39.6%;border:1px solid #DADADA;height: 336px;box-sizing: border-box;position: relative;}
.ny-contact-list dl dd div{width:80%;margin:30px auto;}
.ny-contact-list dl dd div b{display: block;font-size: 25px;color:#555555;border-bottom:1px solid #DDDDDD;padding:20px 0; font-weight: normal;}
.ny-contact-list dl dd div b img{display: inline-block; margin-right:20px; vertical-align: middle;}
.ny-contact-list dl dd div p{line-height: 31px;color:#777777;font-size:15px;margin-top:30px;;}
.ny-contact-list dl dd span{display: block;text-align: right;color:#E3E3E3;font-family: arial;font-size:14px;position: absolute;bottom:30px;right:30px;}

/*.ny-contact-con{ background:url(../images/contact-map.png) no-repeat center right;height:550px}*/
.ny-contact-con{height:550px}
.ny-contact-left{width:45%}
.ny-contact-right{width:50%}
.ny-contact-left h2{margin-bottom: 40px;}
.ny-contact-left h2 b{display: block;font-size:36px;color:#b47f43;line-height: 36px;margin-bottom:10px;}
.ny-contact-left h2 p{font-size:17px;color:#666666}
.ny-contact-left h2:after{content:'';display: block;width: 45px;height:4px; background: #CC9346;margin-top:30px}

.ny-contact-left ul li{display: block;font-size:15px;line-height:40px;color:#666}
.ny-contact-left ul li span{float:left;width:60px;text-align: center; margin-top: 10px}
.ny-contact-left ul li img{display: inline-block; vertical-align: middle;}
.ny-contact-right form{width:100%;margin-top:30px;}
.ny-contact-right form div{ background: #FFFFFF;border:1px solid #DDDDDD;height:50px;overflow:hidden;margin:20px 0}
.ny-contact-right form div label{width:130px; background: #EAEAEA;float:left;height: 50px;line-height:50px;text-align: center;}
.ny-contact-right form div label em{color:#f00;margin-left:4px;}
.ny-contact-right form div input{float:left;border:none;height:50px;text-indent:20px;width:calc(100% - 150px)}
.ny-contact-right form div.form-name,.ny-contact-right form div.form-tel{width:48%;margin-right:3%;float:left}
.ny-contact-right form div.form-company input{width:calc(100% - 150px)}
.ny-contact-right form div.form-name input{ background: url(../images/form-icon1.png) no-repeat center right;}
.ny-contact-right form div.form-tel input{ background: url(../images/form-icon2.png) no-repeat center right;}
.ny-contact-right form div.form-company input{ background: url(../images/form-icon3.png) no-repeat center right;}


.ny-contact-right form div.form-tel{margin-right:0}
.ny-contact-right form div.form-company{width:100%}
.ny-contact-right form div.form-xuanze select{width:70%;height: 50px;line-height:50px;border:none;margin-left:4%}
.ny-contact-right form div.form-submit input{width:172px; background: #CC9346;height: 50px;line-height:50px;color:#fff;text-indent: 0;font-size:16px}
.ny-contact-right form div.form-submit{width: auto; background: none;border:none;margin-top:10px;}


.ny-join{ background: #F6F6F6;padding:0 0 30px 0;margin-bottom:30px}
.ny-join .title{width:70%}
.ny-join-list ul li{overflow: hidden;border-bottom:1px solid #D6D6D6;padding:20px 0;}
.ny-join-list ul li span,.ny-join-list ul li p,.ny-join-list ul li em{float:left}
.ny-join-list ul li span{width:20%;line-height: 87px;text-align: center; background: #DDDDDD;color:#333;font-size:18px}
.ny-join-list ul li p{width:60%;margin:0 4%;font-size:15px;line-height:28px;margin-top:10px}
.ny-join-list ul li em{cursor: pointer;width:104px;height:39px; background: #000000;color:#B47F43;text-align: center;line-height:39px;margin-top:20px;}

.ny-join-bg{width:100%;height: 100vh; position: fixed;top:0;left:0; background: rgba(0,0,0,0.5);z-index:9999;display: none;}
.mkcon{
    width: 1000px;
   padding:30px 0 70px 0;
    position: fixed;
    top: 5%;
    left: 0;
    right:0;margin:0 auto;
    background: #fff;z-index:9999;display: none;

}
.mkcon .close{
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    cursor: pointer;
}
.mkcon p{font-size: 14px;line-height: 26px;margin-bottom: 10px;}
.mkcon .tit{
	margin-bottom:20px;
	width:100%;
    font-size: 30px;
    color: #666;
    text-align: center;
    line-height: 40px;
}
.mkcon .tit1{
    font-size: 16px;
    color: #e4aa0d;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 0;
}
.mkcon-more a{
	position: absolute;bottom:20px;right:0;left:0;margin:0 auto;
   display: block;
    background: #e4aa0d;
    width:200px;height:40px;line-height:40px;text-align: center;
    
}

.ny-join-list .mkcon  p{width: 100%;margin:0}
.mkcon-con{width:80%;margin:0 auto;overflow: hidden;}





/*关于我们*/
#about-show,#about-advantage,#about-honor,#about-tank,#about-vision {padding-top: 70px;margin-top: -70px;}
.ny-about-title{margin:40px 0}
.ny-about-title div{float:left;margin-right:50px;}
.ny-about-title div h2{color:#333333;font-size:28px;line-height:28px;margin-bottom:5px;font-weight:bold}
.ny-about-title div span{display: block;font-size:14px;color:#666666;line-height:15px;margin-top:5px}
.ny-about-title div h3{font-size:22px;font-weight:normal;color:#333333; line-height: 29px}
.ny-about-title div h3 b{font-weight:bold}
.ny-about-title div p{color:#777777}

.ny-about-con .pic{float:left;width:51%}
.ny-about-con .pic img{width:100%}
.ny-about-con .info{float:right;width: 47%;margin-top:15px}
.ny-about-con .info p{color:#666;line-height:28px;font-size:15px;margin-bottom:15px;}

.ny-about-number{margin:50px auto 80px;overflow: hidden;}
.ny-about-number li{width:calc(100%/3 - 25px);float:left; background: #EEEEEE;height:90px;line-height:90px;margin-right:25px}
.ny-about-number li:nth-child(3){margin-right:0}
.ny-about-number li div b{font-family: arial;font-weight: bold;color:#E71F19;font-size:70px;}
.ny-about-number li div em{font-size:40px;color:#e71f19;margin-left:5px}
.ny-about-number li div{float:left;margin-left:20%}
.ny-about-number li p{font-size:28px;color:#333333;float:left;margin-left:15px;}
.ny-about-number li:nth-child(1) div em{font-size:24px;}

.ny-about-advantage{ background: url(../images/ys-bannerbg.jpg) no-repeat center; padding-bottom: 70px}
.ny-advant-list{overflow: hidden; position: relative;}
.ny-advant-list li{height:395px;}
.ny-advant-list li .pic{float:left;width:50%;height:395px;}
.ny-advant-list li .pic img{display: none;}
.ny-advant-list li .info{float:right;height:395px; background: #FFFFFF;width: 50%;}
.ny-advant-list li .info h2{border-bottom:1px solid #EEEEEE;padding:100px 0 30px 0;margin-bottom:30px;position: relative;}
.ny-advant-list li .info h2 b{display: block;font-size:26px;line-height: 26px;color:#333; font-weight: normal;}
.ny-advant-list li .info h2 span{display: block;font-size:14px;color:#666}
.ny-advant-list li .info p{font-size:16px;color:#666;line-height: 29px;}
.ny-advant-list li .info h2,.ny-advant-list li .info p{width:80%;margin:0 auto}
.ny-advant-list li .info h2 em{font-size:60px;color:#dddddd;font-family: arial;float:right;font-weight:900;position: absolute;top:70px;right:0;}
.ny-advant-list li .info p{margin-top:30px;}
.ny-about-advantage .title{padding:50px 0 40px 0;margin-bottom:0}
#aboutys-num{display: none;}
#aboutys-prev,#aboutys-next{z-index: 2; width: 57px; height: 43px}
#aboutys-prev{left: 0}
#aboutys-next{right: 0; left: auto}


/*资质荣誉*/
.ny-honor-list dl{float:left;width:calc(99% / 2 - 2px);margin-right:1%; background: #FAFAFA;border:1px solid #DADADA}
.ny-honor-list dl:nth-child(1) dd span{margin:1%;padding:1.17% 0}
.ny-honor-list dl:nth-child(2){margin-right:0}
.ny-honor-list dl:nth-child(2) dd span{width: 100%;}
.ny-honor-list dl dt{background: #EBEBEB;line-height:100px;padding:30px 0}
.ny-honor-list dl dt b,.ny-honor-list dl dt span{display: block;text-align: center;}
.ny-honor-list dl dt b{font-size:22px;font-weight:bold;line-height:22px;margin-bottom:5px;color:#EC0307}
.ny-honor-list dl dt span{font-size:15px;color:#999999;line-height:15px;}
.ny-honor-list dl dd{width:90%;margin:20px auto;padding-bottom:30px;overflow: hidden;}
.ny-honor-list dl dd span{transition: all .4s;float:left;width:48%;margin:1% 1% 0 1%;text-align: center;padding:1%; background: #EEEEEE;}
.ny-honor-list dl dd span:hover{ background: #ddd;}


/*2021.4.1荣誉证书3大分类*/
.ny-honor1-list{margin-top: 40px;}
.ny-honor1-list .container{}
.ny-honor1-list{margin-bottom:70px}
.ny-honor1-list .parHd{text-align: center;}
.ny-honor1-list .parHd li{cursor: pointer;display: inline-block;width:125px;height:41px;line-height: 41px;text-align: center;background: #F2F2F2;color:#666;margin:0 10px}
.ny-honor1-list .parHd li:hover,.ny-honor-list .parHd li.on{ background: #BE1915;color:#fff}
.ny-honor1-list .parBd{margin-top:30px;  position: relative;}
.ny-honor1-list .parBd li{float:left;width:calc(100% / 5 - 15px); margin-right: 15px; border:1px solid #CCCCCC;}
.ny-honor1-list .parBd li img{width: 100%;}


#honor-prev,#honor-next{position: absolute; width: 40px; height: 40px; z-index: 2;  top: 50%; transform: translateY(-50%); border-radius: 50% }
#honor-prev{left: -42px; background: url(../images/honor-prev.png) no-repeat center #ccc;}
#honor-next{right: -42px; background: url(../images/honor-next.png) no-repeat center #ccc;}
#honor-prev:hover{background: url(../images/honor-prev2.png) no-repeat center #BE1915; }
#honor-next:hover{background: url(../images/honor-next2.png) no-repeat center #BE1915;}

.ny-tank-con{ background: #f6f6f6;padding:10px 0 60px 0;margin:30px 0}
.ny-tank-list dl{overflow: hidden; background: #fff;}
.ny-tank-list dl dt,.ny-tank-list dl dd{width:50%;height: 315px;}
.ny-tank-list dl:nth-child(1) dt,.ny-tank-list dl:nth-child(1) dd{float:left}
.ny-tank-list dl:nth-child(1) dt img{display: none;}
.ny-tank-list dl:nth-child(2) dt,.ny-tank-list dl:nth-child(2) dd{float:right}
.ny-tank-list dl dd h2{padding-top:40px;}
.ny-tank-list dl dd h2,.ny-tank-list dl dd p{width:85%;margin:0 auto}
.ny-tank-list dl dd h2 b{font-size:26px;color:#333333;line-height:26px;}
.ny-tank-list dl dd h2 em{font-size:16px;color:#777777;font-family: arial;margin-left:10px;}
.ny-tank-list dl dd h2:after{content:'';display: block;width: 44px;height:4px; background: #E71F19;margin:20px 0}
.ny-tank-list dl dd p{font-size:16px;color:#666666;line-height:30px;}

.ny-tank-list1{margin:40px auto 0 auto}
.ny-tank-list1 dl{width:calc( (100% - 3.999%) / 4) ;margin-right:1.3333%;float:left; background: #FFFFFF;}
.ny-tank-list1 dt img,.ny-tank-list1 dt{width:100%}
.ny-tank-list1 dl:nth-child(4){margin-right:0}
.ny-tank-list1 dt,.ny-tank-list1 dd{width:90%;margin:0 auto;}
.ny-tank-list1 dt{margin-top:20px}
.ny-tank-list1 dd{height:283px;width:85%;margin:0 auto;text-align: center;}
.ny-tank-list1 dd b{font-size:20px;color:#333333;margin:15px 0;display: block;text-align: center}
.ny-tank-list1 dd b:after{content: '';display: block;width: 36px;height:3px; background: #E71F19;margin:10px auto;}
.ny-tank-list1 dd p{line-height:26px;color:#666}

.ny-vision-list {margin:40px auto}
.ny-vision-list dl{float:left;width:calc((100% - 90px) / 3 );margin-right:45px}
.ny-vision-list dl:nth-child(3){margin-right:0}
.ny-vision-list dl dd{height:67px; background: #F5F5F5;line-height: 67px;}
.ny-vision-list dl dd b{font-size:20px;font-weight:bold;color:#333;margin-left:30px;}
.ny-vision-list dl dd span{color:#666;margin-left:20px;font-size:16px;}
.ny-vision-list dl dt img{width: 100%;}



.ny-clobal-con{ background: #F8F8F8;padding: 10px 0 3px 0; margin-bottom: 50px}
.about-onestop .public-title p span{width: calc(100% - 390px);}
.cont6{height: 660px;margin: 0px auto 60px;}
.cont6 ul{width: 100%;height: 100%;overflow: hidden;background: #f9f9f9;}
.cont6 ul li{width: 25%;height: 220px;float: left;position: relative;overflow: hidden;}
.cont6 ul li img {border: 0;vertical-align: middle;}
.cont6 ul li p.li1{width: 365px;height: 220px;cursor: pointer;}
.cont6 ul li p.li1 img{transition: all 0.5s;}

.cont6 ul li:nth-of-type(1){width:50%;height: 220px; background: #eee;}
.cont6 ul li:nth-of-type(1) p.li2{width:68%;height: 170px;margin:45px auto 0 auto;}
.cont6 ul li:nth-of-type(1) p.li2 img{width: 100%;}
.cont6 ul li:nth-of-type(4),.cont6 ul li:nth-of-type(4) p.li1,.cont6 ul li:nth-of-type(8),.cont6 ul li:nth-of-type(8) p.li1{ width: 25%;height: 220px;}

.cont6 ul li .conzx{background: #74B61E;}
.cont6 ul li .conch{background: #B47F43;}
.cont6 ul li .consj{background: #EEEEEE;}
.cont6 ul li .conbk1{ background: #4D96B8;}
.cont6 ul li .consj p{color:#666}
.cont6 ul li .consj p.tit61{color:#333}
.cont6 ul li .conbk p{color: #616161}
.cont6 .con6li{width:90%;height:90%;position: relative;padding:5%; background: #EEEEEE;}
.con6li p{color: #fff;}
.con6li .tit61{font-size: 30px;color: #fff;}
.con6li .tit61 img{width: 36px;height: 36px;position: relative;left: 10px;top: -2px;}
.con6li .tit62{font-size: 14px;text-transform: uppercase;margin-top: 3px;}
.con6li .tit63{font-size:80px;font-family: arial;font-weight: bold;opacity: 0.2;position: absolute;top: 10px;right:15px;}
.con6li .tit64{margin-top:30px;width: 283px;font-size: 14px;line-height: 24px;text-align: justify;width: 90%;}
figure{display: contents;}
figure .xz{height: 100%;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transition: 0.6s;-webkit-transition: 0.6s;cursor: pointer;}
figure .face {width: 100%;height: 465px;position: absolute;box-sizing: border-box;font-family: 'Source Sans Pro',sans-serif;}
figure .face:nth-child(1) {color: #fff;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
figure .face:nth-child(1) .face1{width: 100%;height: 100%;position: relative;}
figure .face:nth-child(2) {color: #094b2c;background: green;transform: rotateY(-90deg) translate3d(0, 0, 0);-webkit-transform: rotateY(-90deg) translate3d(0, 0, 0);}


.ny-about-ys {display: none;}
.ny-ys-list{width: 96%; margin: 0 auto 20px}
.ny-ys-list ul{overflow:hidden;width: 102%}
.ny-ys-list li.on{ background: #AB753E;color:#fff}
.ny-ys-list ul li{float:left;text-align: center;border:1px solid #ccc;box-sizing: border-box;line-height:35px; width: calc(100% / 5 - 2%); margin-right: 2%}
.ny-ys-con dl{width:96%;margin:0 auto;}
.ny-ys-con dl dt img,.ny-ys-con dl dt{width: 100%;}
.ny-ys-con dl dd{margin:10px 0}
.ny-ys-con dl dd{font-size:0.9rem;line-height:1.6rem}


.search-list{height: 50px}







/*内页底部公共新闻*/
.public-news{padding-bottom: 34px}
.public-news .container{overflow: hidden;}
.public-news dl {width: calc(100% + 45px)}
.public-news dl dt{float:left; margin-right: 45px; width: calc(100% / 3 - 45px)}
.bottom-news{border-bottom:1px solid #DDDDDD;padding:10px 0}
.bottom-news:before{content: '';float:left;width:12px;height: 15px; background: #E71F19;margin-top:7px;margin-right:10px}
.bottom-news b{font-size:16px;color:#333333;font-weight:bold}
.bottom-news span{font-size:14px;color:#666666}
.bottom-news a{float:right;width:79px;height:28px;line-height: 28px;text-align: center; background: #EEEEEE;color:#666;font-size:13px;border-radius: 100px;}
.bottom-news a:hover{ background: #EC0307;color:#fff}
.public-news ul{margin:20px 0}
.public-news ul li{border-bottom:1px dashed #DDDDDD;overflow: hidden;padding: 10px 0;}
.public-news ul li a{color:#666666;font-size:14px;}
.public-news ul li em{float:left;line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:70%}
.public-news ul li span{float:right}
.public-news ul li a:hover{color:#EC0307}



/*详情页*/
.ny-details{background: #f5f5f5; padding: 50px 0}
.details-content{background: #fff; padding:30px 40px; width: calc(100% - 80px)}
.details-title em{display: block; font-size: 24px;color: #616161;line-height: 60px; border-bottom: 1px solid #dcdcdc; }
.details-info{margin-top: 25px;}
.returnbt input{display: block;width: 130px; background: #000; font-size: 15px; line-height: 40px; color: #fff; text-align: center; border: none; outline: none; margin: 20px auto 0}



/*案例详情页*/
.details-left{width: 70%; padding: 30px 2% 40px}
.details-right {width: 20%;background: #fff;padding: 35px  2% 0;}
.latest strong{display: block; font-size: 20px; line-height: 50px; color: #fff; background: #e7141a; text-align: center; margin-bottom: 25px}
.latest-list ul li{margin-bottom: 20px;}
.latest-list ul li .pic img{display: block; width: 100%; }
.latest-list ul li em{display: block; font-size: 16px; line-height: 40px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.details-left .details-title {position: relative;}
.details-left .details-title span{position: absolute; right: 0; color: #c2c1c1; top: 25px}
.details-left .details-title a{color: #c2c1c1}

.newsetails-info img{width: auto!important}


/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #043db1;}
.zx-service ul li:hover a{background: #fc391d;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #fc391d;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/wechat-pic.jpg) no-repeat center top 10px #fc391d;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}

.weixin-hide1{width: 130px;padding: 140px 10px 0;background:url(../images/web-pic.jpg) no-repeat center top 10px #fc391d;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide1 span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide1 span{line-height: 36px;}
.weixin-hide1 em{line-height: 35px;}
.weixin-hide1 b{line-height: 13px;font-family: arial;font-size: 18px}
.zx-service033:hover .weixin-hide1{display: block;}

/*分页*/
.pagelist{text-align: center;margin:50px 0}
.pagelist a,.pagelist .rows{display: inline-block;padding:5px 8px;border:1px solid #999999;margin:0 5px;}
.pagelist a:hover{ background: #000000;color:#fff}
.pagelist .current{display: inline-block;padding:5px 8px;border:1px solid #999999;margin:0 5px; background: #E71116;color:#fff}



.ny-details img {
    width: 100% !important;
    margin: 5px auto;
    display: block;
    height: auto !important;
}

.ny-details .details-info p{width: auto !important;}
.ny-details .details-info img{ width: 100% !important;}
