@charset "utf-8";
.fdfenca li{
    color: #666;
}
.phone_show{
    display: none;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
@media screen and (max-width:768px) {
    html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 12px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
@media screen and (max-device-width: 320px){
    body{-webkit-text-size-adjust:none}
}
@media screen and (max-device-width: 480px){
    body{-webkit-text-size-adjust:none}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
    body{-webkit-text-size-adjust:none}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    body{-webkit-text-size-adjust:none}
}
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}
a{color: #666;}
.both{
    clear: both;
}
.song{
    font-family: '宋体';
}
.overflow{
    overflow: hidden;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
    .right_fix{
        display: none;
    }
    .phone_hide{
        display: none;
    }
    .phone_show{
        display: block;
    }
    body {
        min-width: 100%;
    }
    body {
        width: 100%;
        position: relative;
        right: 0;
        transition: all linear .5s;
    }
    .head-phone{
        height: 50px;
        display: block;
    }
    .head-logo{
        margin-left: 6px;
    padding-top: 8px;
    }
    .head-logo a{
        display: block;
        overflow: hidden;
    }
    .head-logo a span{
        width: 150px;
        height: 50px;
        margin-right: 4px;
    }
    .head-phone .head-logo img{
        width: 200px;
    }
    .l-txt{
        width: auto;
    }
    .l-txt .l-p3{
        display: none;
    }
    .head-phone:after{content: '';display: table;clear: both;}
    .top_cen{
        display:block;
        margin-right: 6px;
        margin-top: 6px;
    }
    .top_cen a{
        font-size: 58px;
        font-weight: 500;
        color: #333;
        line-height: 28px;
        height: 38px;
        width: 38px;
        display: block;
        text-align: center;
    }
    .top_cen a.active{
        display: none;
    }
    .top_cen span{
        display: block;
        width: 34px;
        height: 4px;
        background-color: #333;
        margin: 6px 0;
    }
    .navlist_mo{
        display: block;
        position:fixed;
        top: 0;
        right: -50%;
        bottom: 0;
        width: 50%;
        background-color: #212020;
        transition: all linear .5s;
    }
    .navlist_mo>li{
        background-color: #212020;
    }
    .navlist_mo>li>a{
        color:#ffffff;
        display: block;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        padding:20px 0;
        padding-left: 20px;
        transition: all .5s;
        position: relative;
    }
    .navlist_mo>li.active>a{
        background-color: #303030;
    }
    .navlist_mo>li a:after{
        top: 1.4rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navlist_mo>li a:not([href]):after{
        content: "";
        display: block;
        position: absolute;
        left: 128px;
        top: 24px;
        width: 9px;
        height: 9px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transition: all .3s ease 0s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navlist_mo>li.active a:not([href]):after{
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .navlist_mo>li .abm_nav{
        display: none;
        height: 0;
        transition: all .5s;
    }
    .navlist_mo>li.active .abm_nav{
        display: block;
        height: auto;
    }
    .navlist_mo>li .abm_nav li{
        background-color: #080808;
    }
    .navlist_mo>li .abm_nav li.active a{
        color: #0763a4;
    }
    .navlist_mo>li .abm_nav li a{
        color:#ffffff;
        display: block;
        font-size: 16px;
        line-height: 20px;
        padding:12px 0;
        padding-left: 20px;
        transition: all .5s linear;
        -moz-transition: all .5s linear;
        -webkit-transition: all .5s linear;
    }
   .navlist_mo>li .abm_nav li:nth-child(3) {
    display: none;
}
    .slide-item{
        width: 100%;
    }
    .auto1150 {
        width: 100%;
    }
    .slide-cont{
        width: 100%;
    }
    .slide-cont .h1 {
        font-size: 30px;
    }
    .slide-cont .h1 span {
        font-size: 18px;
    } 
    .slide-cont {
        line-height: 25px;
        width: 100%;
        padding: 30px 10px;
        min-height: 140px;
        height: auto;
    } 
    .slide-item {
        min-width: 100%;
    }  
    .thumbs{
        width: 100%;
    }
    .erjitit {
        text-align: center;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        margin-top: 25px;
    }
    #footer {
        min-width: 100%;
    }
    .index_Anli li {
        height: 200px;
    }   
    .index_Anli li .anliceng_1 {
        top: 5px;
        width: 100%;
        position: absolute;
        left: 50%;
        margin-left: -50%;
    }
    .index_Anli li #more{
        display: none;
    }
    .index_Anli li .tit {
        font-size: 18px;
        margin-top: 0px;
    }
    .fdstory li{
        display: none;
    }
    .fdstory li.on {
        width: 100%;
        display: block;
    }
    .fdstory li.on .fdstorymb {
        width: 50%;
        padding: 20px 10px;
    }
    .fdstory li .fdstorymb p {
        width: 100%;
        padding-left: 0;
    padding-right: 0;
    }
    .fdstory li .fdstorymb .tit {
        font-size: 20px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .fdstory li #more {
        bottom: 56px;
    }
    .ditan li {
        width: 48%;
        margin-right:1%;
        margin-left:1%;
        height: 260px
        }
        .ditan li p{

        padding:0 15px;
    }
    .ditan li div {
        margin-top: 40px;
    }
    .index_news ul {
        width: 100%;
        padding-left: 0;
    }
    .index_news li {
        padding: 0 15px;
    }
    .index_news li span{
        display: none;
    }
    .fdrecruit #more{
        top: 15px;
        left: 171px;
    }
    .fdrecruit span:nth-child(1){
        font-size: 18px !important;
    }
    #footer>div>dl{
        display: none;
    }
    #footer>div>div.ddt{
        display: none;
    }
    #footer .auto1150{
        padding-bottom: 0 !important;
    }
        
    .dd ul {
        float: none;
        display: flex;
        justify-content: center;
    }
    .ziermeun {
        width: 100%;
        display: none;
    }
    .xinxi {
        width: 100%;
        padding:30px 0;
    }
    .xinxi p{
        padding: 0 20px;
    }
    .xinxi p:nth-child(2){
        font-size: 34px !important;
    }
    .crumbs{
        text-align: left;
        /* padding: 0 15px; */
    }
    .lianxi{
        display: none;
    }
    .baliuling {
        width: 100%;
        float: none;
    }
    .crumbs a:nth-child(1){
        margin-left: 10px;
    }
    .baliuling p{
        padding: 0 10px;
        text-align: left !important;

    }
    .sb1>div{
        width: 100% !important;
    }
    .sb1>div:nth-child(1){
        padding: 30px 0 !important;
        height: auto !important;
    }
    .sb4>div{
        width: 100% !important;
        padding: 20px 0 !important;
        height: auto !important;
    }
    .sb4>div img{
        width: 100%;
    }
    .RCtit{
        box-sizing: border-box;
        padding: 0 10px;
    }
    .RCtit #more{
        right: 10px;
    }
    .RelatedCases li{
        float: none;
        width: 100%;
    }
    .RelatedCases li .tit{
        display: inline-block;
        box-sizing: border-box;
    }
    .dd{
        text-align: center;
    }
    .dd>div{
        margin-bottom: 15px;
    }
    #zhongji{
        width: 100% !important;
    }
    .yaome {
        width: 100%;
        box-sizing: border-box;
        padding: 0 95px;

    }
    .yaome .slide {
        background-size: contain;
    }
    .paixu li div {
        width: 200px;
    }
    .paixu li span {
        font-size: 16px;
    }
    .jan{
        width: 100% !important;
        box-sizing: border-box;

    }
    .jan_img img{
        width: 100% !important;
    }
    .jan_imgs img{
        width: 100% !important;
        height: auto;
    }
    .jan_text{
        padding: 20px 10px;
        box-sizing: border-box;

    }
    .fdwenhua .div1{
        width: 100% !important;
        box-sizing: border-box;
        height: auto;
    }
    .fdwenhua .div2 img {
        width: 100% !important;
    }
    .lanren {
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;

    }
    .lanren ul.list li {
        width: 48%;
        margin: 0px 1% 29px 1% !important;
    }
    .lianxiyem{
        box-sizing: border-box;
    }
    .lianxiyem .l {
        width: 100%;
        margin-left: 0;
    }
    .lianxiyem .r {
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        margin-left: 0;
        padding: 0 10px;

    }
    .my-map {
        width: 100% !important;
    }
    body{
        min-width: 100% !important;
    }
    .lianxiyem .l img{
        margin-top: 30px !important;
    }
    .shehuitop{
        box-sizing: border-box;
        height: auto;
        padding: 20px;
        background-size: cover;
    }
    .shehui {
        width: 100%;
        float: none;
    }
    .erjiTit {
        font-size: 22px;
        padding: 0 10px;
    }
    .shehuitop>div{
        box-sizing: border-box;
        width: 100% !important;
    }
    .shehuitop p{
        box-sizing: border-box;
        width: 100% !important;
    }
    .shehui{
        box-sizing: border-box;
        padding: 0 10px;
    }
    .xinxi2 p:nth-child(2){
        font-size: 28px !important;
    }
    .shizgz li .div1 {
        width: 40%;
        background-size: 100% 100% !important;
        font-size: 16px;
    }
    .shizgz li .div2 {
        width: 60%;
        box-sizing: border-box;
        height: 120px;
        padding: 0 10px;
        padding-top: 10px;
    }
    .shizgz li .div2 p:nth-child(1){
        font-size: 14px !important;
    }
    .shizgz li .div2 p:nth-child(2){
        font-size: 12px !important;
    }
    .companyNewsimg{
        display: none;
    }
    .companyNews {
        width: 100%;
    }
    .companyNews li .newscom {
        width: 50%;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .companyNews li .newsimg {
        width: 50%;
    }
    .companyNews li .newscom h2 {
        font-size: 14px;
        height: 42px;
        overflow: hidden;
    }
    .companyNews li .newsimg img {
        width: 100%;
        height: 100%;
    }
    .companyNews li .newscom p {
        font-size: 12px;
        height: 42px;
        overflow: hidden;
    }
    .companyNews li .newscom span {
        margin: 6px auto;
    }
    #contentPage {
        width: 100%;
        float: none;
        margin-left: 0;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .msg img{
        width: 100%;
        height: auto;
    }
    .industrynews {
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .fdfenca li{
        color: #666;
    }
    .fdfenca li .div1{
        width: 50%;
    }
    .fdfenca li .div1 img{
        width: 100%;
        min-height: 150px;
    }
    .fdfenca li .div2{
        width: 50%;
    }
    .fdfenca li {
        width: 100%;
    }
    .renclin {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;

    }
    .rcyfzli {
        margin-top: 20px;
    }
    .rcyfzli li{
        margin-bottom: 20px;
    }
    .rcyfzli li p{
        width: 100%;
        height: 160px;
        overflow: hidden;
        padding: 10px !important;
        box-sizing: border-box;
        margin-top: 40px !important;
    }
    .rcyfzli li img{
        width: 100%;
        height: 100%;
    }
    .zhaoplist li {
        width: 100%;
        background: none;
        padding-left: 15px;
        box-sizing: border-box;
    }
    .zhaoplist li a{
        font-size: 14px;
    }
    .zhaoplist li .time {
        margin-right: 100px;
    }
    .zhaoplist li .more {
            right: 10px;
    }
}