/* CSS Document */
body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, table, td, tr, th, p {padding: 0; margin: 0; font-family: "Microsoft YaHei"; }
li, dd, ol, ul {list-style-type: none;}
.fl { float:left; display:inline-block;}
.fr {display:inline-block; float:right;}
*{ font-size:14px;}
i{ font-style:normal; display:inline-block;}
img {border: none;}
h1 {font-size: 14px;}
h2 {font-size: 14px;}
h3 {font-size: 18px;}
h4 {font-size: 20px;}
h5 {font-size: 22px;}
h6 {font-size: 24px; border-bottom:1px #000000 dashed;}
a{ text-decoration:none;}
.clear {clear:both;width: 100%;height: 0px;display: block;overflow: hidden;}
input{ outline:none }
input:focus { outline: none; }
/*公共部分*/
.width{ width:96%; margin:0 auto;}
@media only screen and (min-width:1450px) {
.width{ width:1410px;}
}
.first_p, .second_p, .third_p, .fourth_p, .fifth_p{ padding:60px 0px; width:100%; position:relative;}
@media only screen and (max-width:750px) {
.first_p, .second_p, .third_p, .fourth_p, .fifth_p{ padding:30px 0px; }
}
/*第一屏*/
.first_p{ background:#f4f5f4;}
/*第二屏*/
.second_p{ background:#fff;}
/*第三屏*/
.third_p{ background:#f18a19;}
/*第四屏*/
.fourth_p{ background:#fff;}
/*第五屏*/
.fifth_p{ background:url(images/bg_about.jpg) no-repeat center #f4f5f4; background-size:cover;}
/*首页标题*/
.title_sy{ padding:0px 80px; display:inline-block; text-align:center; margin:0 auto 60px; position:relative; left:50%;  transform:translateX(-50%); }
.title_sy .wenxi{ font-size:28px;color:#333; display:inline-block; padding:0px 40px;}
.title_sy .wenxi span{ display:block; text-align:center; font-size:20px;text-transform:uppercase; padding-top:5px;}
.title_sy i{ display:inline-block; width:80px; height:3px; background:#ef7d00; position:absolute; top:20px; right:0; }
.title_sy i.i_left{left:0px;}
.color1 .wenxi{color:#fff; }
.color1 i{ background:#fff;}
@media only screen and (max-width:550px) {
.title_sy{ padding:0px 40px;}
.title_sy .wenxi{font-size:22px;padding:0px 16px;}
.title_sy .wenxi span{font-size:16px;}
.title_sy i{ width:40px;top:13px;}
}

/* 主菜单 */
.head{ background:url(images/bg_top.jpg) no-repeat center top #ef7e00;width:100%;height:84px; padding-top:25px; background-size:cover;}
.head .logo{ float:left;}
.head .navbox{margin: 0 auto; float:right;}
.head .nav{display: block; float: left;}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position:relative; box-sizing: border-box;z-index: 999;}
/*.head .nav ul li:first-child{border-left: 1px solid #cccccc;}*/
.head .nav ul li .f_a{line-height:50px;width:80px; margin:0px 20px;display:block;text-align:center;font-size:16px;color:#fff;}
.head .nav ul li:hover .f_a, .head .nav ul li.here  .f_a{color: #fff;border-bottom:2px #fff solid; transition:all .3s;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .f_a{font-size:14px}
.nav ul li .s_navbox .s_a a{font-size:12px}
.foot_top ul{margin-left:60px}
}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.msgNum{display: none;}
.slider{margin-top: 44px;}
.head{display:none}
.m_img{display:block;height:44px;background:url(images/bg_top.jpg) no-repeat center top; background-size:cover; position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
.m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
.m_img .headlf .m_logo{height:40px;display: block}
.m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
.m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}
/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #333333;}
.slideBox .hd ul .on {background: #ef8528;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 
/*footer开始*/
.footer{ padding:30px 0px 16px; width:100%; background:#231f20; color:#fff;}
.ft_text{ text-align:center; padding:16px 0px 0px; color:#6b6b6b; border-top:1px #5a5f61 solid;}
.footer .width{ padding-bottom:30px; position:relative;}
.footer .ft_logo, .footer .ft_zji, .footer .ft_add, .footer .ft_ewm{ float:left; color:#6b6b6b; line-height:28px; font-size:16px;}
.footer .ft_logo{ width:200px; text-align:left;}
.footer .ft_zji{ width:300px; }
.footer .ft_ewm{ width:200px; text-align:right;}
.footer .ft_zji i{ display:inline-block; width:60px; text-align-last: justify; font-size:16px;}
.footer .ft_add i{ display:inline-block; width:48px;}
@media screen and (max-width: 1449px) and (min-width:1200px) {
.footer .ft_logo, .footer .ft_ewm{ width:150px;} 
.footer .ft_zji{ width:300px; }	
.footer .ft_ewm{ float:right;}}
@media screen and (max-width: 1199px) and (min-width:1073px) {
.footer .ft_logo, .footer .ft_ewm{ width:120px;} 
.footer .ft_zji{ width:250px; }	
.footer .ft_ewm{ float:right;}
}
@media screen and (max-width: 1073px) and (min-width:0px) {
.footer .ft_logo, .footer .ft_zji, .footer .ft_add, .footer .ft_ewm{ width:100%; margin-bottom:10px;}
.footer .ft_ewm, .footer .ft_logo{ float:left; text-align:center;}
.footer .ft_ewm{ margin-bottom:0px;}
}
/*一个宗旨*/
.zongzhi{box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.16); background:url(images/bg_xiao1.jpg) no-repeat center; background-size:cover; }
.zongzhi .zongzhi_right{ width: calc(50% - 200px);padding:100px; float:right; background:url(images/bg_xiao.jpg) left top; background-size:100% auto;}
.zongzhi_right .wenxi{ font-size:28px;color:#333; display:inline-block; padding:0px 0px; }
.zongzhi_right .wenxi span{ display:block; text-align:center; font-size:20px;text-transform:uppercase; padding-top:5px;}
.zongzhi_right .text_zongz{ border-top:3px #ef7d00 solid; padding-top:20px; margin-top:20px; font-size:20px; color:#333; line-height:32px;}
@media only screen and (max-width:550px) {
.zongzhi_right .wenxi{font-size:22px;padding:0px 16px;}
.zongzhi_right .wenxi span{font-size:16px;}
}

@media screen and (max-width: 1000px) and (min-width:0px) {
.zongzhi .zongzhi_right{ width: calc(50% - 100px);padding:50px;}
}
@media screen and (max-width: 550px) and (min-width:0px) {
.zongzhi .zongzhi_right{ width: calc(100% - 60px);padding:30px;}

	}
/*两项服务*/
.lxfw_ul{ width:70%; margin:0 auto; position: relative;}
.lxfw_ul li{ width:36%; float:left;padding-top:20px; text-align:center; position: relative;}
.lxfw_ul li.center_li{ background:none; padding-top:11%; width: 28%; top: 50%;}
.lxfw_ul li.center_li img{ width:80%;}
.lxfw_ul li .biaoti_li{ font-size:20px; color:#333; padding:10px 0px;}
.lxfw_ul li span{ display:inline-block; width:80%; line-height:30px; text-align:left; color:#7b7b7b; font-size:16px;}
.lxfw_ul li .pic_lx{ width:100%; }
.lxfw_ul li .pic_lx img{  width: 40%;}
@media screen and (max-width: 1200px) and (min-width:0px) {
.lxfw_ul{ width:80%;}	
.lxfw_ul li{background-size:50% auto;}
}
@media screen and (max-width: 950px) and (min-width:0px) {
.lxfw_ul{ width:100%;}	
	}
@media screen and (max-width: 550px) and (min-width:0px) {
.lxfw_ul li .biaoti_li{ font-size:18px;}	
.lxfw_ul li{background-size:80% auto;padding-top:0px; }
.lxfw_ul li span{ width:100%;font-size:16px; line-height:32px;}

}
	
/*三个品牌*/
.pinpai_ul li{ width: calc(33.3333% - 34px); margin:0px 15px; float:left; border-radius:2px; border:2px #fff solid;} 
.pinpai_ul li .scale {width: 100%;padding-bottom: 100%;height: 0;position: relative;}
.pinpai_ul li .item {width: 100%;height: 100%; position: absolute;}
.pinpai_ul li .scale .item img.bg_img{ width:100%; height:100%; object-fit:cover; vertical-align:top; }
.pinpai_ul li:hover{ margin-top:-30px; box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.16);}
.pinpai_ul li .item .yinying{ width:100%; height:100%; position:absolute; z-index:9; background:rgba(1,1,1,0.7); text-align:center;color:#fff;}
.pinpai_ul li:hover .item .yinying{background: -webkit-linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(239,125,0,0.8)); /* Safari 5.1-6.0 */
background: -o-linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(239,125,0,0.8)); /* Opera 11.1-12.0 */ 
background: -moz-linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(239,125,0,0.8)); /* Firefox 3.6-15 */
background: linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(239,125,0,0.8)); /* 标准语法 */}
.pinpai_ul li .item .yinying .pic_logo{ height:90px; padding-top:40%; margin-bottom:20px;}
.pinpai_ul li .item .yinying .pic_logo img{ width:auto; height:100%;}
.pinpai_ul li .item .yinying .dabiao{ font-size:26px; padding-bottom:10px; display:none;}
.pinpai_ul li .item .yinying .wz{ font-size:18px;}
.pinpai_ul li:hover .item .yinying .dabiao{ display:block;}
@media screen and (max-width: 1200px) and (min-width:0px) {
.pinpai_ul li .item .yinying .pic_logo{padding-top:20%; }
.pinpai_ul li .item .yinying .dabiao{ padding-bottom:10px; font-size:20px;}

}
@media screen and (max-width: 1000px) and (min-width:751px) {
.pinpai_ul li .item .yinying .pic_logo{ height:60px; }
}
@media screen and (max-width: 750px) and (min-width:551px) {
.pinpai_ul li .item .yinying .pic_logo{ height:40px; }
.pinpai_ul li{ width: calc(33.3333% - 20px); margin:0px 8px; }
}
@media screen and (max-width: 550px) and (min-width:0px) {
.pinpai_ul li .item .yinying .pic_logo{ height:40px; }
.pinpai_ul li{ width: calc(100% - 20px); margin:0px 8px 30px;  }
.pinpai_ul li:hover{ margin-top:0px;}
}
/*四个优势*/
.youshi_ul li{ width: calc(25% - 60px); margin:0px 30px; padding:40px 0px; background:#fff; border-radius:5px;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.16); float:left;}
.youshi_ul li i{ display:block; text-align:center; height:100px; margin-bottom:40px;}
.youshi_ul li i img{ height:100%; width:auto; max-width:90%;}
.youshi_ul li span{overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box; text-align:center; font-size:18px; color:#333;}
@media screen and (max-width: 1200px) and (min-width:751px) {
.youshi_ul li{ width: calc(25% - 40px); margin:0px 20px;}

}
@media screen and (max-width: 750px) and (min-width:0px) {
.youshi_ul li i{ height:60px;margin-bottom:20px;}
.youshi_ul li{ width: calc(25% - 20px); margin:0px 10px;}
}
@media screen and (max-width: 550px) and (min-width:0px) {
.youshi_ul li{ width: calc(50% - 20px); margin: 10px;}
}
/*关于*/
.about .left_ab{ float:left; text-align:left;width:50%;}
.about .left_ab img{ width:80%; height:auto;}
.about .right_ab{ width: calc(50% - 100px); padding:50px; position:relative;  float:right; background:#ffff; box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.16); }
.about .right_ab .tit_about{ padding-bottom:20px; font-size:18px; display:inline-block; background:url(images/bg_titab.png) no-repeat left bottom; background-size:50% 2px;}
.about .right_ab span{ display:block; padding:20px 0px 80px; line-height:32px; color:#666666; font-size:16px;}
.about .right_ab a{ display:inline-block; background:#ef7d00; color:#fff; padding:8px 25px; border-radius:2px; position:absolute; right:50px; bottom:50px;}
@media screen and (max-width: 750px) and (min-width: 0px){
.about .left_ab{ width:100%; text-align:center;}
.about .right_ab{ width: calc(100% - 100px);}
}
/*二级界面开始*/
/*最新二级界面-经典案例－2023.2.20*/
@media screen and (max-width: 1024px) and (min-width: 0px){
}
.erji_zh{ width:100%; background: url(images/bg_erji.png) no-repeat top center #f4f5f4; background-size:100% auto; padding:20px 0px;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.erji_zh{padding:64px 0px 20px;}	
}

.erji_ul_title{ font-size:0px; margin:20px auto;}
.erji_ul_title li{ display:inline-block; width: calc((100%/3) - 20px); padding-left:30px; text-align:center;}
.erji_ul_title li:first-child{padding-left:0px;}
a.title_erji_bt{ background:url(images/bg1.png) no-repeat; background-size:100% 100%; padding:30px 0px; position:relative; display:block; border-radius:10px; color:#fff;}
a.title_erji_bt i{ display:inline-block; width:104px; height:91px; left:-15%; overflow:hidden; position:relative;}
a.title_erji_bt i img{ width:100%; height:auto; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
a.title_erji_bt span{ font-size:30px; position:absolute; top:50%; left:65%; transform:translate(-50%,-50%);}
a.title_erji_bt:hover, a.mth_here{ font-weight:bold;}
@media screen and (max-width: 1024px) and (min-width: 750px){
a.title_erji_bt{padding:20px 0px;}
.erji_ul_title li{  width: calc((100%/3) - 10px); padding-left:15px; }
a.title_erji_bt i{ width:80px; height:70px; left:-15%;}
a.title_erji_bt span{ font-size:20px; left:65%; }
}
@media screen and (max-width: 749px) and (min-width: 0px){
a.title_erji_bt{padding:10px 0px;}
.erji_ul_title li{  width: calc((100%/3) - 6px); padding-left:9px; }
a.title_erji_bt i{ width:60px; height:53px; left:-20%;}
a.title_erji_bt span{ font-size:16px; left:70%; }

}


.left_case, .right_case{ background:#fff;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.06); margin:30px 0px;}
.left_case{ width:316px; padding:15px; float:left;}
.right_case{ width: calc(100% - 368px);  float:right;}
.left_case img.ditu_img{ display:block; width:100%}

/*案例左侧栏目*/
ul.case_erji li a{ font-size:16px; width:90%; line-height:51px;  text-align:center; color:#333;  margin:10px auto; overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box; }
ul.case_erji li a:hover, ul.case_erji li a.here{ color:#ef7e00; background:#f4f5f4; border-radius:10px;}
@media screen and (max-width: 1150px) and (min-width: 0px){
.left_case{ width: calc(100% - 30px); padding:15px; float:none;}
.right_case{ width: 100%;  float:none;}
.left_case img.ditu_img{ display:none;}	
ul.case_erji li{ width:50%; display:inline-block; float:left;}
}
@media screen and (max-width: 550px) and (min-width: 0px){
ul.case_erji li a{width:100%;}
}

.right_title{ margin:0px 20px; border-bottom:1px #f5f5f5 solid; padding:20px 0px;}
.right_title span.bt{ display:inline-block; font-size:16px; color:#ef7e00;}
.right_title .dqez{ display:inline-block; float:right; }
.right_title .dqez, .right_title .dqez a{color:#999999;}
.right_title .dqez i, .right_title .dqez a:hover{ color:#ef7e00;}
.lanren{ padding:10px;}
.lanren .more{overflow: hidden;padding:30px 0px; width:90%; margin:0 auto;text-align: center;}
.lanren .more a, .lanren .more p{display: block; height:50px; line-height:50px; color:#adadad;margin:0 auto;background:#f1f1f1;text-align:center;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.lanren .more a:hover{text-decoration:none;background:#ef7e00;color: #fff;}
.hidden li{ width:100%; display:block;}
.li_qf{ width: calc(50% - 20px); margin:10px; float:left; }
.li_qf .scale {padding-bottom: 52.12%;height: 0;position: relative;}
.li_qf .shux{padding-bottom: 70%;}
.li_qf .item {width: 100%;height: 100%; position: absolute;}
.li_qf .scale .item img{ width:100%; height:100%; object-fit:cover; vertical-align:top; }
.li_qf .title_ist{ position:absolute; height:36px; line-height:36px; width:100%; background:rgba(239,126,0,0.7); color:#fff; text-align:center; bottom:0px; font-size:18px; overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}
@media screen and (max-width: 550px) and (min-width: 0px){
ul.ul_pic_list li{ width: calc(50% - 20px); margin:10px;}
}
.bieb_title{ font-size:16px; margin:20px 10px 10px; line-height:40px; padding-left:20px; border-radius:2px; color:#333; background:#f4f5f4;}
.quanp_pic{ padding:10px;}
.quanp_pic img{ width:100%; height:auto; display:block;}
/*联系我们*/
.cont_text{ margin:20px 20px; width:100%;}
.cont_text p{ font-size:16px; color:#666; line-height:32px;text-indent:2em; } 
.cont_lxfs{padding:20px 0px 50px;}
.cont_lxfs .map{ width:50%; float:left;}
.cont_lxfs .cont_wenzi{ width:50%; float:right;}
.cont_lxfs .map img{ display:block; width:100%;}
.cont_lxfs .cont_wenzi span{ color:#333; font-size:24px; padding-left:50px;}
.cont_lxfs .cont_wenzi .juti_id{ font-size:16px; line-height:38px; color:#666; padding:20px 0px 0px 50px; }
.cont_lxfs .cont_wenzi .juti_id i{ width:48px;}
ul.pic_ul{ width:100%; padding-bottom:50px;}
ul.pic_ul li{ width: calc(100%/2); padding:10px 0px; float:left;}
ul.pic_ul li img{ width:100%;}



@media screen and (max-width: 1024px) and (min-width: 0px){
.cont_lxfs .cont_wenzi span{padding-left:10px;}
.cont_lxfs .cont_wenzi .juti_id{ padding:20px 0px 0px 10px;}
}
@media screen and (max-width: 950px) and (min-width: 0px){
.cont_lxfs .map{ width:100%; float:none; margin-bottom:20px;}
.cont_lxfs .cont_wenzi{ width:100%; float:none;}
ul.pic_ul li{ width: 100%; padding:10px 0px;  }

}