@charset "utf-8";/* CSS Document*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea{margin:0;padding:0;}
body{font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff;}
li, ol{list-style:none;}
ins{text-decoration:none;}
i, em{font-style:normal;}
a{text-decoration:none;font-family:"Microsoft Yahei";}
a:hover{cursor:pointer;text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{clear:both;line-height:0px;overflow:hidden;zoom:1;font-size:0px;content:'.';}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{padding:0;margin:0;}
a img{border:none;}
input,textarea{border:none;font-family:"Microsoft Yahei";font-size:13px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:14px;}
.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }
.f_fst{ font-family: "宋体" }
/*banner*/
.g-adv{ position: relative; width: 100%; height:11.0rem; overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:11.0rem; overflow:hidden;}
.g-adv .con{float:left; display:inline; width:100%;}
.g-adv .m-cnt{ position: absolute; left: 0rem; bottom:0rem; width: 100%; overflow: hidden;  background:#cccccc;}
.g-adv .m-cnt li{float:left; width:20%; height:0.333rem; overflow: hidden;}
.g-adv .m-cnt .z-on{background:#C9120A;}
/*nav*/
nav {
    /* margin: 1rem auto; */
    overflow: hidden;
    /* background: #c9120a; */
}
nav a {
    float: left;
    color: #f1dddd;
    background: #c9120a;
    text-align: center;
    font: 1.1rem/2.6rem "microsoft Yahei";
    width: 20%;
    /* height: 2.625rem; */
    /* border-radius: 0.4rem; */
    overflow: hidden;
    display: block;
    border-right: 1px solid #cc4741;
    /* margin: 0 0.5rem 0.458rem 0.5rem; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin-top: -1px;
}
/*m-pro-----------------------------------------------------------------------------------------*/
.m-case{ width: 100%; overflow: hidden; }
.m-case h2{  width: 100%; overflow: hidden; color: #373737; font:bold 1.25rem/1.667rem "microsoft Yahei";  text-align: center; background: #383838; padding-top: 0.333rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; padding:0.8rem 0;}
.m-case h2 i{ display: block; color: #a9a9a9; text-transform: uppercase; font:0.75rem/0.917rem "Times New Roman", Times, serif;  }
.m-case dl{ width: 100%; overflow: hidden;}
.m-case dl dd{ margin: 0.8rem;color: #666; font: 0.833rem/1.292rem "Microsoft Yahei";}
/*m-part-----------------------------------------------------------------------------------------*/
.m-part{ position:relative; width: 100%; overflow:hidden;
background:url(../images/pt_bj.jpg) no-repeat center bottom;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; padding-bottom:1.5em;}
.m-h2{ position: relative; margin:1rem auto 1.042rem; height: 4.333rem; color: #C9120A; text-align: center; font:bold 1.25rem/1.542rem "Microsoft Yahei"; }
.m-h2:before{z-index: 10; position: absolute;content: ""; left: 0rem; top:0.75rem; height: 1px; width: 100%; overflow: hidden;
background: #edeae3; /* Old browsers */
background: -moz-linear-gradient(left,  #edeae3 0%, #c3b38d 50%, #ebe7de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #edeae3 0%,#c3b38d 50%,#ebe7de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #edeae3 0%,#c3b38d 50%,#ebe7de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeae3', endColorstr='#ebe7de',GradientType=1 ); /* IE6-9 */
}
.m-h2 em {
    width: 16.542rem;
    margin: 0 auto 0.208rem;
    height: 1.9rem;
    overflow: hidden;
    position: relative;
    z-index: 20;
    display: block;
    border: 0.083rem solid #C9120A;
    color: #333;
    font: bold 1.3rem "Microsoft Yahei";
    background: #fff;
    line-height: 1.9rem;
}
.m-h2 i{ display: block;color: #999;font:0.667rem/1.042rem "Times New Roman", Times, serif; }
.m-h2 b{color: #cc3500;}
.m-part .prev , .m-part .next{ position:absolute; z-index:99; width:1.083rem; height:1.792rem; overflow:hidden; top:7.583rem;}
.m-part .prev { left:0.833rem;}
.m-part .next{ right:0.833rem;}
.m-part .sclwrap_box ,.m-part .m-box{  overflow:hidden;}
.m-part .con{ display:inline; float:left; width:100%;}
.m-part .con ul{margin:0 auto;  width:20.75rem; overflow:hidden;}
.m-part .con ul li{ float:left; line-height:0rem; width:9.375rem; overflow:hidden;}
.m-part .con ul li img{ border:1px solid #d0d0d0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;height: 4em;}
.m-part .con ul li span{ display:block; text-align:center; color:#666; height: 2.333rem; font:0.833rem/2.333rem "Microsoft Yahei";white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.m-part .con ul li:nth-child(2){ float: right;}
/*m-case2-----------------------------------------------------------------------------------------*/
.m-case2{ position: relative; overflow: hidden; margin-top:20px; margin-bottom:20px;}
.m-case2 .m-h2{margin:0rem auto 0.117rem;}
.m-case2 .prev , .m-case2 .next{ position:absolute; z-index:99; width:2.5rem; height:2.5rem; overflow:hidden; top:16.792rem;}
.m-case2 .prev { left:7.167rem;}
.m-case2 .next{ right:7.167rem;}
.case2_c img{ width:90% !important; height:auto !important;}
.m-case2 .sclwrap_box ,.m-case2 .m-box{ overflow:hidden;}
.m-case2 .con{ display:inline; float:left; width:100%;}
.m-case2 .con .case2_c{ position:relative; z-index: 50; width:100%;margin:0 auto; overflow:hidden;}
.m-case2 .con dl {
    float: left;
    width: 33%;
    overflow: hidden;
}
.m-case2 .con dt{  width: 100%; text-align:center; padding-top:10px;}
.m-case2 .con dt img{height: 5em;}
.m-case2 .con dd {
    padding: 0 0.417rem;
    text-align: center;
    color: #FFFFFF;
    font: 0.833rem/1.25rem "Microsoft Yahei";
    margin-top: -40px;
}
.m-case2 .con dd h3{ margin-bottom: 0.333rem; position: relative; display:block; color:#fff; height: 2.333rem; font: 1.1rem/2.187rem "Microsoft Yahei";}
.m-case2 .con .case2_c p{ text-align: center; width: 7.25rem; height: 2.5rem; overflow: hidden; margin:0 auto;font:1.5rem/2.5rem "Microsoft Yahei"; color: #333;}
.m-case2 .con .case2_c p em{ color: #373737;font:2.5rem/2.5rem "Microsoft Yahei";}
/*m-ys-----------------------------------------------------------------------------------------*/
.m-ys{ position:relative; height:19rem; overflow:hidden;}
.m-ys .m-h2{margin:0rem auto 0.875rem;}
.m-ys .m-h2 em{ width: 15.333rem;}
.m-ys .m-cnt{ margin:0 auto; height:0.833rem; width:5.792rem; overflow:hidden;}
.m-ys .m-cnt li{float:left; margin-right:1.583rem; height:0.792rem; width: 0.792rem; overflow:hidden; background: #f7f7f7; border:0.125rem solid #bebebe; border-radius: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ys .m-cnt li.z-on{ border:0.125rem solid #C9120A; border-radius: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ys .m-cnt li:nth-child(3){ margin-right: 0rem;}
.m-ys .sclwrap_box , .m-ys .m-box{ height:12rem; overflow:hidden;}
.m-ys .con{float:left; width:100%; display:inline;}
.ys_c dl{ height: 5.208rem; width:25.0rem;  overflow:hidden; margin:0 auto 0.625rem;}
.ys_c dl dt{float: left; width:2.25rem; height:100%; overflow:hidden;background: #C9120A; color:#FFFFFF; font-family: "Microsoft Yahei"; font-size:1.9rem; line-height:1.5em;}
.ys_c dl dd{ float: right; height:100%; width: 22.5rem; overflow:hidden; background: #ededed; padding:0.417rem;  font:0.833rem/1.25rem "Microsoft Yahei"; color: #444444; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.ys_c dl dd h3{ height: 1.8rem; width: 100%;  font:bold 1rem/1.8rem "Microsoft Yahei"; color:#444444;background:url(/mobile/Images/Index/ys_l.gif) no-repeat right center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:13.333rem 0.417rem }
.ys_c dl dd em{ color: #373737;}
/*m-kh-----------------------------------------------------------------------------------------*/
.m-kh{ position: relative; height: 20.833rem; width: 100%; overflow: hidden;}
.m-kh .m-cnt{margin-bottom: 1.417rem; width: 100%; background: #C9120A; height:2.75rem; overflow:hidden; }
.m-kh .m-cnt li{ float:left; text-align:center; width:30%; height:2.75rem; color:#fff; font:1rem/2.75rem "Microsoft Yahei"; overflow:hidden;  }
.m-kh .m-cnt .z-on{ background: #373737; font-weight: bold;}
.m-kh span{ display: block; position:absolute; right:0rem; top:0rem;  height:2.75rem; width:4.792rem; text-align:center;  font:0.75rem/2.75rem "Microsoft Yahei"; color:#fff;}
.m-kh .sclwrap_box , .m-kh .m-box{ height:16.67rem; overflow:hidden;}
.m-kh .con{float:left; width:100%; display:inline;}
.kh_c dl{ position: relative; height: 7.292rem; width:25.0rem;  overflow:hidden; margin:0 auto 0.5rem;}
.kh_c dl dt{ z-index: 10; position: absolute;  top:0rem; width:7.292rem; height:100%; overflow:hidden; border-radius: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.kh_c dl dt img{ height:100%;}
.kh_c dl dd{ z-index: 5; position: absolute; right: 0rem;top:0.583rem;  height: 6.25rem; width:19.75rem; overflow:hidden;  font:0.833rem/1.25rem "Microsoft Yahei"; color: #646464; padding:0 0.8rem 0 2.8rem; border-radius: 0.15rem;background: #ededed;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.kh_c dl dd h3{padding-top: 0.417rem; font:bold 0.917rem/1.667rem "Microsoft Yahei"; color:#4c4c4c;}
.kh_c dl dd em{ color: #373737;}
.kh_c .kh_dl2 dt{ position: absolute; z-index: 10; right: 0rem; top:0rem;}
.kh_c .kh_dl2 dd{ position: absolute; z-index: 5; left: 0rem; top:0.583rem; padding:0 2.8rem 0 0.8rem;}
/*m-bann1-----------------------------------------------------------------------------------------*/
.m-bann1{ width: 100%; overflow: hidden;}
.m-bann1 img{height: 7.67rem;}
/*m-about-----------------------------------------------------------------------------------------*/
.m-about{ position:relative; height:25.083rem; overflow:hidden;background:url(/mobile/Images/Index/ab_bj.jpg) no-repeat center bottom;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-about .m-h2{margin:1.917rem auto 0.75rem;}
.m-about .m-h2 em{ width: 8.333rem;}
.m-about .m-cnt{ margin:0 auto; height:2.167rem; width:18.083rem; overflow:hidden;}
.m-about .m-cnt li{float:left; width: 8.125rem; height:2.167rem;overflow:hidden; font:0.917rem/2.167rem "microsoft Yahei"; color:#C9120A;  text-align: center; background: #eee; border-radius: 0.15rem; border: 0.083rem solid #C9120A;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
.m-about .m-cnt li.z-on{color:#fff;  text-align: center; background: #C9120A; border-radius: 0.15rem; border: 0.083rem solid #C9120A;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
.m-about .m-cnt li:nth-child(2){ float: right;}
.m-about .sclwrap_box , .m-about .m-box{ height:13.667rem; overflow:hidden;}
.m-about .con{float:left; width:100%; display:inline;}
.about_c p{ width:21.5rem; height: 12.375rem;  overflow:hidden; margin:0 auto;   }
.about_c p img{ height: 12.375rem; }
.about_c p span{ display:block; clear:both;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about_c p .about_c_img img{ height: 10.5rem; }
/*m-cul-----------------------------------------------------------------------------------------*/
.m-cul{ height: 14.667rem; width: 100%; overflow: hidden;}
.m-cul .c-list{margin-bottom: 1.667rem; width: 100%; background: #C9120A; height:2.75rem; overflow:hidden; }
.m-cul .c-list li{ float:left; text-align:center; width:25%; height:2.75rem; color:#fff; font:1rem/2.75rem "Microsoft Yahei"; overflow:hidden;  }
.m-cul .c-list .z-on{ background: #373737; font-weight: bold;}
.cul{ position:relative; height:10.333rem; overflow:hidden;}
.cul .prev , .cul .next{ position:absolute; z-index:20; width:0.833rem; height:2.792rem; overflow:hidden; top:2.208rem;}
.cul .prev { left:0.417rem;}
.cul .next{ right:0.417rem;}
.m-cul .sclwrap_box,.m-cul .no_ov{ height:10.333rem; overflow:hidden;}
.m-cul .m-box{ display:inline; float:left; width:100%;}
.cul ul{width:22.583rem; overflow:hidden; margin:0 auto;}
.cul li{float: left; width:10.917rem;  overflow:hidden;}
.cul li img{height:8rem;}
.cul li em{ display: block; font:0.833rem/1.15rem "Microsoft Yahei"; text-align:center; color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cul ul li:nth-child(2){ float:right;}
/* news----------------------------------------------------------------------------------------*/
.m-news{ position:relative; overflow:hidden;}
.m-news .m-cnt{margin-bottom: 0.875rem; width: 100%; background: #C9120A; height:2.75rem; overflow:hidden; }
.m-news .m-cnt li{ float:left; text-align:center; width:25%; height:2.75rem; color:#fff; font:1rem/2.75rem "Microsoft Yahei"; overflow:hidden;  }
.m-news .m-cnt .z-on{ background: #373737; font-weight: bold;}
.m-news span{ display: block; position:absolute; right:0rem; top:0rem;  height:2.75rem; width:4.792rem; text-align:center;  font:0.75rem/2.75rem "Microsoft Yahei"; color:#fff;}
.m-news .sclwrap_box , .m-news .m-box{ height:8.5rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}
.news_c ul{width:24.792rem;  overflow:hidden; margin:0 auto;}
.news_c ul li{ position: relative; padding-left: 0.625rem; height: 1.933rem; overflow:hidden; color: #666666; font:1rem/1.75rem "Microsoft Yahei";  background:url(../images/new_ic2.gif) no-repeat left bottom; background-size:100% 0.083rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_c ul li:before{ position: absolute;content: ""; left: 0rem; top:0.708rem; width: 0.25rem; height: 0.292rem; overflow: hidden; background:url(../images/new_ic.gif) no-repeat left top; background-size:0.25rem 0.292rem}
.news_c ul a:nth-child(5) li{ background: none;}

.project_list {padding: 0em 0.4em; background: #f4f5f9;}

.project_list li {float: left; width: 23%; padding: 0.2em 1% 0.2em;}

.project_list li a {background: rgba(233,58,61,0.7); display: block; text-align: center; padding: 5px 0; height: 80px;}

.project_list li:nth-child(2) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(4) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(5) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(7) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(10) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(12) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(13) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(15) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(18) a {background: rgba(167,175,241,0.7);}

.project_list li:nth-child(20) a {background: rgba(167,175,241,0.7);}

.project_list li img {width: 60%;}

.project_list li .name {font-size: 1.0rem; color: #fff; line-height: 1.2em;}

.project_list li.more a {font-size: 30px; color: #fff; line-height: 74px;}

@media (max-width: 415px) {

    .project_list li a {height: 90px;}

    .project_list li.more a {line-height: 84px;}

}

@media (max-width: 375px) {

    .project_list li a {height: 80px;}

    .project_list li.more a {line-height: 74px;}

}

@media (max-width: 320px) {

    .project_list li a {height: 70px;}

    .project_list li.more a {line-height: 64px;}

}