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

/*字体图标*/
@font-face {
  font-family: '../font/iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "../font/iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*字体*/
@font-face
    {
        font-family:"迷你简菱心.ttf";
        src: url("../font/简菱心.ttf");
    }

/*头部*/
header .top{ width:100%; height:46px; background:#ededed;}
header .top .fl{ line-height:46px; color:#333;}
header .top .fr{ position:relative;}
header .top .fr li{ float:left; line-height:25px; margin-top:10px; margin-left:10px;}
header .top .fr li i{font-size:24px; color:#333;}
header .top .fr li i:hover{ color:#da251e; cursor:pointer;}
header .top .ewm{ position:absolute; top:46px; width:120px; height:140px; box-sizing:border-box; padding:10px; background:#da251e; text-align:center; color:#FFF; display:none;z-index: 99;}
header .top .sj_ewm{ margin-left:-35px;}
header .top .wx_ewm{ margin-left:-5px;}
header .top .ewm img{ width:100%;}
header .logo{ height:110px; overflow:hidden;}
header .logo .logo2 .tu{ margin:24px 0;}
header .logo .logo2 .zi{ margin-left:20px; margin-top:30px;}
header .logo .logo2 .zi h2{ font-size:24px; color:#222222; margin-bottom:2px;}
header .logo .logo2 .zi p{ font-size:14px; color:#222222;}
header .logo .dianh{ line-height:110px;}
header .logo .dianh li{ float:left;}
header .logo .dianh i{ font-size:35px; color:#da251e; margin-right:5px;}
header .logo .dianh span{ margin-top:-20px;}
header .logo .dianh .haom{ font-size:32px; font-weight:normal; color:#222222;}
/*头部导航*/
header .daoh{ height:60px; background:#161616; font-size:16px;}
header .daoh ul{}
header .daoh ul li{ width:180px; height:60px; float:left; text-align:center; padding:10px 0; box-sizing:border-box; position:relative; z-index:9;}
header .daoh ul li a{ width:180px; height:40px; line-height:40px; display:block; color:#FFF; border-right:1px  solid #3c3c3c; box-sizing:border-box;}
header .daoh ul li:last-child a {border: none;}
header .daoh ul li.on {background:#da251e; display:block; color:#FFF;}
header .daoh ul li:hover{ background:#da251e;}
header .daoh ul li.on a{ border:none;}
header .daoh ul li:hover a{ border:none;}
header .daoh ul li dl{ background:#161616; margin-top:10px; display:none;OVERFLOW: HIDDEN;}
header .daoh ul li:hover dl{display: block;}
header .daoh ul li dl a{ border-right:none;}
header .daoh ul li dl dd a{ height:60px; line-height:60px;}
header .daoh ul li dl dd { border-top:1px solid #333;}
header .daoh ul li dl dd:hover a{ background:#da251e;}
/*头部结束*/

/* bannercss */
.slideBox{ width:100%; height:600px;clear:both;overflow:hidden; margin-top:0px;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -90px;  margin-top:560px; z-index:1;}
.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:50px; height:3px;filter: Alpha(Opacity=70);opacity: 0.7; background:#fff;  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#da251e; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:600px;}
.slideBox .banner li a{ display:block; width:100%; height:730px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.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结束*/

/*简介开始*/
.jianj{ height:303px; margin:70px auto;}
.jianj .tu{ width:470px;}
.jianj .zi{ width:740px; height:303px; position:relative;}
.jianj .zi .nr h2{ font-size:30px; margin-top:5px; margin-bottom:3px;}
.jianj .zi .nr h5{ font-size:16px; font-weight:normal; color:#999; background:url(../images/jj_tit.png) no-repeat bottom; padding-bottom:25px;}
.jianj .zi .nr p{ font-size:14px; line-height:28px; color:#666666; margin-top:20px;}
.jianj .zi .jj_sz{ width:100%; overflow:hidden; position:absolute; bottom:0px;}/*数据滚动*/
.jianj .zi .jj_sz li{ float:left; padding:0 20px; width:175px; box-sizing:border-box; width:28%; text-align:center;}
.jianj .zi .jj_sz li:nth-child(1){ width:22%; padding-left:0;} 
.jianj .zi .jj_sz li:nth-child(4){ width:22%; padding-right:0;} 
.jianj .zi .jj_sz li p b{ font-size:48px; color:#da251e;}
.jianj .zi .jj_sz li p:nth-child(1){ color:#da241c;}
.jianj .zi .jj_sz li p:nth-child(2){ color:#666666;}
/*简介结束*/

/*标题*/
.lb_tit{ text-align:center;}
.lb_tit h2{font-size:30px; color:#222222;}
.lb_tit p{ font-size:14px; color:#999999; margin:8px 0 15px; position: relative;}
/*.lb_tit p:after {content: ""; position: absolute; left: 50%; margin-left: -28px; bottom: 0; width: 56px; height: 1px; background: #cf0e0f; }*/
.lb_tit h5{ width:60px; height:1px; background:#222222; margin:0 auto;}
.lb_tit h5 span{ width:50%; height:1px; background:#da241c; display:block;}

/*产品开始*/
.chanp{ width:100%; height:935px; background:url(../images/cp_bg.jpg) no-repeat top center; box-sizing:border-box; padding-top:65px;}
.chanp .ysj{ overflow:hidden;}
.chanp .cp_dh{ width:780px; margin:40px auto 40px; overflow:hidden;}
.chanp .cp_dh li{ width:180px; float:left; height:50px; margin-right:20px; background:#222222; color:#FFF; text-align:center; line-height:50px; font-size:16px; cursor:pointer;}
.chanp .cp_dh li.on{ background:#da251e;}
.chanp .cp_dh li:last-child{ margin-right:0;}
.chanp .div_box{ width:100%;}
.chanp .div_box .div_list {	display:none;}
.chanp .div_box .div_list ul li { width:300px; height:275px; float:left; background:#FFFFFF; margin:0 20px 30px 0;}
.chanp .div_box .div_list ul li:nth-child(4n) { margin-right:0;}
.chanp .div_box .div_list ul li a img{ width:100%; height:225px; display:block;}
.chanp .div_box .div_list ul li a p{ width:300px; text-align:center; height:50px; line-height:50px; border-top:1px solid #e5e5e5; box-sizing:border-box; transition: 0.5s all ease;}
.chanp .div_box .div_list ul li:hover a p{ color:#FFF; background:#da251e;}
/*产品结束*/

/*产品优势*/
.cp_ys{ height:700px; padding-top:50px; box-sizing:border-box; background:url(../images/cp_ysbg.png) no-repeat bottom center; }
.cp_ys .nr{ width:100%;}
.cp_ys .nr .fl{ width:50%; padding:170px 260px 0 50px; box-sizing:border-box;}
.cp_ys .nr ul li{ height:180px;}
.cp_ys .nr ul li h2{ text-align:center; font-size:18px; color:#222222; margin-bottom:30px;}
.cp_ys .nr ul li p{ font-size:16px; line-height:28px; color:#333; text-align:justify;}
.cp_ys .nr ul li:nth-child(2){ margin-top:85px; height:150px;}
.cp_ys .nr ul li:nth-child(2) h2{ margin-bottom:20px;}
.cp_ys .nr .fr{ width:50%; padding:170px 50px 0 270px; box-sizing:border-box;}

/*广告条*/
.ggt{ width:100%; height:345px; margin-top:20px; background:url(../images/ggt.png) no-repeat top center; }
.ggt .ysj { text-align:right; color:#FFFFFF; position:relative;}
.ggt h2{ font-size:32px;padding:95px 50px 0 0;}
.ggt .fl{ width:560px; margin:25px 0 0 500px; background:url(../images/ggt_x.png) no-repeat top left; padding-top:20px; text-align:center; font-size:16px;}
.ggt .fl b{ font-size:24px; font-weight:normal;}
.ggt .fr{ width:130px; height:36px; background:#d0101b; margin:10px 50px 0 0; border-radius:50px; text-align:left; position: absolute; right:0px; transition:all ease 0.5s;}
.ggt .fr a{ display:block;}
.ggt .fr i{ width:32px; height:32px; background:#FFFFFF; color:#d0101b; border-radius:50px; display:block; margin:2px; text-align:center; line-height:32px; font-size:22px; float:left;}
.ggt .fr a span{ color:#FFF; line-height:36px; margin-left:12px;}
.ggt .fr:hover { right:20px;}

/*公司实力*/
.ysbj .lb_tit{ margin-bottom:30px;}


/*底部开始*/
footer{ width:100%; height:480px;background:url(../slxw_TX_files/db_bg.jpg) bottom center; margin-top: 20px;}
footer .db_dh{ width:100%; height:70px; padding-top:20px; background:url(../images/db_dhx.jpg) repeat-x bottom center;}
footer .db_dh a{ color:#FFF; margin:0 60px; line-height:70px;}
footer .db_dh a:nth-child(1){margin-left: 50px;}
footer .db_dh a:last-child{margin-right: 50px;}
/*底部联系*/
footer .db_lx{ margin:50px 0; overflow:hidden;}
footer .db_lx li{ width:220px; height:140px; float:left; margin: 0 20px; text-align:center;}
footer .db_lx li:nth-child(1){ width:165px; padding-right:50px; border-right:1px solid rgba(255,255,255,0.1); margin-left:0;}
footer .db_lx li i{ width:60px; height:60px; display:block; line-height:60px; text-align:center; background:#a2a2a2; border-radius:50px; font-size:27px; color:#222222; margin:0px auto 10px;}
footer .db_lx li p{ margin:5px 0; color:#CCCCCC;}
footer .db_lx li:nth-child(5){ width:180px; margin-right:0; float:right;}
footer .db_lx li:nth-child(5) .tu{ width:130px; height:130px; float:left;}
footer .db_lx li:nth-child(5) .tu img{ width:100%; height:130px;}
footer .db_lx li:nth-child(5) .zi{ width:40px; height:130px; box-sizing:border-box; float:left; background:#353535; padding:12px 10px; color:#FFFFFF; font-size:14px; line-height:18px;}
footer .db_bq{ width:100%; height:80px; line-height:80px; color:#CCCCCC; background:url(../images/db_dhx.jpg) no-repeat top center;}
footer .db_bq a{ color:#CCCCCC;}
/*友情链接*/
footer .yqlj{ width:100%; height:70px; background: rgb(0 0 0 / 50%); color:#CCCCCC;}
footer .yqlj a{ color:#CCCCCC; margin:0px 10px; line-height:70px;}
footer .yqlj i{ font-size:32px; display:block; float:left; margin-right:10px; padding-top:15px;}
footer .yqlj b{ font-size:18px; font-weight:normal;}
footer a:hover{ color:#da251e;}


.nyban1{ height:300px; background:url(../images/br.jpg) no-repeat center;}
.ny_nav{ height:60px; width:50%; margin-top:-35px; line-height:60px;text-align:right;}
.ny_nav1{width:100%;}
.ny_nav li{ display:inline-block;width:130px; height:60px; line-height:60px; text-align:center; font-size:16px; box-shadow:0px 2px 3px #e5e1e1;}
.ny_nav a{ color:#333; line-height:60px; text-align:center; font-size:16px; background:#fff; display:block;width:100%; height:100%;}
.ny_nav ul .column_active{ background:#da251e; color:#FFF;}
.ny_nav ul li a:hover{ background:#da251e; color:#FFF;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666;}
.ny_ll .mmx{ width:50%;}
.ny_ll .mmx i{ font-size:20px; display:block; float: left; padding-top:0px;}
.ny_ll ul p{ border-bottom:2px solid #da251e; line-height:58px; font-size:14px; display:inline-block;}
.ny_ll ul p img{ float:left; padding-top:20px; padding-right:6px;}
.lb_nr{ color:#333; font-size:16px; text-align:justify; line-height:32px; padding:30px;}

