@charset "utf-8";
/* CSS Document */

body,div,a,ul,ol,li,p,img,span,h1,h2,h3,h4,h5,input,label,dt,dd,dl{margin: 0;padding: 0;font-size: 13px;font-family: "微软雅黑";font-weight: normal;color: #333}
ul,ol,li{list-style: none;}
a{text-decoration: none;color: #333}

h2{font-size: 30px;font-weight: bold}
h3{font-size: 16px;color: #ccc;margin-top: 20px}
h4{color: #999;}


.sjj{display: none!important}
.tabox{width:1350px;margin:40px auto;}
.tabox .hd{overflow:hidden;}
.tabox .hd li{position:relative;height:37px;line-height:37px;text-align:center;width:125px;float:left;font-weight:bold;cursor:pointer;background: #f1f1f1;padding: 7px;font-size: 15px;margin-right: 10px;margin-bottom: 10px}
.tabox .hd li.on{background:#d7b262;color:#fff;display: inline-block;}
.tabox .bd{}
.tabox .lh{overflow:hidden;margin-top: 40px}
.tabox .lh li{width:23.875%;padding:0 0px;float:left;margin-bottom: 55px;margin-left: 1.5%}
.tabox .lh li .p-img{width:130px;height:132px;padding:30px 13px 0 13px;margin:0 auto;text-align:center;}
.tabox .lh li .p-name{height:36px;line-height:18px;word-break:break-all;word-wrap:break-word;overflow:hidden;}
.tabox .lh li .p-price{color:#999;}
.tabox .lh li .p-price strong{color:#c00;font-size:14px;font-family:verdana;}

.tabox .lh li:nth-child(1){margin-left: 0}
.tabox .lh li:nth-child(5){margin-left: 0}
.tabox .lh li:nth-child(9){margin-left: 0}
.tabox .lh li:nth-child(13){margin-left: 0}
.tabox .lh li:nth-child(17){margin-left: 0}
.tabox .lh li:nth-child(21){margin-left: 0}
.tabox .lh li:nth-child(25){margin-left: 0}

.rwrer {
    padding-bottom: 40px;
	width: 25%;
	padding-right: 15px;
    padding-left: 15px;
}

.rwrer a {
    display: block;
    position: relative;
    padding: 0px;
}

.pro_img_wrap {
    position: relative;
	width: 100%;
	overflow: hidden
}


.pro_img_wrap>img {
    height: 290px;
    object-fit: cover;
	 width: 100%;
	transition: all 0.3s;
}
.pro_img_wrap:hover img{transform: scale(1.1)}
.pro_bottom {
    background: #fff;
    position: absolute;
    bottom: -35px;
    right: 8%;
    left: 8%;
    line-height: 25px;
    padding: 15px 10px;
    box-shadow: 0px 2px 8px rgba(0,0,0,.2);
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topcen{width: 100%;height: 74px;background: #333;position: fixed;top: 0;left: 0;z-index: 999}
.topcen-1{width: 1350px;height: auto;margin: 0 auto}
.yl-logo{float: left;}
.yl-logo img{display: block;height: 74px}
.navbox{height:74px;position:relative;z-index:9; margin:auto;background:#333;float: left;margin-left: 100px}
.nav{width:auto;margin:0 auto;height:74px; list-style:none;}
.nav li{float:left;height:74px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:20px;font-size:15px;color:#ffffff;cursor:pointer;text-align:center;padding: 27px 20px;}
.mj_hover_menu{text-decoration:none; width:auto; background:rgba(215,178,98,1) ; height:40px;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:74px;left:0px;width: 100%}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;}
.mj_menu_pro_bg{width:100%; height:auto; background:#ccc;background:rgba(0,0,0,0.4);padding: 8px 0}
.mj_menu_pro_bg li a{color: #fff;display: block;text-align: center;padding: 8px;font-size: 14px}
.mj_menu_pro_bg li a:hover{background:rgba(215,178,98,0.9) }

.tel{float: right;padding: 29px 0; }
.tel img{display: block;float: left;}
.tel a{display: block;float: left;color: #fff;font-size: 18px;font-family: "Arial";line-height: 16px;margin-left: 8px;}
.on a span{background:rgba(215,178,98,1)}


/*广告banner*/
.ban { position: relative; z-index: 3; width: 100%; overflow: hidden;margin-top: 74px}
.ban img { display: block; width: 100%; }
.ban .swiper-pagination { bottom: 1.5rem; }
.ban .swiper-pagination-bullet { background: #fff; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.ban .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: rgba(215,178,98,1); }



.index-case-title{padding: 35px 0;width: 1350px;margin: 0 auto;margin-bottom: 30px;overflow: hidden}
.index-case-title .title{float: left;}
.index-case-title .title p{width: 50px;height: 1px;background: rgba(215,178,98,1);margin-top: 23px}
.index-case-title .casenav{float: right;padding-top: 40px;color: #fff}
.index-case{width: 100%;overflow: hidden;background: url(../images/index_case_bg.jpg) repeat-x top left;line-height: 21px;padding: 25px 0}
.index-case-title .casenav a{margin: 0 10px;font-size: 15px;color: #fff}

.index-lc{padding: 18px 0}



#banner-box{margin:0px auto;/*height:620px;*/overflow:hidden;position:relative;padding-top:0px;width: 1350px;}
.banner-inner{height:45px;margin:0px auto}
.banner-nav-abs{position:absolute;left:0px;bottom:0px;z-index:3;}
.banner-nav-abs-opac{position:absolute;width:100%;height:78px;left:0px;bottom:-22px;z-index:2}
.banner-nav-fix{position:fixed;left:0px;top:82px;z-index:3}
.banner-nav{width:100%}
.banner-nav ul {width:1200px;}
.banner-nav li {float:left;display:inline;width:112px;height:45px;font-size:14px;padding:5px 43px 0px 43px;cursor:pointer;position:relative;margin-right: 2px}
.banner-nav li div{width:110px;height:45px;padding:5px 43px 0px 43px;position:absolute;left:0px;bottom:0px;z-index:5;background:rgba(215,178,98,0.6)}

.banner-nav li a.bg1 span{background-position:15px 2px}
.banner-nav li a.bg2 span{background-position:-53px 2px}
.banner-nav li a.bg3 span{background-position:-110px 2px}
.banner-nav li a.bg4 span{background-position:-174px 2px}
.banner-nav li a.bg5 span{background-position:-235px 2px}
.banner-nav li a.bg6 span{background-position:-297px 2px}
.banner-nav li a{display:block;float:left;position:absolute;left:0px;top:0px;color:#fff;z-index:6;padding:5px 43px 0px 43px;display:inline;width:110px;height:45px;line-height: 45px; padding-top:5px;text-align:center}
.banner-nav li.current{cursor:default}
.banner-nav li.current div{width:95px;height:95px;background:none;}
.banner-nav li.current a{color:#333;cursor:default;background:#eee;}
.banner-nav li.current a.bg1 span{background-position:15px -32px}
.banner-nav li.current a.bg2 span{background-position:-53px -32px}
.banner-nav li.current a.bg3 span{background-position:-110px -32px}
.banner-nav li.current a.bg4 span{background-position:-174px -32px}
.banner-nav li.current a.bg5 span{background-position:-235px -32px}
.banner-nav li.current a.bg6 span{background-position:-297px -32px}
.banner-list{position:absolute;/*height:620px;*/position:absolute;z-index:2;overflow:hidden;width:100%}
.banner-list li{width:100%;height:620px;text-align:center;float:left;display:inline-block}
.banner-list li .animate-box {width:1200px;margin:0px auto;position:relative}
.banner-list li .animate-box .t-d{position:absolute;width:400px;right:250px;top:100px;background:rgba(0,0,0,0.4);margin-right: 0px;padding: 40px 30px}
.banner-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:30px;text-align:left;color:#fff}
.banner-list li .animate-box .t-d p{color:#fff;padding:10px 0px 0 0;line-height:32px;left:20px;text-align:left}
.banner-list li .animate-box .animate-img{position:absolute;top:50px;right:0px}
.slider-btn{width:100px;height:30px;background:#fff;border-radius:4px;-moz-border-radius:4px;line-height:30px;text-align:center;font-size:12px;color:#444;display:block ;font-family:"宋体";}
.slider-btn:hover{color:#fff;background:rgba(215,178,98,1);}


.othertit{margin-bottom: 0}
.othertit h3{color: #999;margin-top: 13px}
.othertit p{margin-top: 15px!important}
.row{width: 1350px;margin: 0 auto;}
.col-md-4 {
    width: auto;
	float: left;
	margin-left: 1.5%
}
.mt20 {width: 32.333%;float: left;
	margin-left: 1.5%}
.mt20:nth-child(1){margin-left: 0}
.mt20:nth-child(4){margin-left: 0}
.advantage_dl {
    position: relative;
    width: 100%;
    float: left;
    border-radius: 3px;
    padding: 25px 0;
    background: #f1f1f1;
	margin-bottom: 15px
}


.ad_name {
    font-size: 21px;
    color: #222222;
    margin-top: 0px;
    font-weight: normal;
    margin-bottom: 15px;
}
.advantage_dl dt {
    position: absolute;
    left: 20px;
    top: 45px;
}

.advantage_dl dd {
    float: left;
    margin-left: 85px;
    margin-right: 15px;
}
.advantage_dl dt img {
    width: 90%;
}
.ad_con {
    font-size: 13px;
    color: #767676;
    line-height: 25px;
}



.indexhz{width: 100%;overflow: hidden;margin: 10px 0 0;}
.indexhz li{float: left;margin-left: 0.5%;width: 24.625%;margin-bottom: 0.5%;cursor: pointer;overflow: hidden;position: relative;}
.indexhz li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.indexhz li:nth-child(4n+1){margin-left: 0}
.indexhz li:hover img{transform: scale(1.1)}


.case_ms{text-align: center;font-size: 17px;line-height: 28px;position: absolute;top: 85%;-webkit-transition: all 0.5s;transition: all 0.5s;color:rgba(255,255,255,1);z-index: 2;width: 100%;font-weight: bold}
.indexhz li:hover .case_ms{top: 40%;color:rgba(255,255,255,1)}
.dbg{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.0);-webkit-transition: all 0.5s;transition: all 0.5s;width: 100%;height: 100%}
.indexhz li:hover .dbg{background: rgba(0,0,0,0.6)}

.news-a a{color: #333!important;}
.news-a{color: #333!important;}

.row{width: 1350px;margin: 0 auto;}
.col-sm-4 {
    width: 32.33333333%;
	float: left;
	margin-left: 1.5%
}
.col-sm-4:nth-child(3n+1){margin-left: 0}
.col-sm-4:nth-child(1){margin-left: 0}
.col-sm-4:nth-child(4){margin-left: 0}
.col-sm-4:nth-child(7){margin-left: 0}
.col-sm-4:nth-child(10){margin-left: 0}
.col-sm-4:nth-child(13){margin-left: 0}
.col-sm-4:nth-child(16){margin-left: 0}
.col-sm-4:nth-child(19){margin-left: 0}

.item {
    width: 100%;
	margin-bottom: 10px;
}
.item>a {
    display: block;
    overflow: hidden;
}
.item img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.item img:hover{transform: scale(1.1)}

.item .bt {
    width: 100%;
    margin-top: 20px;
    position: relative;
	margin-bottom: 35px;
}
.item .bt .date {
    width: 64px;
    height: 121px;
    position: absolute;
    left: 0;
}
.item .bt .date .t {
    height: auto;
    background: #373737;
    text-align: center;
    padding: 6px 0;
}

.item .bt .date .t b {
    display: block;
    color: #fff;
    font-weight: normal;
    line-height: 32px;
    font-size: 27px;
}
.item .bt .date .t span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 8px;
}
.item .bt .r {
    padding-left: 80px;
}
.item .bt .r h5 a {
    margin-top: 0px;
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item .bt .r p {
    line-height: 20px;
    color: #727272;
    font-size: 13px;
    max-height: 84px;
    overflow: hidden;
    margin: 0;
}

.item .bt .r h5 a:hover{color: rgba(215,178,98,1)}

.index-about{box-shadow: 2px 2px 9px #ddd}
.index-about{width: 1350px;margin: 0 auto;overflow: hidden}
.index-about dt{float: left;width: 750px;}
.index-about dt img{display: block;height: 370px;width: auto}
.index-about dd{float: left;height: 310px;width: calc(100% - 830px);background: #fff;padding: 30px 40px;font-size: 14px;line-height: 31px;text-indent: 2em}
.index-about dd a{color: #d7b262}

.kehulist{width:auto; margin: 0 auto;margin-top: 40px;overflow: hidden;margin-bottom: 50px}
.kehulist li{float: left;border: 1px solid #ddd;width: 14%;background: #fff}
.kehulist li img{display: block;}

.foot {
    background: #333333;
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    float: left;
}


.container{
    width: 1350px;
	overflow: hidden;
	margin: 0 auto;
}

.col-md-2 {
    width: 16.66666667%;
    margin-right: 0;
    margin-left: 0;
	float: left;
}
.foot_h3 {
    font-size: 16px;
    color: #fff!important;
    margin-bottom: 15px;
}
.foot_ul li {
    float: left;
    width: 50%;
    padding-bottom: 5px;
    font-size: 14px;
    color: #8394ab;
}
.foot_ul li a {
    color: #999;
    font-size: 13px;
}

.foot_dl {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.foot_dl dt {
    position: absolute;
    top: 0px;
    left: 0px;
}
.foot_dl dd {
    float: left;
    /* margin-left: 35px; */
    font-size: 13px;
    color: #999;
    line-height: 20px;
    /* border-left: 1px solid #4e4e4e; */
    /* padding-left: 15px; */
    /* margin-bottom: 10px; */
    width: 100%;
    /* min-height: 40px; */
}

.aaa{margin-left: 0!important}
.col-md-6 {
    width: 50%;
	float: right
}
.foor_in_wrap {
    width: 50%;
    float: left;
}
.foot_in {
    float: left;
    margin-bottom: 10px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #515151;
    line-height: 40px;
    text-indent: 0.5em;
    width: 100%;
    outline: none;
    font-size: 13px;
    color: #999;
	border-radius: 0;
}


.foot_text {
    background: transparent;
    border: 1px solid #515151;
    line-height: 40px;
    text-indent: 0.5em;
    width: 46%;
    height: 73px;
    float: right;
    font-size: 13px;
    color: #999;
    resize: none;
    margin-left: 10px;
    outline: none;
	border-radius: 0;
}
.send {
    float: left;
    border: 1px solid #d7b262;
    width: 140px;
    height: 42px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    background: #d7b262;
    outline: none;
	margin-left: 20px;
}


.foot_bottom {
    background: #2b2b2b;
    width: 100%;
    font-size: 13px;
    color: #cecece;
    padding: 10px 0;
    line-height: 25px;
	text-align: center;
	overflow: hidden
}

.foot_bottom a, .foot_bottom p {
    font-size: 12px;
    color: #b5b5b5;
    margin-bottom: 0;
	margin-right: 7px
}

.shouhou11{font-size: 14px;line-height: 30px;overflow: hidden;margin-top: 30px}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:250px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#d8af4e url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#d8af4e url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#d8af4e url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#d8af4e url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


#boutus {
    width: 100%;
    float: left;
    padding: 50px 0 0;
}


.tit_1.tit_left {
    text-align: left;
}
.tit_1 h5 {
    font-size: 27px;
    font-family: "humanst521ltbtlight";
}
.tit_1 h2 {
    font-weight: bold;
    font-size: 30px;
    margin: 10px 0;
}
.tit_1.tit_left img {
    margin: 20px 0;
    clear: both;
	display: block;
}
.gsjj {
    margin-top: 25px;
    overflow: hidden;
    margin-bottom: 25px;
}
.gsjj dt {
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 25px;
}
.gsjj dt p{
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 25px;
}
.gsjj dd{width: 100%;overflow: hidden}
.gsjj dd a:nth-child(1) {
    margin-left: 0;
}
.gsjj dd a {
    display: block;
    width: 32.66666%;
    float: left;
    margin-left: 1%;
	transition: all 0.3s;
	overflow: hidden
}
.gsjj dd img{width: 100%;overflow: hidden;transition: all 0.3s;display: block;height: auto}
.gsjj dd a:hover img{transform: scale(1.1)}
.kehujife {
    background: #f1f1f1;
    padding: 30px 0 50px;
    margin-top: 20px;
}

#ibanner {
    width: 100%;
    position: relative;
}
#ibanner img {
    width: 100%;
}
.banner_name {
    width: 100%;
    position: absolute;
    top: 40%;
}
.banner_title {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 10px;
	color: #fff!important;
	text-align: center
}
.banner_words {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
	text-align: center
}


.rongyu{overflow: hidden;padding-top: 25px;padding-bottom: 15px}
.rongyu li{float: left;width: calc(22.875% - 12px);margin-left: 1.5%;margin-bottom: 1.5%;border: 6px solid #d7b262;padding: 0.5%;overflow: hidden}
.rongyu li img{display: block;width:100%;cursor: pointer;transition: all 0.3s;overflow: hidden}
.rongyu li:nth-child(1){margin-left: 0}
.rongyu li:nth-child(5){margin-left: 0}
.rongyu li:nth-child(9){margin-left: 0}
.rongyu li:nth-child(13){margin-left: 0}
.rongyu li:hover img{transform: scale(1.1)}


.case_view{width: 100%;overflow: hidden;background: #f7f7f7;padding-top: 95px;padding-bottom: 30px}
.case_view_left{float: left;width: 68%;background: #fff;padding: 2%}
.case_view_right{float: right;width: 22%;background: #fff;padding: 2%}
.neirong{width: 100%;overflow: hidden;font-size: 14px;line-height: 27px;border-top: 1px solid #f1f1f1;padding-top: 26px}
.neirong img{max-width: 100%;margin: 10px 0}
.neirong p{font-size: 14px;line-height: 27px;}
.neirong p img{max-width: 100%;margin: 10px 0;display: block;height: auto}

.case_view_left h1{font-size: 27px;font-weight: bold}
.location{margin-bottom: 15px}
.location a,.location{color: #666;font-size: 14px;}
.miaoshu{color: #999;margin: 19px 0}

.casetuijan_tit{font-size: 19px;font-weight: bold;margin-bottom: 20px}
.casetuijan_ul li{margin-bottom: 20px}
.casetuijan_ul li img{display: block;width: 100%;}
.casetuijan_ul li span{display: block;margin-top: 8px;font-size: 15px}




.teamlist{width: 100%;overflow: hidden;padding-top: 30px;padding-bottom: 15px}
.teamlist_li{width: 100%;overflow: hidden;margin-bottom: 25px}
.teamlist_li dt{float: left;width: 28%;overflow: hidden}
.teamlist_li dt img{width: 100%;display: block;}
.teamlist_li dd{float: right;width: 61%;border: 3px solid #d7b262;padding: 3% 4%}

.sjscen{font-size: 15px;line-height: 29px;margin-top: 15px}
.sjscen p{font-size: 15px;line-height: 29px;}

.newcen{padding-top: 25px!important;overflow: hidden;margin-bottom: 15px}

.fjiww{position: absolute;top: 35px;right: 0}
.fjiww a{font-size: 14px;padding: 8px 15px;background: #f1f1f1;margin-left: 10px}
.fjiww a.on{color: #fff;background: #d7b262}
.ewww{position: relative}

.en_top .tit_1 {
    float: left;
}
.pull-right {
    float: right!important;
}
.en_top a.ret {
    margin-top: 50px;
    color: #fff;
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d7b262;
    margin-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 20px;
}
.en_top a.btn {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #d7b262;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    padding: 0;
    font-family: "SimSun";
    font-weight: bold;
}
#news_center{margin-top: 15px}
.nycen{width: 100%;overflow: hidden;background: #fff;}
.nycenreww{overflow: hidden;margin: 0 auto;max-width: 1920px;margin-top: 14px;margin-bottom: 30px}
.nynewslist {
    width: 72%;
    overflow: hidden;
    float: left;
    background: #f7f7f7;
}
.righcene {
    width: 25%;
    float: right;
}
.righttit {
    font-size: 20px;
    padding: 0 0 25px;
    overflow: hidden;
}
.bqrm {
    width: 100%;
    overflow: hidden;
    margin-top: 00px;
}
.bqrm a {
    padding: 5px 14px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-right: 20px;
    font-size: 15px;
    display: block;
    float: left;
    margin-bottom: 15px;
    color: #666;
}
.tuijianul {
    width: 96%!important;
    background: #fff;
}
.nynewslist {
    width: 72%;
    overflow: hidden;
    float: left;
}
.tuijianul ul {
    padding-left: 0!important;
    width: 100%!important;
    margin-top: 0!important;
}
.nynewslist ul {
    width: 97.5%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    padding-left: 2.5%;
}

.nynewslist ul li {
    padding: 0px 0% 15px 0;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    transition: all 0.3s;
    border-bottom: 1px solid #eee;
}
.tuijianul .nynewslist_li_text {
    width: 100%;
}
.nynewslist_li_text_tit a {
    font-size: 15px;
    display: block;
    transition: all 0.3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-weight: bold
	/*color: #d7b262*/
}
.nynewslist_li_text_wz {
    margin-top: 6px;
    color: #666;
    line-height: 20px;
    display: -webkit-box;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.righttit span {
    width: 4px;
    height: 20px;
    background: #d7b262;
    display: block;
    float: left;
}
.righttit label {
    display: block;
    float: left;
    line-height: 20px;
    margin-left: 8px;

    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	font-size: 18px
}
.proviewtit {
    text-align: center;
    font-size: 28px;
    padding: 20px 0 10px;
    overflow: hidden;
	width: 85%;
	margin: 0 auto
}

.texingtitle {
    text-align: center;
    margin: 15px 0 25px;
    overflow: hidden;
    border: 1px solid #eee;
    line-height: 22px;
    color: #999;
	font-size: 14px;
	padding: 10px 0
}
.texingcen {font-size: 14px; line-height: 30px;padding: 0 4%}
.texingcen img{max-width: 100%}
.texingcen p img{max-width: 100%;height: auto}
.texingcen p{font-size: 14px;line-height: 30px;}
.proviewsx{padding: 4%;font-size: 14px;}
.proviewsx a{color: #999;font-size: 14px;}


.acontcena{width: 100%;overflow: hidden;margin: 0 auto;padding-top: 80px;margin-bottom: 45px}
.contact-pannel {
    float: left;
    width: 32.333333%;
    height: 220px;
    background-color: #eff3fb;
    position: relative;
    vertical-align: top;
	padding: 0 0%
}
.header-icon {
    position: absolute;
    width: 98px;
    height: 98px;
    top: -49px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.add {margin-right: 1.5%}
.tel {margin-right: 1.5%}
.add .header-icon {background: url(../images/icon-addr.png) no-repeat;}
.tel .header-icon {background: url(../images/icon-tel.png) no-repeat;}
.email .header-icon {background: url(../images/icon-email.png) no-repeat;}
.contact-title {
    margin-top: 70px;
    color: #3b3b3b;
    font-size: 18px;
    margin-bottom: 16px;
	text-align: center
}
.contact-pannel p {
    color: #3b3b3b;
    font-size: 17px;
    line-height: 27px;
	text-align: center
}
.conditu{width: 100%;overflow: hidden;padding-top: 40px}
.wangz1{width: 100%;overflow: hidden;background: #f7f7f7;padding: 50px 0}
.wangz1ul{width: 90%;overflow: hidden;margin: 0 auto;}
.wangz1ul li{float: left;width: 17.875%;background: #fff;margin-left: 1.5%;text-align: center;padding: 45px 3%}
.tewwwq{margin-left: 0!important}
.wangz1ul li dt{font-size: 25px;margin-bottom: 15px;}
.wangz1ul li dd{font-size: 15px;color: #666}
.wangz2{width: 100%;overflow: hidden;background: #333;}
.wangz2_left{float: left;width: 50%;overflow: hidden;}
.wangz2_right{float: left;width: 40%;overflow: hidden;padding: 5%}

.conditu img{display: block;max-width: 100%}
 .list {
    margin-bottom: 50px;overflow: hidden
}

.col-md-3 {
    width: 23.875%;
	float: left;
	position: relative;
    min-height: 1px;
    margin-left: 1.5%;
	margin-bottom: 15px
}
.col-md-3:nth-child(1){margin-left: 0}
.col-md-3:nth-child(5){margin-left: 0}

.list .itemm {
    width: 100%;
    position: relative;
    display: block;
}
.list .itemm img {
    display: block;
    margin: 0 auto;
	width: 100%
}
.list .itemm .tit {
    width: 210px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    background: #d7b262;
    position: absolute;
    bottom: 5%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    left: 50%;
    margin-left: -105px;
}
.list .itemm .tit span {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: #fff;
	font-weight: bold;
	font-size: 15px
}
.list .itemm .tit span:after {
    width: 33px;
    height: 33px;
    content: "+";
    background: #fff;
    border: 3px solid #d7b262;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: -12px;
    color: #333;
    font-size: 25px;
    line-height: 26px;
    text-align: center;
}



.lx{display: none;position: fixed;bottom: 10px;right: 2px;z-index: 99999999}
.lx img{display: block;width: 50px;height: 50px;}


.feweffd a{width: 100px;line-height: 40px!important;border-radius: 100px!important;color: #fff!important;font-size: 15px!important;background: #d7b262!important;margin: 0 auto!important;display: none!important;text-align: center}

.telnav{display: none;position: fixed;top: 74px;background: #d7b262;z-index: 99999;width: 100%}
.telnav li{float: left;width: 20%;}
.telnav li a{font-size: 15px;color: #fff;display:block;text-align: center;padding: 10px 0 10px;border-left: 1px solid #bd9c54;}



.liuchengicon{width: 97%;overflow: hidden;margin-bottom: 15px;background: #f7f7f7;padding:10px 1.5%}
	.liuchengicon img{display: block;width: 30px;height: 30px;float: left;}
	.liuchengicon span{display: block;float: left;font-size: 16px;font-weight: bold;line-height: 30px;margin-left: 10px;}

.conditu img{display:block;float: left;width: 294px;height: 330px;}







.telbanner{display: none}

@media (max-width: 1200px){
	.kehulist li{width: calc(20% - 2px)}
}

@media (max-width: 768px){
	.contact-pannel{height: 300px;}
	.pcbanner{display: none}
	.telbanner{display: block}
}

@media (max-width: 767px){
	.kehulist li{width: calc(33.3333% - 2px)}
	.nynewslist {width: 100%}
	.righcene  {width: 100%;margin-top: 20px}
	.nycenreww {margin-right: 2%;margin-left: 2%}
}

@media (max-width: 640px){
	.kehulist li{width: calc(50% - 2px)}
	#boutus{padding: 20px 0 0}
	.container{margin-left: 2%;margin-right: 2%}
	.gsjj dd img{width: 100%;margin-left: 0;margin-bottom: 5px}
	#our_project{padding: 25px 0}
	#our_project .project_list .nav-tabs{margin-top: 0;margin-bottom: 0}
	#service_i,#tuandui_detail{padding: 25px 0}
	.index-case-title .casenav a:nth-child(1){margin: 0 10px 0 0}
	
	.index-case-title .title h2{font-size: 25px}
	.ad_name{margin-bottom: 5px}
	.conditu img{display:block;float: left;width: 50%;height: auto;}
	
}
@media (max-width: 1445px){
	
}


@media (max-width: 1440px){
	.topcen-1,.index-case-title,.row,.index-about{width: 1150px;}
	.navbox{margin-left: 55px}
	.nav li a span{padding: 27px 20px}
	.tabox{width: 1150px}
	.container{width: 1150px}
}
@media (max-width: 1250px){
	.topcen-1,.index-case-title,.row,.index-about{width: 1000px;}
	.tabox{width: 1000px}
	.container{width: 1000px}
	.nav li a span{padding: 27px 13px}
	.navbox {
    margin-left: 5px;
}
	.index-about dt{width: 500px;}
	.index-about dd{width: 420px;overflow-y: auto}
}
@media (max-width: 1000px){
	.topcen-1,.row,.index-about{width: 96%;padding: 0 2%}
	.index-case-title{width: 96%}
	.navbox{display: none;}
	.telnav{display: block;}
	.ban{margin-top: 104px}
	.col-md-3{margin-left: 0;margin-right: 1.5%;width: 49.25%;margin-bottom: 1.5%}
	.col-md-3:nth-child(2n+2){margin-right: 0}
	.col-md-6{width: 100%}
	.col-md-4{margin-left: 30px!important}
	.casenav {float: none;width: 100%;padding-top: 20px!important}
	.index-case{background: url(../images/index_case_bg1.jpg) repeat-x top left;padding: 0}
	#ibanner{margin-top: 104px}
	.banner_name{top: 28%}
	.col-md-2{width: 40%}
	.col-md-4{width: 60%;margin-left: 0!important}
	.yl-logo img{height: 64px}
	.topcen{height: 64px}
	.telnav{top: 64px}
	.case_view{padding-top: 120px}
	
	
	
}

@media (max-width: 1200px){.banner-list li{height:543px;}}
@media (max-width: 1024px){.banner-list li{height:470px;}}
@media (max-width: 768px){.banner-list li{height:353px;}}
@media (max-width: 414px){.banner-list li{height:190px;}}
	
@media (max-width: 1024px){
	.tabox{width: 96%}
	.container{width: 96%}
	.mt20{margin-left: 0;margin-right: 1.5%;width: 49.25%}
	.mt20:nth-child(2n+2){margin-right: 0}
	.index-about dt{width: 100%;}
	.index-about dd{width:94%;padding: 30px 3%;height: auto}
	.index-about dt img {
    display: block;
    height: auto;
    width: 100%;
}
	.tabox .hd li{width: 19.2%;margin-right: 0;margin-left: 1%;padding: 5px 0}
	.tabox .hd li:nth-child(5n+1){margin-left: 0}
	.banner-nav ul{width: 100%}
	.banner-nav li{width:24%;margin-right: 1%;padding:5px 0 0 0}
	
	#banner-box{width: 100%}
	.banner-nav li div {
    width: 100%;
    height: 45px;
		padding: 0}
	.banner-nav li.current div {
    width: 100%;
    height: 95px;
    background: none;
}
	
	.banner-nav li a{width: 100%;padding: 5px 0 0 0}
	
}
@media (max-width: 769px){
	
	.indexhz li{margin-left: 0;margin-right: 1.5%;width: 49.25%;margin-bottom: 1.5%}
	.indexhz li:nth-child(2n+2){margin-right: 0}
	.feweffd a{display: block!important;margin-bottom: 25px!important}
	.teammore{display: none!important}
	.list{margin-bottom: 25px;}
	.banner_name{top: 15%}
	.banner_title{font-size: 20px;margin-bottom: 0;margin-top: 0}
	.banner_words{margin-top: 5px;font-size: 15px;}
	.rongyu li{margin-left: 0;margin-right: 1.5%;width:calc(48.25% - 10px);border: 5px solid #d7b262}
	.rongyu li:nth-child(2n+2){margin-right: 0}
	.index-case-title{margin-bottom: 0;padding: 25px 0}
	
	.sjj{display: block!important}
	.pcc{display: none!important}
	.tel{padding: 25px 0}

	
}



@media (max-width: 767px){
	.tabox{width: 96%}
	.tabox .lh li{margin-left: 0;margin-right: 1%;width: 49.5%}
	.tabox .lh li:nth-child(2n+2){margin-right: 0}
	.case_view_left{width: 96%}
	.case_view_right{width: 96%;margin-top: 20px}
	.teamlist_li dt{width: 100%;margin: 0 auto;}
	.teamlist_li dd{width: calc(92% - 8px);margin: 0 auto;margin-top: 15px}
	.box h2{font-size: 25px!important}
	.col-sm-4{width: 100%;margin-left: 0}
	.contact-pannel{width: 100%;margin-bottom: 55px;height: auto;padding-bottom: 20px}
	.header-icon{width: 75px;height: 75px;top: -38px}
	.add .header-icon {background: url(../images/icon-addr.png) no-repeat;background-size: 75px}
.tel .header-icon {background: url(../images/icon-tel.png) no-repeat;background-size: 75px}
.email .header-icon {background: url(../images/icon-email.png) no-repeat;background-size: 75px}
	.conditu{padding-top: 0}
	.mt20{margin-left: 0;margin-right: 0;width: 100%}
	
	.gsjj dd a{width: 100%;margin-left: 0}
	.rongyu li{margin-left: 0;margin-right: 0;width:calc(96% - 10px);border: 5px solid #d7b262;margin-bottom: 15px;padding: 2%}
	.tabox .hd li{width: 32.6666%;margin-right: 0;margin-left: 1%;padding: 5px 0;font-weight: normal;font-size: 14px;}
	.tabox .hd li:nth-child(3n+1){margin-left: 0}
	.tabox{margin: 25px auto}
	.tabox .lh{margin-top: 20px}
	.col-md-3{width: 100%;margin-right: 0}
	.yb_conct{display: none;}
	.lx{display: block}
	.index-case-title .title p{margin-top: 12px!important;height: 2px}
	.othertit h3{margin-top: 11px!important}
	.tit_1 h2{font-size: 23px;margin: 6px 0}
	.tit_1 h5{font-size: 21px;font-family: "arial"}
	.tit_1.tit_left img{margin: 10px 0}
	.title h3{font-size: 15px!important}
	.case_view_left{padding: 3.5% 2%}
	.miaoshu{margin: 10px 0 19px}
}

@media (max-width: 460px){
	.tabox .lh li{margin-left: 1%;margin-right: 1%;width: 98%}
	.pull-right{float: none!important}
	.en_top .tit_1{float: none}
	.en_top a.ret{margin-top: 15px}
	.foor_in_wrap{width: 100%}
	.foot_text{width: 98%;margin-left: 0;margin-top: 10px}
	.send{margin-left: 0}
	.fjiww{position: inherit;top: 5px;overflow: hidden}
	.fjiww a{margin-left: 0;margin-right: 1.5%;width: 32.3333%;padding: 12px 0;display: block;text-align: center;float: left}
	.fjiww a:nth-child(3){margin-right: 0}
	.indexhz li{width: 92%;margin: 0;margin-bottom: 10px;background: #f1f1f1;padding: 4%}
	.indexhz{width: 96%;margin: 0 auto}
	.en_top .tit_1{display: none}
	.contact-title{margin-top:45px;margin-bottom: 8px;font-weight: bold}
	.case_ms{top: 80%;width: 92%;}
	.proviewtit{font-size: 22px;font-weight: bold}
	

}