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

*{ margin:0px; padding:0px;}
body{ font-size:14px;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1200px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

/*顶部*/
.dingb{ width:100%; height:35px; line-height:35px; background:#f4f4f4; border-bottom:1px solid #e7e7e7; color:#666666;}
.logo_top { height:130px; overflow:hidden;}
.logo_top .logo{ margin-top:35px; float:left;}
.logo_top .dianh{ padding-left:60px; float:right; background:url(../dianh_top.png) no-repeat center left; height:60px; margin-top:35px;}
.logo_top .dianh p{ font-size:16px; color:#666666; margin-top:5px;}
.logo_top .dianh h3{ font-size:24px; color:#333333;}
.daoh{ height:60px; width:100%; background:#e93f01; line-height:60px;}
.daoh ul li{ float:left; text-align:center; width:200px; color:#FFFFFF;}
.daoh ul li a{ display:block; color:#FFFFFF; font-size:16px;}
.daoh ul li.on{ background:#c13603;}
.daoh ul li:hover{ background:#c13603;}

/* bannercss */
.slideBox{ width:100%; height:640px;clear:both;overflow:hidden; margin-top:0px; max-height:70vh; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:48%;margin-left: -90px;  margin-top:600px; z-index:1; bottom:50px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:70px; height:10px;filter: Alpha(Opacity=70);opacity: 0.7; background:rgb(255 255 255 / 50%);  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#e93f01; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:650px; max-height:70vh;}
.slideBox .banner li a{ display:block; width:100%; height:650px;  max-height:70vh;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1260px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}
/*banner结束*/

.tit{}
.tit h3{ font-size:36px; color:#333333;}
.tit p{ font-size:20px; margin-top:10px; color:#666666;}

/*产品中心*/
.chanp{ overflow:hidden; padding-top:40px;}
.chanp .ysj{ margin-top:30px;}
.chanp .daoh_fl{ width:230px; height:710px; background:#eb541d; border-bottom:5px solid #c13603; box-sizing:border-box; float:left; padding:0 10px;}
.chanp .daoh_fl li{ width:100%; height:58px; line-height:58px; border-bottom:1px solid #bababa; text-align:center; font-size:16px; color:#FFFFFF; box-sizing:border-box;}
.chanp .daoh_fl li a{ display:block; color:#FFFFFF;}
.chanp .daoh_fl .cp_lx{ border-bottom:0; height:auto; line-height:32px; margin-top:20px;}
.chanp .neir_fr{ width:950px; float:right;}
.chanp .neir_fr li{ width:230px; float:left; margin-right:10px; font-size:16px; text-align:center;}
.chanp .neir_fr li:nth-child(4n){ margin-right:0;}
.chanp .neir_fr li .tu{ width:100%; height:306.66px; overflow:hidden; line-height:0;}
.chanp .neir_fr li .tu img{ width:100%; transition:all ease 0.5s;}
.chanp .neir_fr li:hover .tu img{ transform:scale(1.15);}
.chanp .neir_fr li p{ line-height:50px;}

/*案例-应用方案*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {clear:both;*zoom:1;}
.show {	display:block!important;}
.box {}
.al_dh_zi {}
.al_dh_zi li {}
.al_dh_zi li.active {}
.al_nr {	padding:0px;}
.al_nr .al_tu {	display:none;}
.al_nr .al_tu:nth-child(1) { display:block;}
.anl{ width:100%; height:684px; background:url(../anl.jpg) no-repeat; margin-top:30px;box-sizing:border-box; overflow:hidden;}
.anl .ysj{ position:relative; }
.anl .al_nr{ width:848px; height:547px; position:absolute; top:40px; right:0;}
.anl .dh_al{ width:443px; height:547px; background:#FFFFFF; position:absolute; z-index:3; margin-top:80px; box-sizing:border-box; padding:30px 40px;}
.anl .dh_al ul{ margin-top:20px;}
.anl .dh_al ul li{ line-height:50px; background:url(../anl_tb.png) no-repeat center right; border-bottom:1px solid #FFFFFF;}
.anl .dh_al ul li:hover{ border-bottom:1px solid #e93f01; color:#e93f01;}
.anl .dh_al ul li.active{border-bottom:1px solid #e93f01; color:#e93f01;}
.anl .dh_al ul li.active a{color:#e93f01;}
.anl .dh_al ul li:nth-child(1){ display:block;}
.anl .dh_al ul li a{ display:block;}
.anl .dh_al ul li:hover a{color:#e93f01;}
.anl .dh_al .al_gd{ background:url(../anl_gd.png) no-repeat; width:177px; line-height:44px; display:block; text-align:center; color:#e93f01; font-size:18px; font-weight: normal; margin-top:10px; transition:all ease 0.5s;}
.anl .dh_al .al_gd:hover{ margin-left:30px;}

/*关于我们*/
.jianj{ margin:40px auto; overflow:hidden;}
.jianj .jj_zi{ float:left; width:580px; height:auto; overflow:hidden; padding-top:10px;}
.jianj .jj_zi .jj_nr{ color:#888888; line-height:32px; font-size:16px; margin:30px 0 30px;}
.jianj .jj_tu{ float:right; width:545px; height:357px;}
.jianj .jj_tu img{ width:100%;}
.jianj .jj_zi .al_gd{ background:url(../anl_gd.png) no-repeat; width:177px; line-height:44px; display:block; text-align:center; color:#e93f01; font-size:18px; font-weight: normal; margin-top:10px; transition:all ease 0.5s;}
.jianj .jj_zi .al_gd:hover{ margin-left:30px;}

/*优势*/
.yous{ background:url(../yous_bg.jpg) no-repeat center; width:100%; height: auto; overflow:hidden; box-sizing:border-box; padding:64px 0; background-attachment:fixed;}
.yous ul li{ width:25%; border-right:1px solid #FFFFFF; height:284px; box-sizing:border-box; float:left;text-align:center; color:#FFFFFF; padding-top:60px;}
.yous ul li:last-child{ border:none; }
.yous ul li a{ color:#FFFFFF; font-size:1.4rem; font-weight:bold;}
.yous ul li .tu{ transition:all ease 0.5s;}
.yous ul li .zi{ margin:10px auto 15px;}
.yous ul li .gd{}
.yous ul li:hover .tu{ margin-top:-20px;}
/*优势02*/
.ys{ margin-top:40px;}
.ys .ys_nr2{ width:1200px; margin:auto; padding:0 0px;}
.ys .ys_nr2 .fl{ float:left;}
.ys .ys_nr2 .fr{ float: right;}
.ys .ys_nr2 .zi{ width:600px; height:420px;margin-bottom:50px;}
.ys .ys_nr2 .zi li { width:570px; height: auto; background:#fcfcfc;margin-bottom:40px; margin-left:10px; box-shadow: 1px 3px 9px 1px rgb( 233 63 1 / 20%); padding:20px; box-sizing:border-box;}
.ys .ys_nr2 .zi li .tit_ys{ width:550px; height:80px; margin:10px auto; background:url(../ys_tit.png) no-repeat;}
.ys .ys_nr2 .zi li .tit_ys .z{ float: left; width:52px; height:53px; line-height:53px; font-size:34px; color:#e93f01; text-align:center;}
.ys .ys_nr2 .zi li .tit_ys .y{ float:right; width:480px; height:60px; text-align:left;}
.ys .ys_nr2 .zi li .tit_ys .y .zw{ font-size:24px; color:#e93f01; margin-bottom:5px;}
.ys .ys_nr2 .zi li .tit_ys .y .yw{ font-size:14px; color:#e93f01;}
.ys .ys_nr2 .zi li .nr{ line-height:28px; font-size:14px; color:#666666;}

.ys .ys_nr2 .tu{ width:580px; height:420px; margin-bottom:50px;}
.ys .ys_nr2 .tu img{ max-width:100%;}

/*新闻中心*/
.xinw{ margin-top:30px; overflow:hidden; margin-bottom:40px;}
.xinw .tit{ margin-bottom:40px;}
.xinw .ul_list{ width:16rem; float: right;}
.xinw .div_box { overflow:hidden;}
.xinw .xw01{ width:47%; float:left; position:relative;}
.xinw .xw01 a{ color:#FFFFFF;}
.xinw .xw01 .tu{ width:100%; line-height:0;}
.xinw .xw01 .tu img{ width:100%; height:380px;}
.xinw .xw01 .zi{ width:100%; position:absolute; bottom:0; background:rgb(0 0 0 /20%); padding:35px 30px;box-sizing:border-box;transition:all ease 0.5s;}
.xinw .xw01 .zi .xw01_bt{ font-size:1.2rem; font-weight:bold; margin-bottom:15px; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.xinw .xw01 .zi .xw01_nr{ font-size:1rem; line-height:1.8rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xinw .xw01:hover .zi{ background:rgb(233 63 1 / 80%);}
.xinw .xw02{ width:48%; float:right;}
.xinw .xw02 li { float:left; width:100%; margin:0px; padding:17px 0; border-bottom:1px dashed #dbdbdb;}
.xinw .xw02 li .rq{ float:left; width:8rem; width:19%; text-align:center;}
.xinw .xw02 li .rq .rq01{ font-size:1.4rem; color:#343434; width:100%; margin:15px 0 5px;}
.xinw .xw02 li .rq .rq02{ width:100%; font-size:1rem; color:#666666;}
.xinw .xw02 li .nr{ float:right; max-width:80%;}
.xinw .xw02 li .nr .xw02_bt{ font-size:1.2rem; font-weight:bold; margin-bottom:10px;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.xinw .xw02 li .nr .xw02_nr{ font-size:1rem; line-height:1.8rem; color:#666666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xinw .xw02 li:hover { border-bottom:1px dashed #e93f01;}
.xinw .xw02 li:hover .rq .rq01{ color:#e93f01;}
.xinw .xw02 li:hover .rq .rq02{ color:#e93f01;}
.xinw .xw02 li:hover .nr .xw02_bt{ color:#e93f01;}
.xinw .xw02 li:hover .nr .xw02_nr{ color:#e93f01;}
.xinw .xw02 li a { display:block;}

/*友情链接*/
.smcy_sy{ width:1200px; margin:10px auto 40px; font-size:16px;}
.smcy_sy .db_tit{ margin-bottom:10px;}
.smcy_sy b{ font-size:18px;}
.smcy_sy a{ margin-right:10px;}

/*底部*/
footer{}
.dib_pc{ background:#e93f01; box-sizing:border-box; padding:50px 0 0; border-top:10px solid #e93f01; width:100%; color:#FFFFFF;}
.dib_pc .dib_s{ overflow:hidden; padding-bottom:40px;}
.dib_pc a{ color:#FFFFFF;}
.dib_pc .db_dh{ width:; margin-right:100px; float:left;}
.dib_pc .db_dh li{ font-size:0.96rem; margin-bottom:20px;}
.dib_pc .db_dh li{}
.dib_pc .db_dh .db_dh01{ font-size:1.4rem; font-weight:bold; margin-bottom:30px;}
.dib_pc .db_lx{ border-left:1px solid #FFFFFF; padding-left:100px;}
.dib_pc .db_ewm{ float:left; text-align:center;}
.dib_pc .db_ewm .tu{ width:120px; height:120px;}
.dib_pc .db_ewm .tu img{ width:100%; height:100%;}
.dib_pc .db_ewm .zi{ line-height:40px;}
.dib_pc .db_ms{ float: right; width:20%; font-size:1rem; line-height:2rem;}
.dib_pc .dib_x { border-top:1px solid #FFFFFF; padding:30px 0; overflow:hidden; line-height:40px;}
.dib_pc .db_bq{ width:48%; float:left;}
.dib_pc .db_yqlj{ width:48%; float:right; text-align: right;}
.dib_pc .db_yqlj .db_tit{ text-align:right;}
.dib_pc .db_yqlj p a{ margin-left:20px;}
.dib_pc a:hover{ color:#999999;}