*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden}
body,input{font-family:arial;color:#666;font-size: 14px;font-family: "微软雅黑";}
h2,h3{font-weight: normal;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.wap-container{width:96%;margin:0 auto}
.container{max-width:1600px;margin:0 auto}
.container-s{max-width:95%;margin:0 auto}
input{outline: none;}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.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;}

/*头部*/
.header-zw{height: 107px;}
.header{height: 107px; position: fixed;top:0;left:0;right:0;width:100%; background: #fff;z-index: 999;box-shadow:0px 2px 8px 0px rgba(50,50,50,0.25);;}
.header .logo{width: 229px;margin-top:26px}
.header .nav{width:54%;margin-left:5%}
.header .nav li{float:left;width:calc(100%/9);text-align: center; position: relative;}
.header .nav li>a{float:left;font-size:16px;color:#333;line-height: 105px;text-align: center;text-align: center;width: 100%;transition: all .4s;}
.header .nav li:hover>a,.header .nav li.on>a{background: #eee;color:#BE1915}
.search{margin:40px 3%;}
 .seach-form{ position: absolute;top:110px; background: #fff;display: none;cursor: pointer;}
   .seach-form input{float:left;border:none; background: none;height:40px;line-height: 40px;padding:0 10px}
   .seach-form  .f-text{width:170px;}
   .seach-form  .f-submit{width:50px; background: #EC0307;color:#fff}
.lan{line-height: 105px;}
.lan a{line-height: 105px;font-size:18px;}
.tel{margin-top:20px;}
.tel p{margin:10px 0;}
.tel p img{vertical-align: middle;margin-right:10px}
.tel p span{margin-right:10px}
.nav dl{
	padding-top:10px;
	display: none;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 97px;
	width: 100%;

 
}
.nav li:nth-child(3) dl{width:142%;}
.nav li:nth-child(5) dl{width:132%;}
.nav dl em a{display: block;height: 32px;
    line-height: 32px;
    padding-left: 23px;   
    border-bottom: 1px solid rgba(250,250,250,.3);color:#fff;}
    
.nav dl em{
	   background:url(../images/jtou.png ) no-repeat center left 10px rgba(0,0,0,0.7);
	display: block;
    	
	    background-repeat: no-repeat;
	    text-align: left;
	    overflow: hidden;
    }
   .nav dl em:hover a{ background:url(../images/jtou.png ) no-repeat center left 10px rgba(234,15,21,0.7);}
/*头部*/


/*首页banner*/
.banner{position:relative;overflow: hidden;overflow: hidden;}
.banner{height:600px;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;position: absolute;top:0;left:0;}
.banner img{display: none;}
#banner-num{bottom:5%}
#banner-num span{ background:rgba(255,255,255,0.6);width: 12px;height: 12px;margin:0 7px}
#banner-num .swiper-pagination-bullet-active{ background: #EC0307;}
/*首页banner*/


/*解决方案*/
.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;}
.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%/7 - 5px);}
.case-top li a{display: block;height:65px}
.case-top li:nth-child(7){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}
.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}

/*全球前沿创意科技*/
.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: 99999;}
.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;
}


/*华恒介绍*/
.about-title{margin:50px 0}
.about-title span{display: block;}
.about-title span:after{content: '';display: block;width: 47px;height:4px; background: #E71F19;margin:20px auto}
.about-title span em,.about-title span b{display: block;text-align: center;}
.about-title span b{font-size:30px;color:#333333;font-weight:normal;line-height:30px;}
.about-title span em{font-size:12px;color:#777777;line-height: 12px;margin-top:5px;;}
.about-title p{color:#666666;font-size:14px;line-height:24px;text-align: center;max-width: 1300px;margin:0 auto 40px auto;}

.about-left{width:48%;position: relative;}
.about-left p img{width:100%}
.about-left span{ position: absolute;top:46%;left:0%;right:0;width:100%;margin:0 auto;display: block;z-index: 999;text-align: center;-webkit-animation: gif 2s infinite linear;animation: gif 2s infinite linear;}
@keyframes gif
{
  0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.about-right{width:49%;}
.about-right p{line-height: 28px;color:#666666;font-size:15px;margin:40px 0}
.about-left-bottom li{float:left;width: calc(100%/5 - 15px);height:133px; background: #EEEEEE;text-align: center;margin-right:18px;transition: all .4s;}
.about-left-bottom li span{transition: all .4s;}
.about-left-bottom li span,.about-left-bottom li em{display: block;text-align: center;font-size:16px;margin-top:5px;}
.about-left-bottom li span{margin-top:30px;transition: all .4s;}
.about-left-bottom li:nth-child(5){margin-right:0; background: #E71F19;}
.about-left-bottom li:nth-child(5) a{color:#fff}
.about-left-bottom li:hover{ background: #ddd;}
.about-left-bottom li:hover span{transform:rotateY(180deg);}
.about-left-bottom li:nth-child(5):hover { background: #A50D0A;}


.none .ys{}
/*战略合作*/
.parent{ background: #F5F5F5;padding:1px 0 50px 0;margin-top:50px}
.parent .title,.about .title{margin:60px 0}
.parent-left{width:40%;overflow: hidden; background: #fff; position: relative;padding-bottom:75px;height: 350px;}
.parent-title{margin:34px 0}
.parent-title b,.parent-title span{display: block;text-align: center;}
.parent-title b{font-size:22px;line-height: 22px;margin:5px 0;color:#333}
.parent-title span{font-size:12px;line-height: 12px;}
.parent-list{width:80%;margin:0 auto;overflow: hidden;}
.parent-list li{width: 48%;;}
.parent-list li img{width: 100%;}
#parent-num{bottom:30px}
#parent-num span{width:13px;height:13px;border-radius: 100%;margin:0 10px}
#parent-num .swiper-pagination-bullet-active{ background: #EC0307;}
.parent-right{width:59%;border:1px solid #ddd;height:425px;display: table-cell; vertical-align: middle;overflow: hidden;}
.parent-right img{width:90%;height: auto;display: inline-block;}
/*战略合作*/

/*新闻中心*/
.news{margin:50px auto}
.news-list{width:calc(100%/3 - 30px);margin-right:45px;float:left;}
.news-list:nth-child(3){margin-right:0}
.news-list h2{border-bottom:1px solid #DDDDDD;padding:10px 0}
.news-list h2:before{content: '';float:left;width:12px;height: 15px; background: #E71F19;margin-top:9px;margin-right:10px}
.news-list h2 b{font-size:16px;color:#333333;font-weight:bold}
.news-list h2 span{font-size:14px;color:#666666}
.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;}
.news-list h2 a:hover{ background: #EC0307;color:#fff}
.news-list ul{margin:20px 0}
.news-list ul li{border-bottom:1px dashed #DDDDDD;overflow: hidden;padding: 10px 0;}
.news-list ul li a{color:#666666;font-size:14px;overflow: hidden;}
.news-list ul li a:hover{color:#EC0307}
.news-list ul li a span{float:left;width:70%;line-height: 22px;}
.news-list ul li a em{float:right}
/*新闻中心*/


/*底部*/
.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:30px 0}
.foot-logo dt,.foot-logo dd{float:left}
.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-dingyue dt{color:#fff;font-size: 16px;margin-bottom:10px;}
.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 8px;height: 35px;line-height: 35px;float:left;font-size:16px;}
.foot-fr ul li:hover a{ background: #fff;color:#AA231D}
/*底部*/


/*互动科技*/
.ny-banner{width: 100%;}
.ny-banner img{width: 100%;}
.ny-main .title{margin:30px 0;padding-top:30px;width:93%}
.ny-main .title p b{width: 330px;text-align: center;}
.ny-main .title p{margin:10px 0}

.inter{margin-bottom:50px}
.inter-list .mesg ul li a:hover .masks{right:0;}
.inter-list .mebig ul li video{width: 100%;height: 100%;}
.inter-list .mebig ul li img{width: 100%;height: 100%;}
.inter-list .mebig ul li:nth-child(1){width: 40%;height: 260px;overflow: hidden;}
.inter-list .mebig ul li:nth-child(2){width: 35%;height: 260px;overflow: hidden;}
.inter-list .mebig ul li:nth-child(3){width:24%;height: 260px;overflow: hidden;}
.inter-list .mebig ul li:nth-child(4){width:22%;height:260px;overflow: hidden;}
.inter-list .mebig ul li:nth-child(5){width:30%;height:260px;overflow: hidden;}
.inter-list .mebig ul li:nth-child(6){width:22%;height:260px;overflow: hidden;}
.inter-list .mebig ul li:nth-child(7){width:24.7%;height:260px;overflow: hidden;margin-right:0}

.inter-list .mesg ul li:nth-child(4) a .masks{right:100%;}
.inter-list .mesg ul li:nth-child(6) a .masks{right:100%;}
.inter-list .mesg ul li:nth-child(4) a:hover .masks{right:0%;}
.inter-list .mesg ul li:nth-child(6) a:hover .masks{right:0%;}
.inter-list ul li:nth-child(6) a .masks{ background: #9C1F24;}

/*vrar*/
.vrar{ background: #F0F0F0;padding:1px 0 50px 0}
.vrar .mesg ul li a p span:nth-child(1){float: left;}
.vrar .mesg ul li a p span:nth-child(2){float: left;margin-left:20px;margin-top:-3px}
.vrar .mesg ul{ position: relative;}
.vrar .mesg ul li{overflow: hidden;}
.vrar .mesg ul li img,.vrar .mesg ul li video{width: 100%;height: 100%;}
.vrar .mesg ul li:nth-child(1){width: 45%;height: 500px;}
.vrar .mesg ul li:nth-child(2){width: 25%;height: 500px;}
.vrar .mesg ul li:nth-child(3){width:29.3%;height: 248px; position: absolute;right:0;top:0;}
.vrar .mesg ul li:nth-child(4){width:29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0}
.vrar .mesg ul li img{transition: all .5s;}
.vrar .mesg ul li:hover img{transform: scale(1.3);}

/*全息成像*/
.imageing{padding:1px 0 50px 0}
.imageing .mesg ul{ position: relative;}
.imageing .mesg ul li{overflow: hidden;}
.imageing .mesg ul li img,.imageing .mesg ul li video{width: 100%;height: 100%;}
.imageing .mesg ul li:nth-child(1){width:45%;height: 500px;}
.imageing .mesg ul li:nth-child(2){width:25%;height: 500px;}
.imageing .mesg ul li:nth-child(3){width:29.3%;height: 248px; position: absolute;right:0;top:0;}
.imageing .mesg ul li:nth-child(4){width:29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0}
.imageing .mesg ul li img{transition: all .5s;}
.imageing .mesg ul li:hover img{transform: scale(1.3);}


/*数字沙盘*/
.tables{padding:1px 0 50px 0}
.tables .mesg ul{ position: relative;}

.tables .mesg ul li{overflow: hidden;}
.tables .mesg ul li img,.tables .mesg ul li video{width: 100%;height: 100%;}
.tables .mesg ul li:nth-child(1){width: 45%;height: 500px;}
.tables .mesg ul li:nth-child(2){width: 25%;height: 500px;}
.tables .mesg ul li:nth-child(3){width: 29.3%;height: 248px; position: absolute;right:0;top:0;}
.tables .mesg ul li:nth-child(4){width: 29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0}
.tables .mesg ul li img{transition: all .5s;}
.tables .mesg ul li:hover img{transform: scale(1.3);}


/*机械装置*/
.devices{ background: #F0F0F0;padding:1px 0 50px 0}
.devices .mesg ul{ position: relative;}

.devices .mesg ul li{overflow: hidden;}
.devices .mesg ul li img,.tables .mesg ul li video{width: 100%;height: 100%;}
.devices .mesg ul li:nth-child(1){width:35%;height: 500px;}
.devices .mesg ul li:nth-child(2){width:32.5%;height: 249px;}
.devices .mesg ul li:nth-child(3){width:32%;height: 248px;position: absolute;right:0;top:0}
.devices .mesg ul li:nth-child(4){width:32.5%;height: 248px;position: absolute;right:32.2%;bottom:5px;margin:0}
.devices .mesg ul li:nth-child(5){width:32%;height: 248px;position: absolute;right:0;bottom:5px;margin:0}
.devices .mesg ul li img{transition: all .5s;}
.devices .mesg ul li:hover img{transform: scale(1.3);}

/*中控系统*/
.systems{margin-bottom:50px;}
.case-banner{position: relative;}
.case-wz{color:#fff;text-align: center;padding-top:100px}
.case-wz b{font-size:44px;color:#fff;display: block;line-height: 44px;margin-bottom:30px;}
.case-wz span{margin:0 auto;font-size:23px;color:#fff;display: block;width: 540px;height:49px;border:1px solid #fff;line-height:49px;text-align: center;}


/*精品案例*/
.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;color:#B8B9B9}
.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-con-top{overflow: hidden;}
.case-con-top dl{float:left;width:25%;border-right:1px dashed #DDDDDD;box-sizing: border-box;margin:50px 0}
.case-con-top dl dt{padding:20px 0}
.case-con-top dl dt b{font-size: 22px;line-height:22px;font-weight: bold;color:#333}
.case-con-top dl dt span{font-size: 14px;line-height:14px;font-weight: bold;color:#666666;font-weight:normal}
.case-con-top dl dt,.case-con-top dl dd{width:80%;margin:0 auto}
.case-con-top dl dd{font-size:14px;line-height:24px;color:#666}

.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;}
.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}
.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;font-size:16px;}

.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}
.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}

.cont6{height: 660px;margin: 50px auto 120px;}
.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 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 .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-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;}


/*精品案例列表页*/

.wind .title{ width:64%;}
.wind .shows{width: 100%;height: auto; margin-top: 60px;}
.wind .shows ul{width: 100%;height: 548px;overflow: hidden;}
.wind .shows ul li{
    width:calc(100%/6);
    height: 548px;
    float: left;
    position: relative;
    float: left;
    cursor: pointer;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    border-left: 1px solid #fff;
    box-sizing: border-box;
}
.wind .showsg ul li{
    width:calc(100%/7);
}
.wind .shows ul li:nth-of-type(1){border-left: 0;}
.wind .shows ul li .ksm{
	position: relative;z-index: 9;
    width: 100%;
    height: 100%;
}
.wind .shows ul li .ks{position: absolute;top:0;left:0;z-index:8;height: 100%;}
/*.wind .shows ul li.lis{width: 785px!important;}*/
.wind .shows ul li:nth-of-type(6){margin-right: 0;}
.wind .shows ul li .tits{position: absolute;top: 30px;left: 22px;width: 22px;height: 22px;border: 0;}
.wind .shows ul li p{position: relative;z-index: 10;}
.wind .shows ul li p.big{font-size: 24px;color: #fff;width: 25px;position: absolute;top: 60px;left: 22px;line-height: 25px;}
.wind .shows ul li p.smal{
	line-height: 12px;
    font-size: 12px;
    color: #fff;
    position: absolute;writing-mode:vertical-rl;bottom:50px;left: 10%;;
}

.wind .shows ul li p.bot{
    display: none;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    width:93%;
    height: 70px;
    background: rgba(0,0,0,.8);
    padding: 15px 40px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.wind .shows ul li img{
	width:  100%;
	float:left
	}
.wind .shows ul:hover li{
    width: 10%;
}
.wind .shows ul li:hover{
    width:60%;
}


.wind .showsg{width: 100%;height: auto; margin-top: 60px;}
.wind .showsg ul{width: 100%;height: 548px;overflow: hidden;}
.wind .showsg ul li{
    width:calc(100%/7);
    height: 548px;
    float: left;
    position: relative;
    float: left;
    cursor: pointer;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    border-left: 1px solid #fff;
    box-sizing: border-box;
}

.wind .showsg ul li:nth-of-type(1){border-left: 0;}
.wind .showsg ul li .ksm{
    position: relative;z-index: 9;
    width: 100%;
    height: 100%;
}
.wind .showsg ul li .ks{position: absolute;top:0;left:0;z-index:8;height: 100%;}
/*.wind .shows ul li.lis{width: 785px!important;}*/
.wind .showsg ul li:nth-of-type(6){margin-right: 0;}
.wind .showsg ul li .tits{position: absolute;top: 30px;left: 22px;width: 22px;height: 22px;border: 0;}
.wind .showsg ul li p{position: relative;z-index: 10;}
.wind .showsg ul li p.big{font-size: 24px;color: #fff;width: 25px;position: absolute;top: 60px;left: 22px;line-height: 25px;}
.wind .showsg ul li p.smal{
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    position: absolute;writing-mode:vertical-rl;bottom:50px;left: 10%;;
}

.wind .showsg ul li p.bot{
    display: none;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    width:93%;
    height: 70px;
    background: rgba(0,0,0,.8);
    padding: 15px 40px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.wind .showsg ul li img{
    width:  100%;
    float:left
}
.wind .showsg ul:hover li{
    width: 10%;
}
.wind .showsg ul li:hover{
    width:40%;
}


/*导航底部*/
.foot-nav{ background: #F5F5F5;overflow: hidden;height: 415px;}
.foot-nav dl{padding:30px 0;float:left;width:calc(100%/5);border-right:1px solid #EAEAEA;box-sizing: border-box;height: 415px}
.foot-nav dl dt{font-size:16px;color:#333;padding-left:20px;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:15px;}
.foot-nav dl dt em{font-size:13px;font-weight:bold;color:#666;margin-left:10px;}
.foot-nav dl dt,.foot-nav dl dd{width:75%;margin:0 auto}
.foot-nav dl dt{ background:url(../images/list-bg.jpg) no-repeat top left;}
.foot-nav dl dd a{display: block;border-bottom:1px dashed #DDDDDD;line-height: 30px;color:#666;transition: all .5s;}
.foot-nav dl dd a:hover{text-indent:10px;color:#BE1915;}


/*联系我们*/
.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}
.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}
.ny-contact-list dl dd div b img{margin-right:20px}
.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{ height:550px}
.ny-contact-left{width:50%}
.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;}
.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:60%}
.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:80%}
.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%;height:87px;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: 20%;
    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;}


.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{width: 100%;height: auto;}
.qiye1 .xcp ul{width: 100%;height: 100%;overflow: hidden;}
.qiye1 .xcp ul li{float: left;width: 49%;position: relative;box-sizing: border-box;margin-right:2%;margin-bottom:20px;}
.qiye1 .xcp ul li video{width: 100%;height: auto;}
.qiye1 .xcp ul li:nth-of-type(1){width:100%}
.qiye1 .xcp ul li:nth-of-type(1) img{width: 100%;}
.qiye1 .xcp ul li:nth-of-type(1) .pxq p.zi1{width: 760px;height: 45px;line-height: 23px;position: absolute;top: 23px;left: 30px;font-size: 14px;}
.qiye1 .xcp ul li:nth-of-type(1) .pxq p.zi2{
    width: 120px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 85px;
    top: 30px;
    background: #00011c;
    color: #ffdd80;
    text-align: center;
} 

.qiye1 .xcp ul li:nth-of-type(2n+1){margin-right: 0;}
.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;}

.projectshow{ background: url(../images/projectshow-bg.jpg) no-repeat center;height:900px}
.projectshow .title{padding-top: 45px;}
.projectshow .title p span{color:#fff}
.projectshow .title em{color:#fff}
.projectshow .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;}

.spevail{margin-bottom:60px}
.spevail .mesg ul li{height:350px}
.spevail .mesg ul li img{width:100%;height: 100%;}
.spevail .mesg ul li:nth-child(1){width:40%}
.spevail .mesg ul li:nth-child(2){width: 29%;}
.spevail .mesg ul li:nth-child(3){width: 29%;}

.spevail .mesg ul li:nth-child(4){width:29%}
.spevail .mesg ul li:nth-child(5){width: 29%;}
.spevail .mesg ul li:nth-child(6){width: 40%;}
.spevail .mesg ul li:nth-child(6){margin-right:0}

.digital{margin-bottom:40px}


/*新闻动态*/
.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;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical ;width:80%;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;}
.ny-news-ctitle li{display:inline-block;width: 23%;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}
.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-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}
.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;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(../ruichijianjie/ys-bannerbg.jpg) no-repeat center;height:665px;}
.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;}
.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}

/*资质荣誉*/
.ny-honor-list dl{float:left;width:49%;margin-right:1%}
.ny-honor-list dl{ background: #FAFAFA;border:1px solid #DADADA}
.ny-honor-list dl:nth-child(1) dd span{margin:1% 1% 1% 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:46%;margin:1% 1% 0 1%;text-align: center;padding:1%; background: #EEEEEE;}
.ny-honor-list dl dd span:hover{ background: #ddd;}



.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:24%;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%/3 - 30px);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%;}

.tj-case-con{position: relative;overflow: hidden;margin-bottom:50px}
.tj-case-con li{float:left;}
.tj-case-con li .pic{width:100%;overflow: hidden}
.tj-case-con li .pic img{width: 100%;transition: all .5s;}
.tj-case-con li .info{ background:#f5f5f5;padding:20px 0}
.tj-case-con li .info span,.tj-case-con li .info em{display: block;text-align: center;}
.tj-case-con li .info span{font-size:20px;color:#333}
.tj-case-con li .info em{color: #888;font-size:11px;}
.tj-case-con li:hover .pic img{transform: scale(1.3);}


/*手机客服*/
.pf_down {
	display: none;
	    width: 100%;
	    float: left;
	    position: fixed;
	    left: 0;
	    bottom: 0;
	    height: 50px;
	    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 5px 0;
	    border-right: 1px solid rgba(255,255,255, 0.2);
	}
	.pf_down li .ico7 {
	    width: 100%;
	    float: left;
	    height: 20px;
	 
	}
	.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: 12px;
	    color: #fff;
	    line-height: 14px;
	}
	
/*手机客服*/


/*产品详情页*/
.ny-pro-details{padding:50px 0}
.details-left{width:72%;background: #fff;padding:2%}
.details-left .tit{
    font-size: 24px;
    color: #616161;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}
.details-left .tit a:after{content: '>';font-size:16px}
.details-left .tit a:last-child:after{content: '';}
.details-left .tit span:nth-of-type(1){font-size: 12px;display: inline-block;position: relative;top:1px;text-transform : uppercase;}
.details-left .tit img{ 
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: -2px;
}
.details-left .tit span:nth-of-type(2){
    font-size: 12px;
    display: inline-block;
    color: #c2c1c1;
    position: absolute;
    right: 0;
    bottom: 12px;
    line-height: 20px;
}
.details-left .tit span:nth-of-type(2) a{color: #c2c1c1;}


.details-right{width:18%; background: #fff;padding:1% 2%}
.details-right ul li img{width: 100%;}
.xqcont{ margin-top: 30px;font-size: 14px;line-height: 28px;color:#555}

.details-right .ctitle1{width: 100%;height: auto;margin-top: 10px;}
.details-right .ctitle1{width: 100%;height: 100%;overflow: hidden;}
.details-right .ctitle1>li{width: 100%;height: auto;margin-bottom:10px}
.details-right .ctitle1>li>a{
	box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-size: 20px;
    color: #333;
    text-align: center;
    border: 1px solid #dcdcdc;transition: all .3s;
}
.details-right .ctitle1>li{cursor: pointer;}
.details-right .ctitle1>li span{font-size: 12px;display: inline-block;text-transform : uppercase;position: relative;top: -3px;}
.details-right .ctitle1>li>a.ond{background: #00011c;border: 1px solid #00011c;color: #ffdd80;}
.details-right .ctitle1>li:hover>a,.details-right .ctitle1>li.on>a{ background:#BE1915;color:#fff}
.details-right .ctitle1>li.on .ctitle2{display: block;}
.details-right .ctitle1>li .hdxts{margin-top: 15px;padding-bottom: 5px;}
.details-right .ctitle1>li .hdxts ul li a img{float: left;}

.details-right .ctitle1>li:nth-child(1)>a{ background:#BE1915;color:#fff}
.details-right .ctitle1>li:nth-child(1) .ctitle2{display: block;}
.details-right .ctitle2{width: 100%;overflow: hidden;display: none;}
.details-right .ctitle2 li{width: 100%;margin-bottom: 15px;overflow: hidden;}
.details-right .ctitle2 li a{display: block;width: 100%;height: 100%;position: relative;border: 1px solid #dcdcdc;box-sizing: border-box;overflow: hidden;}
.details-right .ctitle2 li a img{width:50%;float:left;transition: all .6s;}
.details-right .ctitle2 li a .xni{width:45%;float:left;margin-top:18px;margin-left:2.5%}

.details-right .ctitle2 li a .xni p:nth-child(1){color: #333;text-align: center;font-size:16px}
.details-right .ctitle2 li a .xni p:nth-child(2){color: #888;text-align: center;font-size:11px}
.details-right .ctitle2 li:hover{background: #f5f5f5;}
.details-right .ctitle2 li:hover .vr p:nth-child(1){color:#E71518;}
.details-left .tit span a:hover{color:#BE1915}

.xqcont p{width: 100%;color:#333}
.xqcont img{width:100% !important;margin:5px auto;display: block;height: auto !important;}
.xqcont video{width:100% !important;height: auto !important;}





/*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;}



/*2021.4.1红色文化建设隐藏*/



/*.case-top li{width: calc(100% / 6 - 5px)}*/
.details-right .ctitle1>li:nth-child(2){display: none;}


/*https://www.h2099.com/picture273.html汇报片改成图片*/
.qiye1 .xcp ul li.video-pic video{display: none;}
.qiye1 .xcp ul li.video-pic .pc-video-images{display: block;}



.tj-case-con .swiper-pagination,.ny-advant-list  .swiper-pagination{display: none!important;}


/*首页地图更换*/
.parent-right{background: #e0e0e2}
.parent-right img{width: 100%}


/*2021.5.14 https://www.h2099.com/product263.html 增加分类样式*/
.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;}





/*党建馆影藏*/
/*.zhanting-wind  .showsg ul li{width: calc(100% / 5)}

.zhanting-case li:nth-child(6){display: none}
.zhanting-case li{width: calc(100%/6 - 5px)}*/


/*人防馆隐藏*/
/*.case-ctitle1s ul li{width: calc(100%/5 - 2px)}
.case-ctitle1s ul li:nth-child(5){display: none;}*/


/*https://www.h2099.com/product263.html 校园文化建设 2022.6.15*/
.campus-case li {width: calc(100%/6 - 5px);}