@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
html{margin:0; padding: 0;font-size: 100%!important;  background: #fff; font-family: "微软雅黑"}
body{margin:0; padding: 0; color: #333;
	font-size: 16px;
  font-family: "Microsoft YaHei", sans-serif;}
div{margin:0;padding: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:666;	text-decoration: none;}a:active{ color: #333} a:visited{ color: #333;}
p{ line-height: 1.7em; margin: 15px 0; text-indent: 2em; color: #7f7f7f;}

header{ z-index: 99999;width:100%;    padding: 0px; position:absolute;}

/*公共样式*/
.bg{width:100%;overflow: hidden; padding: 0}
.w-1920{width:1920px; margin: auto; overflow: hidden;}
.w-1600{width:1600px; margin: auto; overflow: hidden;}
.w-1500{width:1500px;margin: auto;overflow: hidden;}
.w-1350{width:1350px; margin: auto; overflow: hidden; }
.w-1400{width:1400px; margin: auto; overflow: hidden; }
.w-1100{width:1100px; margin: auto; overflow: hidden; }


.top-banner-list{width:68%!important; position: absolute; z-index: 9; bottom:50px; margin-left: 16%}
.top-banner-list .top-banner-list-li{width:29.33%; margin: auto 2%; float: left; border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 10px;}
.top-banner-list .top-banner-list-li .tbll-text{width: calc(100% - 60px); float: left;font-size:16px; text-align: left; margin-top: 10px; color: #fff; transition: all 0.3s;}
.top-banner-list .top-banner-list-li .tbll-text span{font-size:12px; display: block; opacity: 0.5}
.top-banner-list .top-banner-list-li img{width:50px!important; float: right; transition: all 0.3s;}

.top-banner-list .top-banner-list-li:hover  .tbll-text{transform:translateX(10px); transition: all 0.3s;}
.top-banner-list .top-banner-list-li:hover  img{transform:translateX(-10px); transition: all 0.3s;}

/*公共样式-头部*/



/*首页-关于我们*/
.in-about-bg{width:100%;margin: 4% auto 0;overflow: hidden;background:url(../images/in-about-bg2.jpg) no-repeat right 40px top;}
.in-about{width:100%;margin: auto;  overflow: hidden; background: url(../images/in-about-bg1.jpg) no-repeat left 40px top}
.in-about .in-about1{width:100%; margin: auto;overflow: hidden}
.in-about .in-about1 .title{width:25%; margin: auto;font-size: 18px; overflow: hidden; float: left; border-bottom: 1px solid #333; padding-bottom: 20px;}
.in-about .in-about1 .title span{display:block; font-size: 45px; font-weight: bold; text-transform: uppercase;}
.in-about .in-about1 .text{width:70%; margin: auto;overflow: hidden; float: right; font-size: 14px; line-height: 28px; color: #434343;text-align:justify}
.in-about .in-about2{width:100%;margin: 4% auto;overflow: hidden;}
.in-about .in-about2 img{width:100%}
.in-about .in-about3{width:100%; margin: auto;overflow: hidden; text-align: center; text-decoration: underline; font-size: 17px; color: #333;}
.in-about .in-about3 a{color:#333}
.in-about .in-about3 a:hover{color:#666}







/*首页-工程案例*/

/*首页-工程栏目*/
.in-project{width:100%;margin: auto;overflow: hidden;padding: 3% 0 0 0;position: relative;}
.in-project .pic{width:100%;margin: auto;overflow: hidden;z-index: 10;position: relative;}
.in-project .pic img{width:100%;}
.in-project .title{width:320px;height: 100%;margin: auto;overflow: hidden;z-index: 99;background: #D0BB92;color: #fff;position: absolute;padding-left:3%;}
.in-project .title .title-1{width:120px;writing-mode: vertical-lr;font-size: 28px;line-height: 45px;margin-top: 35%;}
.in-project .title .title-1 span{display:block; text-transform: uppercase; font-size: 60px; font-weight: bold;}
.in-project .title .list{width:90%;float:left;margin:45% auto 25%;margin-left: -10px;}
.in-project .title .list li{float:left;padding: 0 8px;line-height: 24px; background:url(../images/../images/in-case-title-line.jpg) no-repeat right center;}
.in-project .title .list li a{color:#fff;}
.in-project .title .list li a:hover{ opacity:0.8}
.in-project .title .more{width:60%;  height: 40px; margin:auto; border:1px solid #fff; float:left; text-align: center; text-transform: uppercase; line-height: 40px; color:#fff}
.in-project .title .more:hover{opacity:0.8}



.in-project .gun-list{width:calc(97% - 350px); margin-right: 3%; float: right; position: absolute; z-index: 99; right: 0; margin-top:3%;}


.swiper-container {
        width: 100%;
        height: auto;
        padding-bottom: 20%;
        margin: 20px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        
        /* Center slide text vertically */
        display: -ms-flexbox;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: center;
        width:100%;
        color: #fff;
    }

.swiper-slide .in-case-pic{
    width: 100%;
    float: left;
}
.swiper-slide .in-case-pic img{
    width: 100%;
}
.swiper-slide .in-case-title{
    width: 100%;
    float: left;
    color: #dfdfdf;
	margin-top: 5%;
	font-size: 15px;
}
.swiper-slide .in-case-title a{ color: #dfdfdf;}
.swiper-slide .in-case-title-en{
    width: 100%;
    float: left;
    color: #dfdfdf;
	font-size: 11px;
	text-transform: uppercase;
	opacity: 0.8;
	margin-top: 2%;
}

.swiper-slide .in-case-line{
    width: 12%;
	height: 1px;
	background: #dfdfdf;
	margin: auto;
	float: left;
	margin-top: 4%;
	margin-left: 44%;
	transition: all 0.3s;
}





.swiper-slide:hover .in-case-line{
	width: 100%;
	margin-left: 0%;
	transition: all 0.3s;
}


.in-case-line2{width:1px;height: 16px;background: #dfdfdf;position: absolute;top: 80%;margin: auto;margin-left: 47%;}






/*首页-新闻栏目*/
.in-news{width:100%; margin:5% auto; overflow: hidden;}
.in-news .title{width:100%; margin: auto; overflow: hidden;}
.in-news .title .title-1{width: calc(100% - 140px);margin: auto;overflow: hidden;float: left;font-size: 22px;}
.in-news .title .title-1 span{width:100%;margin: auto;display: block;overflow: hidden;font-size: 45px;font-weight: bold;}
.in-news .title .title-2{width: 140px;margin: auto;overflow: hidden;text-align: right;float: right;font-size: 18px;margin-top: 20px;}


.in-news .list{width:100%; margin: auto; overflow:auto }
.in-news .list ul{width: 103%;margin: auto;overflow:auto;float: left;margin-left: -3%;}
.in-news .list ul li{width:30.33%;margin-left: 3%;float: left;overflow:auto;}
.in-news .list ul li .pic{
    width: 100%;
    padding-bottom: 59.7%;
    overflow: hidden;
    position: relative;
}
.in-news .list ul li .pic img{width: auto !important;
    height: 100% !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;}
.in-news .list ul li .title{
    font-size: 18px;
    margin: 15px auto;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	color: #333;
}
.in-news .list ul li .text{
    font-size: 13px;
    color: #717171;
    line-height: 22px;
    letter-spacing: 1px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.in-news .list ul li .line{
	width:20%; height: 1px; background: #333;transition: all 0.3s; margin: 20px 0
}
.in-news .list ul li .date{
    color: #6c6c6c;
}
.in-news .list ul li .date .more{
    float: right;
    text-transform: uppercase;
    color: #6c6c6c;
}




.in-news .list ul li:hover .line{
	width:100%; height: 1px; background: #333;transition: all 0.3s;
}









/* 底部
------------------------------ */

.bottom{width:100%; margin: auto; overflow: hidden; color: #fff;  padding: 3em 0 3em; background: #191919; }
.bottom .bottom1{width:100%; margin: auto; overflow: hidden; text-align: center;}
.bottom .bottom2{width:92%; margin: auto; overflow: hidden; background: #191919;}
.bottom .bottom2 .list{width:calc(100% - 670px);float: right;margin: auto;overflow: hidden;    margin-top: 2%;}
.bottom .bottom2 .list ul{width: 25%;float: left;}
.bottom .bottom2 .list ul li{width:100%; float: left; font-size: 14px; line-height: 32px; color: #646464;}
.bottom .bottom2 .list ul li a{ color: #646464;}
.bottom .bottom2 .list ul li a:hover{ opacity:0.8}
.bottom .bottom2 .bottom-contact{width:450px; float: left; margin: auto; overflow: hidden;}
.bottom .bottom2 .bottom-contact .bo-contact-content{width:100%; margin: auto; overflow: hidden; font-size: 15px; line-height: 38px;}
.bottom .bottom2 .bottom-contact .bo-contact-content img{ float: left; margin-right: 25px;}
.bottom .bottom2 .bottom-contact .bo-contact-content .tel{color: #808080}
.bottom .bottom2 .bottom-contact .bo-contact-content .add{    width: 100%;
    float: left;
    margin-top: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #646464;letter-spacing:1px}
.bottom .bottom2 .bottom-contact2{width:220px; float: left; margin: auto; overflow: hidden;}
.bottom .bottom2 .bottom-contact2 .bo-contact2-content{width:100%; margin: auto; overflow: hidden;  font-size: 13px;}

.bottom2-title{width:100%;height: 50px;float: left;padding-top: 30px;font-size: 14px;margin-bottom: 50px;padding-bottom: 20px;}
.bottom2-title span{display:block;font-weight: bold;font-size: 22px;text-transform: uppercase;}

.bottom-font-tel{font-size:28px; font-weight: bold;    color: #fff;}

.bottom-arrow{width:50px; height: 50px; border-radius: 50%; background: #e3052a; color: #fff; line-height: 50px; text-align: center; float: right; display: inline-block}


.bottom3{width:100%; padding:auto 4%; margin: auto; overflow: hidden;  padding-top: 30px; padding-bottom: 30px; color: #646464; font-size: 15px; background: #0e0e0e;}
.bottom3 .text{width:auto; float: left; margin-left: 4%;}
.bottom-link{float:right}
.bottom-link a{color:#646464;}
.bottom-link a:hover{ color:#7e7e7e}



.bottom2-list-title{font-size:14px; color: #fff; margin-bottom: 20px; float: left; margin-top: 20px;}

























/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 3em; margin-bottom: 3em; text-align: center;font-size: 0.875em;}
.fanye-box{  float: none; text-align: center; line-height: 35px; margin: auto;}
.fanye-Previous{width:78px; float:left;background: #e8e8e8;height: 35px; color: #666666; margin-right: 5px;}
.fanye-Next{width:78px; float:left; background: #e8e8e8; height: 35px;color: #414040; margin-left: 5px;}
.fanye-Number{width:35px; float:left; color: #414040;  margin: 0 5px; background: #e8e8e8;}
.fanye-Number-current{width:35px;float:left;color: #fff;background: #045cd4;margin: 0 5px;}








/* 内页
------------------------------ */
.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}
.nei-top .tp{ position: absolute;  text-align: center}
.nei-top .tp img{max-width: none;width: 100%;}

.nei-top .about-top-text{color:#fff;position: relative;padding-left: 13%;padding-top: 12%;padding-bottom: 10%;overflow: hidden;text-align: left;}
.nei-top .about-top-text .line{width:40px; height: 1px; background: #fff; display: block; overflow: hidden;}
.nei-top .about-top-text h1{font-size: 3.5em;font-weight: bold;text-transform: uppercase;}
.nei-top .about-top-text h2{font-size: 5.5em;text-transform: uppercase;font-weight: bold;margin: 30px 0;}
.nei-top .about-top-text .line{width:80px; height: 3px; background: #fff;}
.nei-top .about-top-text h3{font-size:1em;line-height: 1.8em;}



/*子页内栏目导航*/

.nei-top-menu-box{width:100%;  background:#fff; height: 78px; position: relative;z-index: 9; border-bottom:1px solid #ebebeb;}




.nei-top-menu{width:100%; height: 78px; overflow: hidden;}
.nei-top-menu .submenu{width:auto; text-align: center; float: left;line-height: 78px;color: #8c8c8c; font-size: 0.9em; margin: 0 15px }
.nei-top-menu .submenu li{float:left;  width:150px; text-align: center;}
.z-dh{float:left; line-height: 78px; color: #8c8c8c; font-size: 1.125em; margin-right: 10px;}




/*子页-关于我们*/
.about1{width:100%; margin:auto; overflow: hidden; background: url(../images/about-bg1.jpg) no-repeat right top; padding-bottom: 4%}
.about1 .title{width:100%; margin:4% auto; overflow: hidden; }
.about1 .title .title-left{width:330px; float: left; font-size: 20px; border-bottom: 1px solid #333; padding-bottom: 30px;}
.about1 .title .title-left span{display:block; text-transform: uppercase; font-weight: bold; font-size: 2.2em;letter-spacing:-2px}
.about1 .title .title-right{width:calc(100% - 330px); float: right; text-align: right; color: #dddddd; font-size: 5.5em; text-transform: uppercase; font-weight:bold}
.about1 .text{width:100%; margin: auto;overflow: hidden; color: #434343; font-size: 17px; line-height: 36px;}
.about1 .text p{ text-indent:2em;color: #434343;text-align:justify }



.about2{width:100%;margin:auto;overflow: hidden;background: url(../images/about-bg2.jpg) no-repeat right top;padding: 4% 0;}
.about2 ul{width:100%; margin-left: -1px;}
.about2 ul li{width: 30.33%;margin: auto 2% 0 0;padding-left: 1%;float: left;color: #fff;text-align: center;background: url(../images/about2-line.png) no-repeat left center;}
.about2 ul li .number{
    font-size: 5em;
    font-weight: bold;
}
.about2 ul li .text{
    font-size: 17px;
    margin: 5% 0;
	color:#fff;
}
.about2 ul li .ico{}







/*子页-荣誉资质*/
.about-honor{width:100%;margin: 5% auto;overflow: hidden;}
.about-honor .title{width:100%;margin: auto;overflow: hidden;font-size: 28px;margin-bottom: 3%;}
.about-honor .title span{display:block;font-size: 40px;text-transform: uppercase;font-weight: bold;color: #bdbdbd;}
.about-honor .list{width:100%; margin: auto; overflow: hidden}




/*子页-理念*/
.about3{width:100%; margin: auto; overflow: hidden; background: url(../images/about-bg3.jpg); padding: 5% 0; margin-bottom: 15px;}
.about3 ul{width:100%; margin: auto; overflow: hidden}
.about3 ul li{width:30.33%;margin: auto 1.5%;float: left;background: #fff;overflow: hidden;text-align: center;transition: all 0.3s;}
.about3 ul li .pic{width: 100%;
    padding-bottom: 76.1%;
    overflow: hidden;
    position: relative;}
.about3 ul li .pic img{width: auto !important;
    height: 100% !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;}
.about3 ul li .title{
    font-size: 24px;
    width: 100%;
    margin-top: 20px;
}
.about3 ul li .line{
    width: 35px;
    height: 2px;
    background: #e3052a;
    margin: 15px auto;
	transition: all 0.3s;
}
.about3 ul li .text{
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
}

.about3 ul li:hover{	transform:translateY(-10px);transition: all 0.3s;}
.about3 ul li:hover .line{width:200px;transition: all 0.3s;}

.qywh-title{font-size:36px;font-wight:600;width:100%;text-align:center;color:#fff;margin-bottom:3%; }








/*子页-联系我们*/
.contact{ width:100%; margin: auto; overflow: hidden}
.contact .title{ width:100%; margin: auto; overflow: hidden}
.contact .title .title-left{ width:30%; float: left;font-size: 36px; padding-bottom: 30px;}
.contact .title .title-left span{display:block; text-transform: uppercase; font-weight: bold; font-size: 1.5em;letter-spacing:-1px; line-height: 1em; margin-bottom: 20px; color: #d1d0d0;}
.contact .title .title-left .line{width:40px; height: 2px; background: #b5000d; margin-top: 40px;}

.contact .title .title-right{width:65%; float: right;}
.contact .title .title-right .title{width:100%;margin: auto;overflow: hidden;color: #c4af84;font-size: 22px;font-weight: bold;padding-left: 3%;}
.contact .title .title-right .title img{ margin-right:20px; vertical-align: middle;}
.contact .title .title-right .list{width:100%; margin: auto; overflow:hidden }
.contact .title .title-right .list ul{width:100%; margin: auto; overflow:hidden }
.contact .title .title-right .list ul li{width: 22%;margin: auto;overflow:hidden;margin-left: 3%;float: left;text-align: left;}
.contact .title .title-right .list ul li .list-1{color: #6f6f6f; font-size: 13px;}
.contact .title .title-right .list ul li .list-2{color: #333;font-size: 16px;line-height: 20px;margin-top: 20px;margin-bottom: 30px;height: 40px;font-weight: bold;}
.contact .title .title-right .list ul li .list-3{width:100%; height: 1px; background: #e5e5e5;}
.contact .title .title-right .list ul li .list-4{ text-align: right; margin-top: 30px;}


.contact-font{font-size: 15px!important;  font-weight: normal!important;}











.nei-title1{width:100%; margin:4% auto; overflow: hidden; }
.nei-title1-1{width:100%;margin: auto;overflow: hidden;font-size: 45px;color: #000;text-transform: uppercase;font-weight: bold;float: left;}
.nei-title1-2{margin: 10px auto;font-size: 26px;float: left;width: 100%;}
.nei-title1-3{width:45px;background: #b5000d;height: 2px;float: left;margin-top: 20px;}






/* 工程项目----------------------------- */
.project-list{width:100%; margin:3% auto; overflow: hidden}
.project-list ul{width:100%;margin: auto;overflow: hidden;margin-left: -3%;}
.project-list ul li{width: 30.33%;margin: auto;overflow: hidden;float: left;margin-left: 3%;}

.project-list ul li .pic{
    width: 100%;
    float: left;
    padding-bottom: 76%;
    overflow: hidden;
    position: relative;
}
.project-list ul li .pic img{
    width: 100%;
    width: auto !important;
    height: 100% !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
}
.project-list ul li .title{
    width: 100%;
    text-align: center;
    margin: 20px 0;
    float: left;
    color: #333;
	display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
}
.project-list ul li .text{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    color: #6f6f6f;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-list ul li .line{width:100%; height: 1px; background: #dedede; transition: all 0.3s; margin-bottom: 10%;}
.project-list ul li:hover .line{width:10%;margin: auto;height: 1px;margin-bottom: 10%;background: #dedede;transition: all 0.3s;}


































/* 新闻列表页----------------------------- */
.news{width:100%; margin: auto; overflow: hidden;}
.news li{width:100%;margin:0 auto 6%;overflow: hidden;}
.news li .pic{width:30%; float: left; border-radius: 20px; overflow: hidden;
    padding-bottom: 25%;
    overflow: hidden;
    position: relative;}
.news li .pic img{width: auto !important;
    height: 100% !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;}
.news li .info{width:60%; float: right;}
.news li .info .title{width:100%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;font-size: 28px;margin-top: 3%;}
.news li .info .text{color: #6f6f6f;width:100%;font-size: 16px;line-height: 32px;margin-top: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news li .info .date{width:100%;color: #8b8b8b;font-size: 13px;margin-top: 10%;}
.news li .info .date .more{width: 150px;float: right;height: 45px;background: #d0bb91;border-radius: 5px;color: #fff;text-align: center;line-height: 45px;font-size: 16px;}

.news li .info .date img{margin-right:10px;}
.news-more-arrow{}


.news li .info .title a{color:#333}
.news li .info .title a:hover{color:#444}
.news li .info .date .more:hover{ background:#c1a97a;}





/* 新闻列表页2----------------------------- */
.news2{width:100%; margin: auto; overflow: hidden;border-top: 1px solid #dfdfdf}
.news2 li{width:100%;margin: 0 auto 3%;overflow: hidden;border-bottom: 1px solid #dfdfdf;padding-bottom: 3%;}
.news2 li .info{width:100%; float: right;}
.news2 li .info .title{width:100%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;font-size: 28px;margin-top: 3%;}
.news2 li .info .text{color: #6f6f6f;width:100%;font-size: 16px;line-height: 32px;margin-top: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news2 li .info .date{width:100%;color: #8b8b8b;font-size: 13px;margin-top: 5%;}
.news2 li .info .date .more{width: 150px;float: right;height: 45px;background: #d0bb91;border-radius: 5px;color: #fff;text-align: center;line-height: 45px;font-size: 16px;}

.news2 li .info .date img{margin-right:10px;}



.news2 li .info .title a{color:#333}
.news2 li .info .title a:hover{color:#444}
.news2 li .info .date .more:hover{ background:#c1a97a;}









/* 新闻详细页----------------------------- */
.detail{width:100%; overflow: hidden; margin-top: 4%}
.detail .title{ font-size: 1.5em;   color: #333;  line-height: 2em;  text-align: center; }
.detail .date{ line-height: 2.6em; text-align: center;padding: 5px; font-size: 0.85em; color: #666; border-bottom: 1px solid #f3f2f2;}
.detail .content{width:100%;margin-top: 40px; line-height: 2.2em; font-size: 1.125em;text-align:justify; color: #444;}
.detail .content img{max-width:90%;}

.detail-link{width:100%; border-top:1px dashed #dcdcdc; overflow: hidden; padding-top: 15px; margin-top: 5%; padding-bottom: 15px; margin-bottom: 3%}
.detail-link li{width: 100%; float: left;overflow: hidden;    border-bottom: none;    padding-bottom: 0px;    margin-bottom: 0px;line-height: 30px;color: #595959; font-size: 1em;}
.detail-link li a{color: #555;}










/* 招聘列表页----------------------------- */
.recruitment{width:100%; margin: auto; overflow: hidden;}
.recruitment li{
	width: 38%;
	margin:0 auto 6%;
	overflow: hidden;
	float: left;
	box-shadow: 0 3px 10px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.20);
	margin: 2%;
	padding: 4%;
	}
.recruitment li .title{width:100%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;font-size: 28px;margin-top: 3%;background: url(../images/recruitment-line.jpg) no-repeat left bottom; padding-bottom: 20px;}
.recruitment li .text{color: #6f6f6f;width:100%;font-size: 16px;line-height: 32px;margin-top: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.recruitment li .more{width: 150px;float: right;height: 45px;background: #d0bb91;border-radius: 5px;color: #fff;text-align: center;line-height: 45px;font-size: 16px;margin-top: 15px;}


.recruitment-list{width:95%; float: left; padding-left: 5%; background: url(../images/recruitment-dot.jpg) no-repeat left top 15px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}


.recruitment li .more:hover{ background:#c1a97a;}









/* 联系我们---------------------------- */
.contact{width:100%;margin: 5% auto 1%;overflow: hidden;}
.contact .info{width:470px; float: left; overflow: hidden}
.contact .info .title{width:100%; margin: auto; overflow: hidden}
.contact .info .add{width:100%; margin:3em auto 0; overflow: hidden}
.contact .info .add li{width:100%; margin:2em auto 1em; overflow: hidden;}
.contact .info .add li .add-ico{width:50px; float: left;}
.contact .info .add li .add-text{width:calc(100% - 50px); float: right; border-bottom: 1px dashed #e9e9e9; font-size: 1.2em; padding-bottom: 1em;}
.contact .info .add li .add-text span{display:block; font-weight: bold; margin-bottom: 10px;}

.contact .list{width:calc(100% - 500px); float: right; overflow: hidden; padding-top: 7em;}
.contact .list li{width:31.33%;margin: auto 1%; float: left; text-align: center; font-size: 1.125em; line-height: 2em;}
.contact .list li span{ font-weight:bold; font-size: 1.2em;}
.contact .list li img{ margin-bottom:1em;vertical-align: middle; margin-right: 10px;transform: rotate(0deg);transition: transform 0.5s linear;}

.contact .list li:hover img{transform: rotate(360deg);}


.map{width:100%; margin:2% auto; overflow: hidden;}







/*<1800*/
@media screen and (max-width:1799px) 
{
	
}
/*<1700*/
@media screen and (max-width:1699px) 
{
	.in-project .title .list{margin: 30% auto 15%;}
	.in-case-line2{top: 79%;}
	
	.nei-top .about-top-text{padding-bottom: 8%;}
}

/*<1600*/
@media screen and (max-width:1599px) 
{
	.w-1600{width:100%}
	.in-project .title .list{margin: 20% auto 8%;}
	.in-project .title .title-1{margin-top: 25%;}
	
	.nei-top .about-top-text{padding-bottom: 7%;}
}

/*<1500*/
@media screen and (max-width:1499px) 
{
	
	.in-project .title .list{}
	.in-project .title .title-1{margin-top: 18%;}
	.in-project .title .title-1 span{font-size: 50px;}
}



/*<1500*/
@media screen and (max-width:1599px) 
{
	.w-1500{width:94%;}
	
	.about1 .title .title-right{font-size: 4.5em;}
	
}
/*<1450*/
@media screen and (max-width:1449px) 
{
	
	.news li .info{width:65%}
	
	.nei-top .about-top-text h1{    font-size: 2.5em;}
	.nei-top .about-top-text h2{    font-size: 4.5em;}
	.nei-top .about-top-text{padding-bottom: 6%;padding-top: 7%;}
}


/*<1400*/
@media screen and (max-width:1460px) 
{
	.w-1400{width:96% }
	
	.contact .title .title-left span{font-size: 1.2em;}
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
	.w-1350{width:94%; }
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	
	.bottom .bottom2 .list{width:calc(100% - 570px);}

}


/*<1300*/
@media screen and (max-width:1299px) 
{
	.in-about-bg{background:none;}
	.in-about{background:none;}
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	
	.top-banner-list .top-banner-list-li .tbll-text span{display:none}
	.top-banner-list .top-banner-list-li .tbll-text{margin-top: 20px;}
}


/*<1200*/
@media screen and (max-width:1199px) 
{	
	.in-project .title{width:100%;height: 120px;background: none;}
	.in-project .gun-list{width:96%;  margin-top:120px; margin-right: 2%;}
	.in-project .title .title-1{width:100%;margin-top:2%;writing-mode:horizontal-tb;font-size: 18px;}
	.in-project .title .title-1 span{    font-size: 30px;}
	.in-project .title .list{display:none;}
	.in-project .title .more{display:none;}
	
	.in-project .pic img{width:130%}
	
	.bottom .bottom2 .list{width:calc(100% - 480px);}
	.about2 ul li .number{font-size: 40px;}
	.about2 ul li .text{font-size: 15px;}
	.about2 ul li .ico img{width:28%}
	
	
	.about3 ul li .title{font-size: 20px;}
	.about3 ul li .text{font-size: 15px;}
	
	.contact .title .title-right{width:68%;}
}


/*<1100*/
@media screen and (max-width:1120px) 
{
	
	
.w-1100{width:96%; margin: auto; overflow: hidden; }

}



/*<1000*/
@media screen and (max-width:999px) 
{
	.bottom .bottom2 .bottom-contact{width:100%}
	.bottom .bottom2 .list{display:none}
	
	.bottom3 .text{width:100%; text-align: center; margin-left: 0;}
	.bottom-link{width:100%; text-align: center;}
	
	
	
	.nei-title1-1{font-size: 35px;}
	
	.news li .pic{display:none}
	.news li .info{width:100%}
	
	
	.project-list ul li{    width: 47%;}
	
	.contact .title .title-left{width:100%;}
	.contact .title .title-right{width:100%;}
	.contact .title .title-right .title{display:none}
	.contact .title .title-right .list{    padding-top: 0em;}
	.contact .title .title-right .list ul{margin-left: -3%;}
	
	
	
	.nei-top .about-top-text h1{font-size: 20px;}
	.nei-top .about-top-text h2{font-size: 20px;}
	.nei-top .about-top-text h3{font-size: 0;}
}

/*<960*/
@media screen and (max-width:959px) 
{
	
	.in-case-line2{top: 78%;}

	
}



/*<900*/
@media screen and (max-width:899px) 
{
	
}


/*<850*/
@media screen and (max-width:850px) 
{
	
}

/*<768*/
@media screen and (max-width:768px) 
{
	.in-project .pic img{width:160%}
	
	

}



/*<760*/
@media screen and (max-width:760px) 
{
	.in-about .in-about1 .title{width:100%}
	.in-about .in-about1 .text{width:100%; margin-top: 15px;}
	.in-about .in-about1 .title span{font-size: 30px;}
	
	.in-project .pic img{width:160%}
	
	.in-project .title .title-1{margin-top:5%}
	.in-case-line2{display:none}
	
	
	.about1 .title .title-right{display:none}
	.about1 .title .title-left span{font-size: 30px;}
	.about1 .text p{font-size: 15px;}
	
	
	.about2 ul li .ico img{width:38%}
	.about2 ul li .text{font-size: 12px;height: 32px;}
	.about2 ul li .number{font-size: 30px;}
	
	.about-honor .title{font-size: 20px;}
	.about-honor .title span{font-size: 30px;}
	
	.about3 ul li{width: 90%;    margin: auto 5%;    margin-bottom: 10px;}
	
	
	
	.nei-title1-1{font-size: 30px;}
	.nei-title1-2{font-size: 20px;}
	
	.news li .info .date .more{display:none}
	.news li .info .title{font-size: 18px;}
	.news li .info .text{font-size: 14px;line-height: 22px;}
	.news li{border-bottom: 1px dashed #ccc;    padding-bottom: 20px;}
	
	
	.news2 li .info .date .more{display:none}
	.news2 li .info .title{font-size: 18px;}
	.news2 li .info .text{font-size: 14px;line-height: 22px;}
	.news2 li{border-bottom: 1px dashed #ccc;    padding-bottom: 20px;}
	
	
	
	.recruitment li{width:88%}
	.recruitment li .more{float:left}
	
	
	.contact .title .title-right .list ul li{width:95%; margin-top:10px;}
	.contact .title .title-right .list ul li .list-4{display:none}
	.contact .title .title-right .list ul li .list-2{margin-bottom: 0px;    margin-top: 0px;}
	
	.contact .title .title-left{font-size:20px;}
	.contact .title .title-left .line{margin-top: 20px;}
	
	.project-list ul li .title{font-size: 18px;margin: 10px 0;}
	
	.recruitment li .title{font-size: 20px;}
	.recruitment-list{font-size:14px;}
	
	
	.qywh-title{font-size:20px; }
}

/*<660*/
@media screen and (max-width:620px) 
{
	
	.nei-top{}
	.nei-top .tp img{max-width: 200%  }
	.nei-top .about-top-text{height:auto; padding-top: 0;padding-bottom: 7%;padding-left: 5%;}
	.nei-top .about-top-text h1{font-size:1.5em; margin-top: 50px; }
	.nei-top .about-top-text h2{font-size:0.95em; margin-top: 5px;}
	.nei-top .about-top-text h3{display:none}
	.news-menu-box{display:none}
	
	
	
	
	
	.nei-top-menu-box{margin-top:0;height:48px;background: url(../images/nei-top-menu-bg.jpg)no-repeat left bottom;  display:none}
	.nei-top-menu .submenu{display:none}
	.z-dh{line-height: 48px;}
	.nei-top-menu{height:47px;}
	
	
	.in-project .pic img{width:280%}
	
	
	.in-news .list ul li { width: 97%; margin-left: 3%;}
	.in-news .list ul li .pic{display:none; margin-bottom: 25px; margin-top: 20px;}
	
}