/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
body{background:#fff;}

.head{height:128px;background:#fff;top:0;left:0;width:100%;z-index:100;}

.head_content{height:100%;}

.welcome{height:45px;background:#F5F5F5;line-height:45px;}

.welcome .fl,

.welcome i{font-size:14px;color:#666;}



.head_t_box {

  background: #F7F7F7;

  line-height:35px;

}



.head_top {

  height: 35px;

  justify-content: space-between;

  align-items: center;

}



.head_t_left{font-size:12px;color:#666666;}

.head_t_right ul li {

    border-right: 2px dashed #666666;

    color: #666666;

    font-size: 12px;

    text-align: center;

    padding:0 10px;

    height:25px;

    margin:5px 0;

    line-height:25px;

}

.m_head,.m_Partner,.m_whole,.m_footer,.db_hei{display:none;}

.head_t_right ul li:last-child {

  border: none;

}



.head_t_right ul li a {

  color: inherit;

  font-size: inherit;

}



.logo{display:block;}

.nav_box{height:64px;background:#00323C;background-size: 100% 100%;position:fixed;top:0;left:0;width:100%;z-index:101;}

.nav{height:100%}

.nav ul{height:100%;}

.nav ul>li{height:100%;position:relative;width:110px;position: relative;}

.nav ul>li::after{

    content:'';display:block;height:4px;

    width:0;background:#19D3C5;bottom:0;

    left:0;position: absolute;

    transition:width 0.5s;

}

.nav ul>li:hover::after{width:100%;transition:width 0.5s;}

.nav li{text-align:center;}

.nav ul>li > a {padding:0 5px;font-size:16px;position: relative;color:#fff;line-height: 60px;}

.nav a{display:block;color:#333;font-size:16px;height:100%;}

.nav_En{font-size:12px;color:#A0CBFB;padding-top:3px}

.gzhewm{padding:15px;background:#fff;z-index:99;width:155px;height:155px;position: absolute;top:60px;left:50%;transform: translateX(-50%);display:none;}

.gzhewm::after{

    content:'';display:block;

    width:0;height:0;border:5px solid #fff;

    border-bottom-color:transparent;

    border-right-color:transparent;

    transform: rotate(45deg) translateX(-50%);

    position: absolute;top:0px;

    left:50%;

}

.nav ul>li.show_ewm:hover .gzhewm{display:block}

.ewm_img{width:95px;height:95px;border:1px solid #19D3C5;padding:3px;margin:0 auto}

.gzhewm p{font-size:12px;color:#666;line-height:1.8}





.twoMenu{display:none;background:#fff;position: absolute;left:-50%;width:490px;box-shadow: 0 0 15px #ddd;margin-left:-245px;top:57px;padding-bottom:20px;z-index:99}

.twoMenu li{padding:none;}

.twoMenu li:hover{background:#252a83;}

.twoMenu li:hover a{color:#fff;}

.twoMenu a{background-image:none;font-size:14px;padding-left:28px;text-align:left;}

.twoMenu_list {width:205px;}

.twoMenu_list li{height:50px;}

.twoMenu_list li + li{border-top:1px solid #ddd;}

.twoMenu_list li a{line-height:50px;}

.twoMenu_list li:hover{background:#00922C}

.twoMenu_list li:hover a{color:#fff !important;}

/* .tel_icon{display:inline-block;width:35px;height:35} */

.head_ewm{padding-top:20px;}

.head_ewm img{width:85px;}

.head_tel{text-align:left;position: relative;padding-left:45px;background:url(../images/tel_icon.png)/*tpa=http://www.yzfangcun.com/style/images/tel_icon.png*/ no-repeat left center;margin-left:15px;margin-top:30px}

.head_tel p{display:inline-block;position: relative;font-size:14px;color:#333333}

.head_tel p span{color:#095AB5;font-size:24px;display:block;font-weight:bold}

.search{position: absolute;right:0;top:0}

.search_btn{display:inline-block;width:40px;height:40px;background:#00922C url(../images/search.png)/*tpa=http://www.yzfangcun.com/style/images/search.png*/ no-repeat center;cursor: pointer;}

.twoMenu_list_right {padding:20px 25px 20px 5px;position: absolute;right:0;top:0}

.twoMenu_list_info {font-size:12px;color:#666}

.lang{width:100px;background:#fff;border-radius:50px;height:30px;line-height:30px;position: relative;cursor: pointer;margin-top:13px;}

.lang span{display:block;width:100%;height:100%;padding-left:15px;color:#333;font-size:14px;background:url(../images/arrow-up.png)/*tpa=http://www.yzfangcun.com/style/images/arrow-up.png*/ no-repeat 98% center;;}

.lang ol{position: absolute;top:30px;left:0;width:100%;padding:10px 0 10px 15px;background:#fff;z-index:99;border-radius:10px;box-shadow:0 0 10px #ddd;text-align:left;display:none;}

.lang ol a{line-height:30px;text-align:left;}





.banners{position: relative;}

.banners .swiper-pagination,.cooperation .swiper-pagination{left:50%;transform: translateX(-50%);bottom:20px}

.banners .swiper-pagination{bottom:125px;}

.swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}

.banners .swiper-pagination-bullet{width:15px;height:15px;opacity: 1;background:#fff;border:2px solid #fff;outline:none;}

.banners .swiper-pagination-bullet-active,

.cooperation .swiper-pagination-bullet-active{background:transparent}

.banners .swiper-button-next,.banners .swiper-button-prev{background-color:rgba(0,0,0,.5);width:55px;height:55px;background-size:15px}

.banners_entrance{height:115px;background:rgba(0,0,0,0.5);padding:20px 0;position:absolute;bottom:0;left:0;width:100%;z-index:99;}

.banners_entrance li{background:url(../images/rk_bg_03.jpg)/*tpa=http://www.yzfangcun.com/style/images/rk_bg_03.jpg*/;border-radius: 5px;height:100%;}

.banners_entrance li:hover{background:url(..../images/btn_bg_03.jpg)/*tpa=http://www.yzfangcun.com/style/css/..../images/btn_bg_03.jpg*/}

.banners_entrance li a{justify-content: center;align-items:center;color:#fff;height:100%;}

.banner_enInfo{font-size:30px;padding-left:12px;}

.banner_enInfo p{font-size:14px;}



/**/   

.hot-mobile {

    position: relative;

    background: #FFFFFF;

    height: 204px;

}

.hot-mobile ul {

    height: 204px;

    padding: 64px 0px;

    width: 1200px;

    margin: 0 auto;

    position: absolute;

    top: -50px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 99;

    background: #FFFFFF;

    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 0 24px 0 rgba(0, 0, 0, 0.04);

    border-radius: 10px;

}

.hot-mobile ul li {

    width: 24%;

    display: inline-block;

}

.hot-mobile ul li .number {

    position: relative;

    line-height: 42px;

    font-size: 36px;

    color: #666666;

    letter-spacing: 0;

    text-align: center;

}

.hot-mobile ul li .number .counter {

    position: relative;

}

.hot-mobile ul li .number .sup {

    display: inline-block;

    position: relative;

    top: -20px;

    left: 0px;

    color: #19d3c5;

    font-size: 20px;

}

.hot-mobile ul li .type {

    text-align: center;

    font-family: PingFangSC-Light;

    font-size: 16px;

    color: #999999;

    letter-spacing: 0;

    line-height: 28px;

}



/*下单*/

.immediatelyOrder {

    position: relative;

    background-color: #fff;



    padding-bottom: 60px;

    padding-top: 70px;

    z-index: 0; height:490px;background: #F5F5F5; overflow:hidden

}

.immediatelyOrder .i-left {

    position: relative;

    display: inline-block;



    width: 100%;


}

.immediatelyOrder .i-left .i-content {

    z-index: 2;

    position: relative;

    margin: 0 auto;

    width: 1200px;


}

.immediatelyOrder .i-left .i-content .c-left {

    padding-left: 73px; float:left

}

.immediatelyOrder .i-left .i-content .c-left .l-Title {

    width: 520px;

    padding: 62px 0px 32px 0px;

    font-size: 22px;

    color: #666666;

    text-align: justify;

    line-height: 26px;

}

.immediatelyOrder .i-left .i-content .c-left ul {

    padding-bottom: 59px;

}

.immediatelyOrder .i-left .i-content .c-left ul li {

    display: inline-block;

    padding-right: 84px;

}

.immediatelyOrder .i-left .i-content .c-left ul li p {

    font-size: 18px;

    color: #2A2A2A;

    text-align: justify;

    line-height: 27px;

    font-weight: 500;

}

.immediatelyOrder .i-left .i-content .c-left ul li p span {

    font-size: 14px;

    color: #2A2A2A;

    text-align: justify;

}

.immediatelyOrder .i-left .i-content .c-left ul li span {

    font-size: 12px;

    color: #999999;

    text-align: justify;

}

.immediatelyOrder .i-left .i-content .c-left a {

    display: inline-block;

}

.immediatelyOrder .i-left .i-content .c-left a .retrunOrder {

    width: 160px;

    height: 48px;

    background-color: #fff;

    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);

    border-radius: 34px;

    padding-left: 28px;

}

.immediatelyOrder .i-left .i-content .c-left a .retrunOrder span {

    font-size: 16px;

    line-height: 48px;

    color: #999999;

}

.immediatelyOrder .i-left .i-content .c-left a .retrunOrder .arrowsTheme {

    margin-left: 14px;

    display: inline-block;

    background-image: url(../images/arrowsMini.png)/*tpa=http://www.yzfangcun.com/style/images/arrowsMini.png*/;

    background-size: contain;

    width: 20px;

    height: 12px;

}

.immediatelyOrder .i-left .i-content .i-right {

    position: absolute;

    right: 0px;

    top: 30px;

    z-index: 99;

    width: 556px;

    height: 348px;

    background-color: #fff;

    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);

    border-radius: 10px;

    padding: 40px 90px 0px 90px;

}

.immediatelyOrder .i-left .i-content .i-right .t-title {

    font-size: 20px;

    color: #333333;

    line-height: 24px;

    margin-bottom: 20px;

}

.immediatelyOrder .i-left .i-content .i-right input {

    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    border-radius: 4px;

    width: 376px;

    height: 40px;

    margin-bottom: 20px;

    padding-left: 20px;

    background: #F5F5F5;

    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    -o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}

.immediatelyOrder .i-left .i-content .i-right .t-vcode {

    width: 266px;

    display: inline-block;

    margin-bottom: 0px;

    vertical-align: top;

}

.immediatelyOrder .i-left .i-content .i-right .t-getvcode {

    display: inline-block;

    padding-left: 8px;

    width: 102px;

    height: 40px;

    border: 1px solid #eee;

    border-radius: 4px;

    font-size: 14px;

    text-align: center;

    color: #19D3C5;

    line-height: 40px;

    cursor: pointer;

    margin-bottom: 0px;

}

.immediatelyOrder .i-left .i-content .i-right .t-onekeyOrder {

    margin-top: 20px;

    cursor: pointer;

    width: 376px;

    height: 48px;

    background-color: #19d3c5;

    text-align: center;

    line-height: 48px;

    font-size: 16px;

    color: #FFFFFF;

    border-radius: 4px;

    border: none;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}



.box-top {

    text-align: center;

    padding: 30px 0;

}

.box-top h3 {

    font-size: 32px;

    color: #3ca6ab;

}

.box-top h3 span {

    font-size: 32px;

    font-weight: bold;

    color: #3ca6ab;

}

.box-top i {

    display: inline-block;

    height: 2px;

    width: 60px;

    background: #f21439;

    margin-bottom: 5px;

}

.box3 ul {

    clear: both;

    overflow: hidden;

}

.box3 ul li {

    float: left;

    width: 25%;

    text-align: center;

    margin-bottom: 20px;

}

.box3 ul li .img {

    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 120px;

    height: 106px;

    border-radius: 4px;

}

.box3 ul li h3 {

    text-align: center;

    font-size: 18px;

    margin-top: 10px;

}

.showFigure {

    margin-top: 30px;

    width: 100%;

    overflow: hidden;

}

.showFigure ul {

    width: 1200px;

    margin: 0 auto;

}

.showFigure li {

    margin-left: 20px;

    width: 380px;

    text-align: left;

    float: left;

    margin-bottom: 30px;

    box-shadow: 0 0 10px #eee;

    position:relative;top:0;

    transition: top 0.5s;

}

.showFigure li:hover{

    top:-10px;

    transition: top 0.5s;

}

.showFigure li>p:first-child {

    padding: 0;

    width: 100%;

    height: 240px;

    overflow: hidden;

}

.showFigure li img {

    width: 380px;

    height: 240px;

    display: block;

    transition: 0.4s linear;

    top: 0;

    position: relative;

    left: 0;

}

.showFigure li p.bold {

    padding-top: 30px;

    padding-bottom: 6px;

    font-weight: 700;

    font-size: 20px;

    color: #333;

}

.showFigure li p {

    font-size: 14px;

    background: #fff;

    color: #555;

    padding:15px;

    overflow: hidden;

}

.showFigure li img:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

.aboutCompany {

    width: 100%;

    height: 410px;

    background-image: url(../images/aboutusSDXbottom2.png)/*tpa=http://www.yzfangcun.com/style/images/aboutusSDXbottom2.png*/;

    background-size: 100% 100%;

    margin-bottom: 60px;

    position: relative;

}

.aboutCompany .marginBox {

    height: 410px;

    margin: 0 auto;

    position: relative;

}

.aboutCompany .box {

    height: 300px;

    background-color: #19D5C3;

    border-radius: 12px;

    position: relative;

    top: 60px;

    left: 60px;

    width: 870px;

    padding-left: 80px;

    padding-right: 80px;

    padding-top: 48px;

}

.aboutCompany .box .a-title {

    font-size: 20px;

    color: #FFFFFF;

    letter-spacing: 0;

    line-height: 24px;

    padding-bottom: 20px;

}

.aboutCompany .box .a-content {

    font-size: 14px;

    color: #FFFFFF;

    letter-spacing: 0;

    text-align: justify;

    line-height: 24px;

}

.aboutCompany .box .aboutArrows {

    position: absolute;

    right: -70px;

    bottom: 40px;

    background: #FFFFFF;

    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);

    border-radius: 34px;

    height: 48px;

    width: 130px;

    line-height: 48px;

    font-size: 16px; text-align:center;

    color: #19D4C4;

}



.maintianInformation .headline {

    font-size: 24px;

    color: #212121;

    text-align: center;

    font-weight: 500;

    padding-top: 70px;

    padding-bottom: 6px;

    line-height: 33px;

}

.maintianInformation .subheadline {

    font-size: 16px;

    color: #999999;

    line-height: 22px;

    text-align: center;

}

.maintianInformation .selectInfo {

    margin: 0 auto;

    text-align: right;

}

.maintianInformation .selectInfo ul {

    padding-bottom: 30px;

}

.maintianInformation .selectInfo ul li {

    display: inline-block;

}

.maintianInformation .selectInfo ul li a {

    display: inline-block;

    text-align: center;

    width: 75px;

    height: 28px;

    line-height: 28px;

    font-size: 14px;

    color: #666666;

}

.maintianInformation .mian .s-leftContent {

    float: left;

    width: 556px;

   

    background: #FFFFFF;

    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);

    border-radius: 10px;

    margin-right: 46px;

    background: #FFFFFF;

}

.maintianInformation .mian .s-leftContent img {

    display: inline-block;

    width: 100%;

    height: 313px;

}

.maintianInformation .mian .s-leftContent .infoContent {

    padding: 30px 20px;

}

.maintianInformation .mian .s-leftContent .infoContent .InfoTitle {

    font-weight: 600;

    font-size: 14px;

    color: #333333;

    line-height: 24px;

    padding-bottom: 14px;

}

.maintianInformation .mian .s-leftContent .infoContent .InfoContent {

    font-size: 12px;

    color: #666666;

    text-align: justify;

    line-height: 22px;

    margin-bottom: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.maintianInformation .mian .s-leftContent .infoContent .infoTime {

    border-top: 1px solid #eee;

    position: relative;

    padding-top: 28px;

}

.maintianInformation .mian .s-leftContent .infoContent .infoTime span {

    font-size: 20px;

    color: #CCCCCC;

}

.maintianInformation .mian .s-leftContent .infoContent .infoTime i {

    position: absolute;

    right: 0px;

    text-align: right;

    display: inline-block;

    width: 20px;

    height: 12px;

    background-image: url(../images/arrowsMiniGray.png)/*tpa=http://www.yzfangcun.com/style/images/arrowsMiniGray.png*/;

    background-size: 100% 100%;

}

.maintianInformation .mian .s-rightContent {

    display: inline-block;

    width: 582px;

    min-height: 523px;

}

.maintianInformation .mian .s-rightContent ul li {

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    display: inline-block;

    width: 100%;

    min-height: 174px;

         width: 16.875em;
    border-radius: 0.25em;
    overflow: hidden;
    position: relative;
    cursor: pointer;

}


.maintianInformation .mian .s-leftContent{width: 36.5em;
    margin-right: 1.875em;
    border-radius: 0.25em;
    overflow: hidden;
    position: relative;
    cursor: pointer;}
.maintianInformation .mian .s-rightContent ul li:nth-child(1) {
    margin-bottom: 1.875em;
}
.maintianInformation .mian .s-rightContent ul li:nth-child(odd) {
    margin-right: 1.875em;
}

.maintianInformation .mian .s-rightContent ul li .rightContent {

    float: left;
 

}

.maintianInformation .mian .s-rightContent ul li .rightContent .g-malfunction-type-li-center-title {

    padding-left: 14px;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    font-size: 14px;

    color: #666666;

    line-height: 24px;

}

.maintianInformation .mian .s-rightContent ul li .rightContent .g-malfunction-type-li-center-title .circle {

    margin: 9px 0px;

    position: absolute;

    left: 0;

    width: 6px;

    height: 6px;

    background: #999999;

    border-radius: 50%;

}

.maintianInformation .mian .s-rightContent ul li .rightContent p {

    padding-top: 13px;

    overflow: hidden;

    margin-left: 12px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 12px;

    color: #666666;

    text-align: justify;

    line-height: 22px;

}

.maintianInformation .mian .s-rightContent ul li .leftContent {

    padding-left: 50px;

    float: left;

}

.maintianInformation .mian .s-rightContent ul li .leftContent .day {

    font-size: 24px;

    color: #CCCCCC;

    line-height: 33px;

}

.maintianInformation .mian .s-rightContent ul li .leftContent .arrows {

    margin-top: 20px;

    color: #ccc;

    text-align: right;

    border-left: 1px solid #ccc;

}

.maintianInformation .mian .s-rightContent ul li:hover {

    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);

}

.maintianInformation .mian .s-rightContent ul li:hover .rightContent .g-malfunction-type-li-center-title {

    color: #19d3c5;

    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

}



.Partner {

    position: relative;

}

.Partner .lineAll {

    width: 100%;

    height: 1px;

    background-color: #eee;

    position: absolute;

    top: 285px;

    z-index: 98;

}

.Partner .headline {

    font-size: 24px;

    color: #212121;

    text-align: center;

    font-weight: 500;

    padding-top: 70px;

    padding-bottom: 6px;

    line-height: 33px;

}

.Partner .subheadline {

    font-size: 16px;

    color: #999999;

    line-height: 22px;

    text-align: center;

}

.Partner .Partner-swiper {

    z-index: 99;

    position: relative;

    width: 1200px;

    

    margin: 0 auto;

    overflow: hidden;

    margin-top:30px;

}

.Partner .Partner-swiper .swiper-container1 {

    padding: 0 0px 30px;

}

.Partner .Partner-swiper .swiper-wrapper {

   

}

.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul {

    font-size: 0px;   border-top: 1px solid #eee; overflow:hidden

}

.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li:nth-child(5n) {

    border-right: 1px solid #eee;

}

.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li {

    float: left;

    height: 145px;

    width: 240px !important;

    border-left: 1px solid #eee;

    border-bottom: 1px solid #eee;

    border-top: none;

}

.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li img {

    display: inline-block;

    width: 100%;

    height: 100%;

}

.Partner .Partner-swiper .buttonFather {

    z-index: 9999;

    position: absolute;

    right: 0;

    top: 86px;

    width: 60px;

    height: 137px;

    background: #19D4C4;

    border-radius: 6px;

}

.Partner .Partner-swiper .buttonFather .swiper-button-prev1, .Partner .Partner-swiper .buttonFather .swiper-button-next1 {

    cursor: pointer;

    width: 100%;

    height: 50%;

}

.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000;

}

/*区域电话*/

.qytel .hd ul{flex-wrap:wrap;border:1px solid #ddd;}

.qytel .hd li{/*flex:1;*/cursor: pointer;line-height:60px;text-align:center;border-bottom:none;background:#fff;position: relative;font-size:18px;font-weight:bold;width:33.33%;border-right:1px solid #ddd}

.qytel .hd li::after{

    content:'';display:none;

    width:100%;height:1px;

    background:#f5f5f5;

    bottom:-1px;left:0;position: absolute;

    z-index:99;

}

.qytel .hd li.on{background:#f5f5f5;}

.qytel .hd li.on::after{display: block;}

.qytel .hd li:nth-child(1),.qytel .hd li:nth-child(2),.qytel .hd li:nth-child(3){border-bottom:1px solid #ddd;}

.qytel .hd li:last-child{border-right:1px solid #ddd;}

.qytel .hd li:nth-child(3n){border-right:none;}

.tempWrap{padding:20px;border:1px solid #ddd;background: #f5f5f5;border-top:none;}

.qytel .bd ul{flex-wrap:wrap;}

.qytel .bd li{width:25%;line-height:35px;}

.qytel .bd li span{width:25%;font-weight:bold;color:#666;}

.qytel .bd li p{width:75%;color:#666;padding-right:10px;}

/* 新闻 */

.category-wrp {

    width: 100%;

    height: 100%;

    display: inline-block;

}

.message-nav{

    width: auto;

    float: right;

    padding-right: 80px;

}

.message-nav .message-classify-right {

    position: relative;

    float: right;

    width: 88px;

    height: 46px;

    line-height: 46px;

    text-align: center;

    font-size: 14px;

    color: rgba(0, 0, 0, 0.65);

    border-bottom: 2px solid transparent;

    margin-right: 24px;

    cursor: pointer;

}

.message-nav .message-classify-right span {

    width: 0;

    height: 4px;

    position: absolute;

    background-color: #19d3c5;

    box-sizing: border-box;

    bottom: 0;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    padding: 0;

    left: 0;

    display: block;

}

.message-nav .message-classify-right:hover {

    color: #19d3c5;

}
.message-nav .active2{color: #19d3c5;}

.message-nav .message-classify-right:hover span {

    width: 100%;

}
.message-nav .active2 span{ width: 100%;}

.message-content .item {

    padding-top: 30px;

}

.g-malfunction-type-title{

    font-size: 24px;

    color: #333333;

    font-weight: 600;

    line-height: 33px;

}

.g-malfunction-type-SubTitle{

    font-size: 24px;

    color: #CCCCCC;

    letter-spacing: 3.4px;

    line-height: 28px;

}

.g-malfunction-type-content li, .g-malfunction-type-li li{

    transition: box-shadow .3s;

    border-bottom: 1px solid #eee;

    padding: 26px 0px;

    width: 100%;

    min-height: 199px;

    overflow: hidden;

}

.g-malfunction-type-li li .g-malfunction-type-li-left {

    overflow: hidden;

}

.g-malfunction-type-li li .g-malfunction-type-li-left img {

    width: 100%;

    height: auto;

}

.g-malfunction-type-li-center,.g-malfunction-type-li-center{

    float: left;

    width: 706px;

    height: 100%;

    padding: 27px 56px 28px 50px;

}

.g-malfunction-type-content li .g-malfunction-type-li-right .day, .g-malfunction-type-li li .g-malfunction-type-li-right .day{

    font-size: 24px;

    color: #999999;

    left: 29px;

}

.g-malfunction-type-content li .g-malfunction-type-li-right .year, .g-malfunction-type-li li .g-malfunction-type-li-right .year{

    font-size: 14px;

    color: #999999;

    line-height: 17px;

    padding: 2px 0px 32px 0px;

}

.g-malfunction-type-content li .g-malfunction-type-li-right .arrows, .g-malfunction-type-li li .g-malfunction-type-li-right .arrows{

    color: #E8E8E8;

    font-size: 26px;

    transition: color .3s;

}



.g-malfunction-type-li-left{

    float: left;

    width: 300px;

    height: 169px;

    margin: 28px 0;

}

.g-malfunction-type-li-center div{

    font-size: 16px;

    color: #333333;

    line-height: 24px;

    font-weight: 600;

    padding-bottom: 20px;

}

.g-malfunction-type-li-center p{

    font-size: 14px;

    color: #666666;

    line-height: 24px;

}

.g-malfunction-type-li li:hover{

    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);

    border-radius: 2px;

    transition: box-shadow .3s;

}

.g-malfunction-type-li li .g-malfunction-type-li-container{

    padding-left: 0;

    transition: padding-left .3s;



}

.g-malfunction-type-li li:hover .g-malfunction-type-li-container{

    padding-left: 20px;

    transition: padding-left .3s;

}

.g-malfunction-type-li li:hover .g-malfunction-type-li-center div{color:#19D4C4}

.g-malfunction-type-content-left {

    float: left;

    width: 820px;

}

.g-malfunction-type-content-right {

    border-top: 1px solid #eee;

    float: right;

    width: 320px;

}

.g-malfunction-type-content-right-header-right{width:100%;}

.g-malfunction-type-content-left .g-malfunction-type-content-left-header {

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    padding: 41px 110px;

}

.g-malfunction-type-content-left .g-malfunction-type-content-left-header .title {

    font-size: 16px;

    color: #333333;

    line-height: 24px;

    text-align:center;

}

.g-malfunction-type-content-left .g-malfunction-type-content-left-header .identification {

    padding: 8px 0px 12px 0px;

}

.g-malfunction-type-content-left .g-malfunction-type-content-left-header .identification span:first-child {

    font-size: 12px;

    color: #CCCCCC;

    line-height: 22px;

    padding-right: 20px;

}

.g-malfunction-type-content-right .g-malfunction-type-content-right-header {

    box-shadow: none;

    border-bottom: 1px solid #eee;

    width: 100%;

    height: 199px;

    padding: 53px 0px;

    transition: box-shadow,border-bottom .35s;

}

.g-malfunction-type-content-right .g-malfunction-type-content-right-header .g-malfunction-type-content-right-header-left {

    float: left;

    width: 65px;

    padding-right: 10px;

    font-size: 18px;

    color: #999999;

    line-height: 24px;

}

.g-malfunction-type-content-right .g-malfunction-type-content-right-header .g-malfunction-type-content-right-header-right {

    float: left;

    width: 218px;

    padding:0;

}

.g-malfunction-type-content .g-malfunction-type-content-left li{min-height:inherit}

.g-malfunction-type-content .g-malfunction-type-content-right-header-right li{padding:0;}

.right_info_title{ 

    font-size: 14px;

    color: rgba(0, 0, 0, 0.85);

    line-height: 24px;

    padding-bottom: 10px;

}

.right_time{

    width: 65px;

    padding-right: 10px;

    font-size: 18px;

    color: #999999;

    line-height: 24px;

}

.right_info{width:calc(100% - 65px);}

.right_info_content{

    font-size: 12px;

    color: rgba(0, 0, 0, 0.65);

    line-height: 24px;

}

.right_list a{padding:25px 0;border-bottom:1px solid #ddd;padding-left:0;transition: padding-left 0.5s;}

.right_list a:hover{box-shadow: 0 0 10px #eee;padding-left:15px;transition: padding-left 0.5s;}

.right_list a:hover .right_info_title{color:#19D3C5}

.detail_title{text-align:center;padding:45px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color: #333333;font-size:18px;margin-top:10px;font-weight:bold;margin-bottom:10px;}

.detail_title p{line-height:28px;color:#666;font-size:12px;font-weight:normal;}





.whole {

    width: 100%;

    background: #333333;

    min-height: 340px;

}

.whole .g-footer1 .container1 {

    min-height: 340px;

}

.whole .g-footer1 .container1 .links {

    height: 230px;

    border-bottom: 1px solid #666666;

}

.whole .g-footer1 .container1 .links ul {

    text-align: left;

    display: inline-block;

    float: left;

    width: 177px;

    padding-top: 40px;

}

.whole .g-footer1 .container1 .links ul.right{width:200px !important;}

.whole .g-footer1 .container1 .links ul .callService{margin-left: 0 !important;}

.whole .g-footer1 .container1 .links ul li {

    font-family: PingFangSC-Medium;

    font-size: 16px;

    color: #ffffff;

    letter-spacing: 0;

}

.whole .g-footer1 .container1 .links ul li a {

    display: inline-block;

    font-family: PingFangSC-Light;

    font-size: 14px;

    color: #cccccc;

    letter-spacing: 0;

    line-height: 30px;

}

.whole .g-footer1 .container1 .line {

    width: 1px;

    height: 100px;

    background: #666666;

    display: inline-block;

    margin-top: 41px;

    margin-right: 30px;

    float:left;

}

.whole .g-footer1 .container1 .links{margin:0;}

.whole .g-footer1 .container1 .links .oneselfUl {

    padding-top: 36px;

}

.whole .g-footer1 .container1 .links ul .TDqr {

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    width: 94px;

    height: 94px;

    padding: 5px;

    margin-right: 0px !important;

}

.whole .g-footer1 .container1 .links ul .attention {

    font-family: PingFangSC-Regular;

    font-size: 12px;

    color: #CCCCCC;

    letter-spacing: 0;

    line-height: 17px;

    text-align: center;

}

.whole .g-footer1 .container1 .links ul .TDqr img {

    border-radius: 5px;

    display: inline-block;

    width: 100%;

    height: 100%;

}

.whole .g-footer1 .container1 .links ul .attention {

    font-family: PingFangSC-Regular;

    font-size: 12px;

    color: #CCCCCC;

    letter-spacing: 0;

    line-height: 17px;

}

.whole .g-footer1 .container1 .footerA {

    font-family: PingFangSC-Light;

    font-size: 14px;

    letter-spacing: 0;

    line-height: 60px;

    text-align: center;

}

.whole .g-footer1 .container1 .footerA a {

    color: #CCCCCC;

}

.whole .g-footer1 .container1 .footerB {

    font-family: PingFangSC-Regular;

    font-size: 14px;

    color: #FFFFFF;

    letter-spacing: 0;

    text-align: center;

    line-height: 20px;

}

.whole .g-footer1 .container1 .links ul {

    text-align: left;

    display: inline-block;

    float: left;

    width: 177px;

    padding-top: 40px;

}

.whole .g-footer1 .container1 .links ul li {

    font-family: PingFangSC-Medium;

    font-size: 16px;

    color: #ffffff;

    letter-spacing: 0;

}

.whole .g-footer1 .container1 .links ul .phoneCode {

    font-family: PingFangSC-Medium;

    font-size: 22px;

    color: #19D4C4;

    letter-spacing: 0;

    padding-bottom: 4px;

}

.whole .g-footer1 .container1 .links ul .serverTime {

    font-family: PingFangSC-Regular;

    font-size: 14px;

    color: #FFFFFF;

    letter-spacing: 0;

    line-height: 20px;

    padding-top: 6px;

    margin-bottom: 28px;

}

.whole .g-footer1 .container1 .links ul .callService {

    position: relative;

    border: 1px solid #19D4C4;

    width: 160px;

    height: 26px;

    line-height: 24px;

    font-size: 12px;

    color: #19D4C4;

    padding: 0 45px;

    text-align: right;

    cursor: pointer;

    margin-left: 18px;

    border-radius: 5px;

}

.whole .g-footer1 .container1 .links ul .callService .serverIcon {

    display: inline-block;

    width: 16px;

    height: 16px;

    background: url(../images/serviceicon.png)/*tpa=http://www.yzfangcun.com/style/images/serviceicon.png*/ no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 50%;

    left: 26%;

    transform: translateY(-50%);

}

.whole .g-footer1 .container1 .links ul .callService div {

    display: inline-block;

}

.danye_content{padding-top:30px;}

.m_banner,.m_showFigure{display:none;}

@media screen and (max-width:767px){

    body{}

    .m_banner,.m_showFigure,.m_Partner{display:block;}

    .p_banner,.p_showFigure,.p_Partner{display:none;}

    .banners{box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 0 24px 0 rgba(0, 0, 0, 0.04);}

    .immediatelyOrder .i-left .i-content,

    .immediatelyOrder .i-left .i-content .i-right,

    .immediatelyOrder .i-left .i-content .c-left .l-Title{width:100%;}

    .hot-mobile ul li .type{line-height:normal;font-size:14px;}

    .hot-mobile ul li .number{line-height:35px}

    .hot-mobile ul li .number .counter{font-size:16px;}

    .hot-mobile ul li .number .sup{font-size:18px;top:-5px}

    .hot-mobile{padding:0 18px;}

    .hot-mobile ul{width:100%;top:0;transform: translateY(0);position: static;height:auto;padding: 10px 0px;border-radius:5px;}

    .hot-mobile ul li{width:49%;}

    .hot-mobile ul li:nth-child(3),

    .hot-mobile ul li:nth-child(4){margin-top:20px;}

    .immediatelyOrder{padding-top: 0;min-height:initial;padding-bottom:0;padding:18px;}

    .immediatelyOrder .i-left .i-content .i-right .t-onekeyOrder{width:100%;}

    .immediatelyOrder .i-left .i-content .i-right{height:auto;position: static;padding:15px 10px;} 

    .immediatelyOrder .i-left .i-content .i-right .t-title{text-align:center;margin: 0;padding:15px 0;font-size:18px;}

    .immediatelyOrder .i-left .i-content .i-right input{width:100%;}

    .immediatelyOrder .i-left .i-content .c-left{padding:10px 10px 20px;display:none;}

    .immediatelyOrder .i-left .i-content .c-left .l-Title{padding:10px 0;font-size:16px;}

    .immediatelyOrder .i-left .i-content .c-left ul li{padding-right:0;width:32%;text-align:center;box-sizing: border-box;}

    .immediatelyOrder .i-left .i-content .c-left ul li p{text-align:center;font-size:13px}

    .immediatelyOrder .i-left .i-content .i-right .t-onekeyOrder{margin-top:0;}

    .immediatelyOrder .i-left .i-content .c-left ul{padding-bottom:20px;}

    .immediatelyOrder .i-left{border-radius:10px;}

    .box3{padding:18px;}

    .box3 ul li{margin-bottom:5px;height:72px !important;}

    .box3 ul li .img{width:32px;height:32px;}

    .box3 .box-top{display:none;}

    .box3 ul li h3{font-size:12px;margin-top:15px;color: #333;}

    .qytel .bd li{width:50%;border:1px solid #fff;padding-left:5px;line-height: 30px;}

    .tempWrap{padding:10px;}

    .qytel .bd li span{width:30%}

    .qytel .bd li p{width:70%}

    .qytel .bd li span,.qytel .bd li p{font-size:12px;font-weight:normal}

    .qytel .hd li{line-height:30px;font-size:14px;font-weight:normal;background:#1AD3C5;color:#fff;border-color:#fff;}

    .qytel .hd li.on{background:#4cede1;color:#fff;}

    .tempWrap{border:none;background:#f5fdfd;padding:0;}

    .showFigure{padding:10px;}

    .showFigure ul{display:flex;flex-wrap:wrap;width:100%;justify-content: space-between;}

    .showFigure li{width:48%;margin-right:0;margin-bottom:10px;border-radius:0;box-shadow: none;margin-bottom: 0;;}

    .showFigure li img{width:100%;height:auto;}

    .showFigure li p{padding:0 ;font-size:12px;border-radius:5px;background:transparent;text-align:center;line-height:40px}

    .showFigure li p.bold{padding:5px;font-size:14px;font-weight:bold;}

    .aboutCompany{height:auto;margin-bottom:0;padding:18px;background:url(../images/bgx.jpg)/*tpa=http://www.yzfangcun.com/style/images/bgx.jpg*/ no-repeat;background-size:100%;}

    .aboutCompany .box{width:100%;padding:15px;position: static;margin:auto;height:auto;border-radius: 5px;}

    .aboutCompany .marginBox{height:auto;}

    .aboutCompany .box .aboutArrows{position: static;margin-top:15px;}

    .maintianInformation .headline{padding-top:0;}

    .maintianInformation .selectInfo ul{text-align:center;padding:15px 0;}

    .maintianInformation .mian .s-leftContent{width:100%;}

    .maintianInformation .mian .s-leftContent img{height:auto;}

    .maintianInformation .mian .s-rightContent{width:100%;min-height:initial}

    .maintianInformation .mian .s-rightContent ul li{padding:0;min-height:initial;width:45%}

    .maintianInformation .mian .s-rightContent ul li .rightContent{width:100%;}

    .Partner .lineAll{position: static;}

    .maintianInformation .mian .s-rightContent ul li .leftContent{padding-left:0;width:100%;display: flex;justify-content: flex-start;}

    .maintianInformation .mian .s-rightContent ul li .leftContent .arrows{margin-top:5px;margin-left:10px;border:none;}

    .maintianInformation .mian .s-rightContent ul li .rightContent .g-malfunction-type-li-center-title{font-weight:bold}

    .maintianInformation .mian .s-rightContent ul li .leftContent .day{font-size:18px;}

    .hot-mobile ul li .number{font-size:20px;}

    .hot-mobile ul li .number .sup{top:-10px}



    .banners{position: relative;}

    .banners .swiper-container .swiper-notification{display:block;z-index:9;display: block;}

    .banners .swiper-pagination{display:block}

    .hot-mobile{height:165px;}

    .m_showFigure{background:url(../images/bgx.jpg)/*tpa=http://www.yzfangcun.com/style/images/bgx.jpg*/ no-repeat ;background-size:100%;}

    

    .Partner .Partner-swiper{width:100%;height:auto;}

    .Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li{width:25%;height:auto;}

    .Partner .Partner-swiper .swiper-wrapper{height:auto !important;overflow:hidden;}

    .m_Partner .swiper-slide {border-left:1px solid #ddd;}

    .m_head{height:60px;margin-top:0;padding:5px 10px;display:flex;justify-content: space-between;align-items: center;position: fixed;top:0;left:0;width:100%;z-index:99;background:rgba(255,255,255,0.9)}

    .m_head img{max-height:100%;}

    .m_head span{font-size: 12px;font-weight:bold;color:#333;}

    .qgdh{padding-left:35px;background:url(../images/index_27.png)/*tpa=http://www.yzfangcun.com/style/images/index_27.png*/ no-repeat left center;background-size:27px;height:100%;line-height:30px;font-size:16px;color:#333;font-weight:bold;}

    .Partner .headline{font-size:14px;padding-top: 12px;padding-bottom: 0;line-height:normal}

    .Partner .subheadline{font-size:11px; padding-bottom:10px}
    .g-content .container .message-nav{ margin-bottom:20px !important}

    .Partner .lineAll{display:none;}

    .m_Partner .swiper-slide:nth-child(odd){border-bottom:1px solid #ddd}

    .whole,.m_footer{display:none;}

    .m_whole{background:#f5f5f5;padding:18px;}

    .kfgzsj{color:#666;text-align:center}

    .kfgzsj strong{color:#666;font-weight:bold}

    .kfgzsj span{color:#666;}

    .kfgzsj p{color:#19D5C3;font-size:18px;font-weight:bold;}

    .m_footer{height:50px;background:#19D5C3;position: fixed;bottom:0;left:0;z-index:99;display:flex;width:100%;align-items:center;line-height:50px;}

    .m_footer a{flex:1;height:100%;text-align:center;color:#fff;}

    .m_footer a + a{border-left:1px solid #fff;}

}





.links{margin:80px auto 40px;}

.links dt{margin-right:20px;}

.links dd{padding-right:20px;position: relative;}

.links dd::after{

    content:'';display:block;

    width:1px;height:10px;background:#666;

    transform: rotate(15deg);position: absolute;

    right: 10px;top:5px;;

}

.links dd:nth-last-child(2)::after{display:none;}

.links dd a{color:#666;}



.lm_head{padding:0;position:relative;text-align:center;}

.lm_En{font-size:49px;color:#E4E4E4;}

.lm_Ch{font-size:40px;color:#2E2E2E;margin-top:-40px;font-family: 'SourceHanSansCN-Bold';font-weight:bold;-webkit-text-stroke:1px #fff;text-shadow: -3px 3px #ccc;display:inline-block;width:auto;padding:0 20px;}

.left_line,.right_line{width:25px;height:8px;display: inline-block;background:#E80011;position:relative;top:-5px;position:relative;}

.left_line{margin-right: 10px;}

.right_line{margin-left:10px;}

.left_line::after{

    content:'';display:block;width:75px;height:2px;

    background:#CCCCCC;position: absolute;left:-75px;top:50%;

}

.right_line::after{

    content:'';display:block;width:75px;height:2px;

    background:#CCCCCC;position: absolute;right:-75px;top:50%;

}

/* 位置导航 */

.location{height:55px;line-height:55px;border-bottom:5px solid #EDEDED;margin:40px auto 30px;width:100%;}

.location_title{font-size:24px;color:#333;position: relative;}

.fk{display:block;width:36px;height:36px;position: absolute;}

.fk_1{background:#F0F0F0;top:0;left:0;z-index:1;}

.fk_2{background:rgba(0,146,42,0.4);bottom:0;left:18px;z-index:2;}

.location a,.location span.dw{font-size:12px;color:#777;padding:0 10px}

.location .home {padding-left:10px}

.location span.dw{color:#8F353B;font-weight:bold;}



.left {width:310px;}

.leftHead{padding:0 30px;height:85px;background:#8F353B;background-size:100% 100%;border-top:4px solid #8A000A;line-height:80px;}

.left_Ch{font-size:25px;color:#ffff;}

.left_Ch span{font-size:14px;}

.left_En{font-size:15px;color:#fff;line-height:30px}

.leftClass{width:100%;margin-bottom:20px;padding:0;}

.leftClass li{margin-top :3px;position: relative;background:#EBEBEB;}

.leftClass li::after{

    content:'';display: block;width:5px;height:100%;

    position: absolute;left:0;top:0;background:#8F353B;

    background-size:100% 100%;

    z-index:6;transition:all 0.5s

}

.leftClass a{display:block;width:100%;height:50px;line-height:50px;padding-left:25px;color:#333;font-size:16px;z-index:1;position: relative;}

.leftClass li.on,.leftClass li:hover{background:#8F353B}

.leftClass li.on::after,.leftClass li:hover::after{width:5px;transition:all 0.5s;background:#8A000A}

.leftClass li.on a,.leftClass li:hover a{color:#fff;}

.leftCommon_head{height:50px;background: #8F353B;color:#fff;text-align:center;line-height:50px;font-size:24px;}

.leftContact dl,.leftCase ul{padding:25px 30px;border:1px solid #CACACA;border-top:none;}

.leftContact dt{padding-left:60px;height:45px;background: url(../images/case_12.png)/*tpa=http://www.yzfangcun.com/style/images/case_12.png*/ no-repeat left center;background-size:43px;margin-bottom:5px;}

.leftContact dt p{font-size:14px;color:#333;}

.leftContact dt strong{color:#8F353B;font-size:24px;font-family: 'Arial'}

.leftContact dd{padding:7px 0;font-size:14px;color:#666;}

.leftCase li{line-height:55px;}

.leftCase li + li{border-top:1px solid #cacaca}

.leftCase li a{display:block;width:100%;height:100%;font-size:14px;color:#666;}

.leftCase li a:hover {color:#E21114;}



.right{width:825px;}

.right .location{margin:0;}

/* 搬家案例 */

.n_case_item{margin-bottom:10px;}

.n_case_img{height:158px;overflow: hidden;}

.n_case_info{padding:20px 0;color:#333;text-align:center;font-size:14px;font-weight:bold;}



/* 车型展示 */

.vehicle_banner{background-image: linear-gradient(#fff, #E8E9E8);padding-top:30px;position: relative;}

.vehicle_banner .swiper-slide{text-align:center;}

.vehicle_item{margin-top:30px;}

.vehicle_head{height:40px;line-height:40px;background:#eee;font-size:18px;color:#333;font-weight:bold;padding-left:20px;border-left:5px solid #F4881B;}

.vehicle_content{padding:15px 0;color:#666;}



/* 服务项目 */

.server_item{padding:15px;}

.server_item a{border-radius:10px;background:#98454B;height:305px;padding:20px 40px;display:flex;flex-direction: column;justify-content: center;align-items:center;text-align:center;}

.server_icon{width:120px;height:120px;overflow:hidden;margin:auto;border-radius:50%;}

.server_title{font-size:20px;font-weight:bold;color:#fff;margin-top:20px;}

.server_subtitle{font-size:14px;color:#999;padding:15px 0 25px;}

.server_btn{color:#fff;border:1px solid #fff;text-align:center;border-radius:5px;width:100px;line-height:40px;font-size:14px;display:inline-block}

.server_item a:hover{background:#811B23;}

.server_default{margin-top:0;transition:0.5s}

.server_icon img{vertical-align: top;}

/*.server_item:hover .server_default{margin-top:-75px;transition:0.5s}*/

/*.server_item:hover .server_hover{margin-top:-20px;}*/

.server_item:hover .server_title,

.server_item:hover .server_subtitle{color:#fff}

.server_item:hover .server_btn{background:#fff;border-color:#fff;color:#E80012}



/* 区域列表 */

.area_item{margin-top:40px;}

.area_head{height:55px;line-height:55px;text-align:center;font-weight:bold;font-size:26px;color:#222;background:#d3d3d3}

.area_content{padding:30px 35px;border:1px solid #d3d3d3;}

.area_content a{font-size:12px;color:#666;display:inline-block;padding:0 5px;border-right:1px solid #ddd;margin-bottom:5px;}



/* 关于我们 */



.qyfc{background:#F3F3F3;padding: 100px 0;}

.server_case_content .swiper-slide{position:relative;}

.server_case_info{position:absolute;left:0;bottom:0;width:100%;height:30px;line-height:30px;background:rgba(0,0,0,0.5);color:#fff;}

.server_case_content .swiper-slide {

text-align: center;

font-size: 18px;

background: #fff;

padding:10px;

/* Center slide text vertically */

display: -webkit-box;

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

-webkit-box-pack: center;

-ms-flex-pack: center;

-webkit-justify-content: center;

justify-content: center;

-webkit-box-align: center;

-ms-flex-align: center;

-webkit-align-items: center;

align-items: center;

transition: 300ms;

transform: scale(1);

}

.server_case_content .swiper-slide-active,.server_case_content .swiper-slide-duplicate-active{

transform: scale(1.5);

}

.server_case_content .swiper-slide-prev{position: relative;right:-100px;z-index:1;}

.server_case_content .swiper-slide-next{position: relative;left:-100px;z-index:1;transition:all 0.5s}

.server_case_content .swiper-slide-active{position: relative;z-index:9;transition:all 0.5s}

.server_case_content .swiper-container{height:480px;padding-top: 60px;transition:all 0.5s;margin-top: 20px;}







.map{margin-top:20px;border:1px solid #ddd;margin-bottom:30px;}

.map iframe{width:100%;height:327px;border:1px solid #ddd;}



.product_list li:hover .product_info{color:#fff;background:#e80012}

.product_info{color:#666666;font-size:16px;background:#E2E2E2;text-align:center;}



.news_item{padding:25px 0;border-bottom:1px solid #ddd;}







.news_t_con{width:80%}

.news_t_con h3{font-size:18px;color:#333;padding-bottom:10px;}

.news_t_con p{font-size:13px;color:#666;line-height:22px;max-height:44px;overflow:hidden;margin-bottom:10px;line-height:18px;}

.news_t_con p + span{font-size:12px;color:#666}



.news_item:hover{background:rgba(226,0,17,0.1)}

.news_item:hover .news_time {

    transform: rotateY(360deg);

    transition: all 1s;

    -ms-transition: all 1s;

}

.news_item:hover .news_t_con h3{color:#e80012}

.news_img{width:155px;background:#f5f5f5;height:100%;}





/* ============================底部============================= */

.floor{background:#282828;padding:50px 0;min-height:420px}

.floor_box{align-items:flex-start;padding-bottom:50px}

.floor_box,.fl_b_box{width:1200px;margin:0 auto}

.fl_title{font-size:16px;font-weight:bold;color:#fff;height:40px;}

.hot_line{color:#fff;}

.fl_tel{color:#fff;line-height:2;font-size:22px;font-weight:bold;}

.fl_l{height:250px;width:295px;}



.fl_l,.fl_m{border-right:1px solid #535353;position: relative;}

.fl_l .fl_title::after,.fl_m .fl_title::after{

  content:'';display:inline-block;position: absolute;right:-1px;

  border-right:1px solid #F4881B;width:1px;height:45px;

}

.fl_l ul{flex-wrap:wrap;padding-left:0;}

.fl_l_item{width:50%;height:40px;line-height:40px;}

.fl_item{font-size:12px;color:#fff;line-height:30px}

.fl_l_item a{color:inherit}

.fl_bottom{background:#282828;border-top:1px solid #535353;color:#fff;}

.fl_b_box{justify-content: space-between;color:#fff;height:70px;line-height:70px;}

.fl_m{height:250px;width:600px;padding-left:95px;box-sizing:border-box}

.fl_m ul{margin-top:30px;}

.fl_r{height:250px;width:305px;padding-left:80px;}

.fl_r div{display: inline-block;text-align:center;}

.fl_r img{padding:5px; border:1px solid #ddd;width:155px;margin-bottom:15px;}





.form_list{width:100%;margin:auto;}

.form_list li{height:50px;line-height:50px;margin-bottom:30px;border:1px solid #ddd;}

.form_list li input{height:48px;padding-left:10px;width:100%;vertical-align: top;}

.form_list .form_textarea{height:250px;}

.form_textarea textarea{border:none;line-height:30px;padding-left:10px;height:100%;width:100%;}

.submit_btn button{display:block;width:150px;line-height:50px;text-align:center;background:#085AB5;color:#fff;cursor: pointer;margin:0 auto 30px}



.news_detail_top{text-align:center;padding-bottom:10px;}

.news_detail_top h3{color:#333}

.news_detail_top >div{margin-top:10px;}

.news_detail_top span{padding-left:20px;font-size:14px;color:#666;display:inline-block;background-image:url(../images/shijian-xianxing.png)/*tpa=http://www.yzfangcun.com/style/images/shijian-xianxing.png*/;background-position:left center;background-repeat:no-repeat;background-size:16px}

.news_detail_top span + span{margin-left:20px;background-image:url(../images/person.png)/*tpa=http://www.yzfangcun.com/style/images/person.png*/}

.news_detailContent{padding-top:10px;color:#666;font-size:14px}



#closeMenu,#showMenu,#closeSearch,#showSearch{display: none;}



.index_product_content .swiper-slide a{display:block;width:240px;height:240px;margin:auto;overflow:hidden;border-radius:50%;position: relative;border:4px solid #ddd;}

.pro_mask{position: absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.7);height:100%;}

.index_product_content .swiper-slide-active .pro_mask,

.index_product_content .swiper-slide-prev .pro_mask,

.index_product_content .swiper-slide-next .pro_mask{

    background:rgba(0,0,0,0)

}

.index_product_content{position: relative;height:475px;padding-top:135px}

.index_pro_wrap{background:#fff;z-index:1;top:0;left:50%;transform: translateX(-50%);height:100%;position: absolute;}

.index_product_content .swiper-button-next, 

.index_product_content .swiper-button-prev{width:50px;height:50px;background:#676767;border-radius:50%;text-align:center;line-height:50px;color:#fff}



.index_server{

    margin: 5px auto 35px;

    height: auto;

    position: relative;

    overflow:hidden;

}

.index_server ul li{

    width: 60px;

    height: 415px;

    float: left;

    text-align: center;

    background: cover;

}

.index_server ul li a{display: flex;justify-content: flex-end;width:100%;position:relative;height:100%;overflow:hidden;}

.index_server ul li + li{border-left:1px solid #fff;}

.index_server_info{height:120px;padding:10px 100px 10px 60px;position: absolute;bottom:0;left:0;width:calc(100% - 60px);text-align:left;color:#fff;z-index:0;background: rgba(0,0,0,0.5);}

.index_server_info h3{font-size:20px;padding-bottom:10px;}

.index_server_info div{font-size:15px;max-height:60px;overflow: hidden;}

.text{

    display: block;

    width: 60px;

    height: 100%;

    background:url(../images/nav_bg_13.jpg)/*tpa=http://www.yzfangcun.com/style/images/nav_bg_13.jpg*/,url(../images/server1_11.png)/*tpa=http://www.yzfangcun.com/style/images/server1_11.png*/ no-repeat 25px 90%;;

    background-size: 100% 100%;

    color: white;

    padding: 10px;

    box-sizing: border-box;

    position:relative;z-index:9;

}

.index_server ul li.on{width: 775px;}

.index_server ul li.on .text{background:url(../images/btn_bg_03.jpg)/*tpa=http://www.yzfangcun.com/style/images/btn_bg_03.jpg*/;background-size: 100% 100%;}

.text p{float: left;}

.text .p1{

    padding: 0;

    font-size: 25px;

    width: 100%;

    text-align:center;

    font-weight:bold;

    color:#fff;

}

.text .p2{

    margin-top: 24px;

    width: 100%;

    text-align:center;

    font-weight:bold;

    font-size: 25px;

    color:#fff;

}

.text .p2 span{display:block;width:30px;height:30px;background:url(../images/server1_06.png)/*tpa=http://www.yzfangcun.com/style/images/server1_06.png*/ no-repeat center;margin:20px auto 0;}

.m_server{display:none;}

.p_server{margin-top:20px;}

.mobileNav_mask{display: none;}





@media screen and (max-width:991px){

   .mobileNav_mask{width:100%;position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index: 99}



    #closeMenu,#closeSearch{display:block;right:10px;top:15px;position: absolute;}

    #showMenu,#showSearch{display:block;right:10px;top:50%;position: absolute;transform: translateY(-50%)}

    #showSearch{right:60px}

    .width{width:100%;}

    .head{display:block;height:60px;padding:10px;position:fixed;}

    .logo{margin-top:5px;}

    .logo img{width:20%;vertical-align: middle}

    .logo_txt{padding-left:10px;margin-left:10px;font-size:12px}

    .logo_txt strong{font-size:14px}

    .head_ewm,.head_tel,

    .banners .swiper-button-next, .banners .swiper-button-prev{display:none;}

    .nav_box{height:0;}

    .nav,.search{position:fixed;top:0;right:-65%;width:65%;height:100%;z-index:99;background:#000;margin-left:0;padding-top:50px;display: block;z-index:100;}

    .search{margin-top:0;padding-left:10px;padding-right:10px;padding-top:100px}

    .search button{background-color:#fff;}

    .nav li{width:100%;border-bottom:1px solid #aaa;text-align:left;}

    .nav > ul >li{background:transparent;height:auto;line-height:40px;width:100%;padding-left:10px;}

    .nav > ul >li >a{width:100%;color:#fff;line-height:45px}

    .nav a{color:#fff;padding:15px 30px 15px 15px;background-image:none;height:auto;}

    .nav ul>li:hover, .nav ul>li.on{background:transparent;}

    .nav ul>li.on::after,.nav ul>li::after,.nav ul>li:hover::after{display:none;}

    .twoMenu{background:transparent;display:none;}

    .twoMenu li{padding-left:10px;}

    .twoMenu li a{font-size:14px}



    .lm_head{padding:20px 10px;}

    .lm_title{padding-bottom:10px;}

    .lm_subtitle{font-size:12px}

    .indexNews_l,.indexNews_r{width:100%;}

    .indexNews_con{width:calc(100% - 80px);display:flex;flex-direction: column;justify-content: center;align-items:center;}

    .indexNews_con h3{font-size:14px;padding-bottom:10px;width:100%}

    .indexNews_con div{font-size:12px;width:100%;}

    .indexNews_item{padding:10px 0;}

    .indexNews_item > a{display:flex;align-items:center;justify-content: space-between;}

    .index_news_content .bd,

    .index_news_content .hd{padding:10px;}

    .application_content .swiper-button-prev, .application_content .swiper-button-next{display:none;}

    .application_info{padding:5px;}

    .application_info h3{font-size: 14px;padding-bottom:5px;}

    .application_info div{font-size:12px;}

    .more_btn{margin:10px auto;}

    .indexNews_r_time{display:none;}



    .index_product_content{height:auto;padding-top:10px;}

    .index_product_content .swiper-slide a{width:100%;height:auto;}

   

   



    

    .contact_title{font-size:14px;line-height:25px;padding-bottom:10px;}

    .contact_info{padding:10px;}

    .contact_info ul,.contact_info div{float:none;}

    .contact_info li{font-size:14px;line-height:30px}

    .er_top_l, .er_top_r{width:100%;}

    .er_top_r{padding:15px 0;}

    .er_top_rtime{position:static;padding:10px 0;}



    .ej_ssfp{display:flex;flex-wrap:wrap;justify-content: space-between;}

    .ej_ssfp li{width:49%;margin-bottom:10px;}

    .ej_ssfp_info{padding-top:10px;}



    .ssfp_img{}

    .ssfp{padding:10px;display:flex;flex-wrap:wrap;justify-content: space-between;width:100%;}

    .ssfp li{width:49%;margin-top:10px;}

    .ssfp_info{padding:10px 0 10px 10px;}

    .ssfp_info h3{font-size:14px}

    .ssfp_info p{font-size:12px;line-height:25px}

    .ssfp_detail{width:50%;margin-top:10px;background:#00922C;border-color:#00922C;font-size:12px;line-height:30px;margin:inherit}



    .hotNews_img{float:none;}

    .hotNews_info{height:auto;padding:10px;}

    .news_item{padding:20px 0}

    .news_item a{display:flex;width:100%;}

    .news_time{width:75px;height:75px}

    .news_t_con{width:calc(100% - 80px);padding-left:10px;}

    .news_time p{font-size:20px}

    .news_time span{font-size:12px}

    

    .news_t_con h3{font-size:16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom:5px;}

    

    .zh_list li{padding:0 5px;}

    .zh_img,.zh_info,.zh_time,.zh_detail{width:50%;margin:0;padding:0;height:75px;padding:10px 0;overflow:hidden;}

    .zh_detail{text-align:center;}

    .zh_detail .box1_arrow{margin:auto;}



    .floor{padding:20px 10px}

    .floor_box,.fl_l{flex-wrap:wrap;}

    .floor_box{padding-bottom:5px;}

    .fl_b_box{flex-wrap:wrap;line-height:normal;height:auto;}

    .fl_b_box p{font-size:12px;text-align:center;line-height:30px}

    .fl_l{width:100%;border:none;height:auto;}

    .fl_l .fl_title::after, .fl_m .fl_title::after{display:none;}

    .fl_item{width:25%;margin:0;}

    .fl_item h3{padding-bottom:0;}

    .fl_l ul{display:flex;}

    .fl_m ul{margin-top:5px;}

    .hot_line{font-size:16px;}

    .fl_tel{font-size:14px}

    .fl_item li{width:32%;line-height:30px}

    .fl_r{width:100%;text-align:center;height:auto;padding-left:0;padding-top:5px;}

    .fl_r h3{display:none;}

    .fl_r img{margin:auto;}

    .floor_b{margin-top:15px;padding-bottom:15px;}

    .floor_b p{font-size:10px;line-height:22px}

    .fl_ewm,

    .fl_contact{width:100%;padding-top:10px}

    .fl_contact li{width:100%;}

    .fl_ba {text-align:center;font-size:12px;margin-top:0;}

    .fl_ba p,.fl_ba div{float:none;}

    .fl_m{padding-left:0;height:auto;}

    .fl_m .fl_item,.fl_r .fl_item{width:100%;}



    /* 在线留言 */

    .form_list{width:100%;padding:10px;}

    .form_list li{line-height:35px;height:35px;margin-bottom:10px;}

    .form_list li input{line-height:33px;height:33px;}

    .form_list .form_textarea{height:150px;}

    .topClass{padding:10px;display:none;}

    .topClass li{width:33.333%;margin-right:0;}

    .topClass li a{line-height:40px;}

    .top_title{padding:10px;}

    .top_title_l,.top_title_r{float:none;}

    .top_title_l{border-bottom:1px solid #ddd;padding-bottom:10px;}

    .top_title_l strong{font-size:20px;}

    .top_title_l span{font-size:18px}

    .top_title_r{margin-top:5px;}

    .top_title_r li{font-size:12px;margin-left:0;margin-right:10px;}



    

    .map iframe{height:152px;}



    .main{padding:20px 10px;}

    .right,.left{width:100%;padding:10px;}

    .product_list{flex-wrap:wrap;display:flex;justify-content: space-between;width:100%}

    .product_list .clear{display:none;}

    .product_list li{width:49%;margin-bottom:10px;}

    .product_info{line-height:30px;font-size:12px;}

    .ej_ssfp_info{padding:10px;}

    .news_box{padding:10px;}

    .news_img{width:100px;}

    .news_t_con{width: calc(100% - 100px);}

    .news_t_con h3{font-size:13px}

    .news_t_con p{font-size:12px;line-height:16px;}

    .news_t_con p + span{display:none;}



}



@media screen and (max-width:767px){

    .leftCommon{display: none;}

    .logo{height:100%;padding-right:45px;display:flex;}

    .logo img{width:auto;max-height:100%;}

    .logo_txt{text-align: left;display:block;border-left:none;margin-left:0;}

    .banners_entrance{display:none;}

    .head_top{display:none;}

    .banners{border-radius:5px;overflow: hidden;margin:18px;}

    .g-malfunction-type-li li:hover .g-malfunction-type-li-container{

    padding-left: 0;

    transition: padding-left .3s;

}



    .p_server{display:none;}

    .m_server{display:block;}

    .p_server{display: none;}

    .m_server h3{height:40px;background: url(../images/nav_bg_13.jpg)/*tpa=http://www.yzfangcun.com/style/images/nav_bg_13.jpg*/;font-size:14px;color:#fff;text-align:center;line-height:40px;}

    .m_server_info{position:relative;}

    .m_server_txt{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;color:#fff;height: 100px;line-height:20px;}

    .m_server_txt h4{font-size:14px;padding-bottom:5px;}

    .m_server_txt div{font-size:12px;}



    .floor{height:auto;min-height:auto;}

    .fl_l_item{line-height:25px;height:25px;}

    .fl_title{height:30px;line-height:30px;}

    .fl_l{margin-bottom:20px;}

    .fl_r{width:30%;}

    .fl_m{width:70%;}

    .fl_item{line-height:25px;}

    .hot_line{font-size:14px;}

    .fl_b_box p{width:100%;line-height: 22px;}



    .box10_r_content .bd li{height:45px;}



    .location_title{font-size:14px;font-weight:bold;}

    .location ul{display: none;}

    .location{line-height:30px;height:30px;border-bottom:1px solid #ddd;}

    .vehicle_banner{padding-top:10px;padding-bottom:20px;}

    .swiper-pagination-bullet{width:5px;height:5px;}

    .vehicle_item{margin-top:20px;}

    .right,.left{padding:0;}

    .leftHead{height:50px;line-height: 50px;padding:0 10px;}

    .left_Ch{font-size:18px;color:#fff;}

    .leftClass a{height:35px;line-height:35px;padding-left:10px;font-size:14px;}



    .server_item{padding:5px;}

    .server_icon{height:65px;width:65px;margin:0 auto;}

    .server_item a{padding:10px;height:200px;}

    .server_title{font-size:14px;margin-top:5px;}

    .server_subtitle{font-size:12px;padding:5px 0;}

    .server_title{margin-top:0;}

    .server_btn{line-height:30px;width:70px;font-size:12px;}

    .main .row{margin:0;}

    .right_content .row{margin:0;}

    .n_case_item{padding:5px;margin-bottom:0;}

    .n_case_img{height:105px;}

    .n_case_info{padding:5px 0;font-size:12px;}



    .qyfc{padding:30px 0;}

    .server_case_content .swiper-container{padding-top:0;height: auto;}

    .server_case_content .swiper-slide-prev{right:0;}

    .server_case_content .swiper-slide-next{left:0;}

    .server_case_content .swiper-slide-active, .server_case_content .swiper-slide-duplicate-active{transform: scale(1);}

}



@media screen and (min-width:768px) and (max-width:991px){

    .indexNews_l, .indexNews_r{width:50%;height:355px;}

    .fl_l{width:33%}

    .fl_item{width:20%;border:none;}

    .fl_item li{width:100%;}

    .fl_l + div.fr{width:100%;}

    .fl_ewm, .fl_contact{width:50%}

    .fl_contact .fl_item{width:100%;}

    .left{width:30%}

    .right{width:70%}

    .head_t_box{display:none;}

    .logo{display:flex;justify-content: flex-start;height:100%}

    .logo img{width:auto;max-height:100%;}

    .head{height:80px;}



    .logo_txt{text-align:left;}

    .fl_l,.fl_m,.fl_r{width:33%;}

    .fl_item{width:50%;}

    .floor{min-height:auto;}

    .leftContact dl, .leftCase ul{padding:5px;}

    .leftHead{padding:0 20px;height:60px;line-height:55px;}

    .leftContact dt strong{font-size:14px;}

    .news_t_con h3{padding-bottom:0;font-weight:bold;}

    .news_detail_top h3{font-size:18px;font-weight:bold;padding-top:10px;}

    .banners_entrance ul{justify-content: space-between;display: flex;align-items: center;}

    .banners_entrance li{width:24%;padding:5px;}

    .banner_enInfo{font-size:16px;}

    .banner_enInfo p{font-size:12px;}

    .box2_r{width:100%;padding:15px;height:auto;}

    .bj_input,

    .box2_r button[type="submit"]{height:35px;margin-top:5px;}

    .box3_info{padding:20px;}

    .box3_row{height:200px;}



    .p_server{display:none;}

    .m_server{display:block;}

    .p_server{display: none;}

    .m_server h3{height:45px;background: url(../images/nav_bg_13.jpg)/*tpa=http://www.yzfangcun.com/style/images/nav_bg_13.jpg*/;font-size:16px;color:#fff;text-align:center;line-height:45px;}

    .m_server_info{position:relative;}

    .m_server_txt{position:absolute;bottom:0;left:0;width:100%;padding:10px;color:#fff;}

    .m_server_txt h4{font-size:14px;padding-bottom:5px;}

    .m_server_txt div{font-size:12px;}



    .box4_top .lm_head{width:100%;left:0;width:100%;transform: translateX(0);}

    .box4_item{width:20%;}

    .box4_icon{width:50px;}

    .box4_title{width:calc(100% - 50px);padding-left:5px;font-size:16px;}

    .box4_info{padding:5px 0;height:60px;}

    .box5{margin-top:0;}

    .box7_content{margin-top:0;}

    .box7_num{font-size:90px;}

    .index_news_img{width:150px;}

    .index_news_info{width: calc(100% - 150px);padding-left:10px;}

    .hover_ewm,.m_banners{display:none !important;}

    .box6_bd_item_info{display:none;}

    .box6_bd_item_img{width:100%;}

    .box6_top .hd li{height:188px;}

}



@media screen and (min-width:992px) and (max-width:1199px){

    body{padding-top:0}

    .width{width:100%;}

    .logo_txt{padding-left:20px;margin-left:20px;font-size:18px;}



    footer{padding:20px;}

    .fl_l{width:33%}

    .fl_item{width:32%;border:none;margin-right:0;}

    .fl_item li{width:100%;}

    .fl_l +div.fr{width:100%;}

    .fl_ewm, .fl_contact{width:50%}

    .fl_contact .fl_item{width:100%;}

    .fl_item h3{font-size:20px}

    .fl_item li a, .fl_item li{font-size:18px}

    .lm_head{padding:10px}



    .left{width:30%}

    .right{width:70%}

    .nav ul>li{width:125px;}

    .application_content .swiper-button-prev, .application_content .swiper-button-next{display:none;}

    .indexNews_con{width:calc(100% - 110px)}

    .indexNews_l{width:60%}

    .indexNews_r{width:40%}

    .indexNews_item{padding:5px 0;}

    .fl_m .fl_item,.fl_r .fl_item{width:100%;}



}



@media screen and (min-width:992px) and (max-width:1024px){

    .width{width:100%;}

    .head{height:100px;position:fixed;top:0;left:0;}

    /* .nav{height:47px} */

    .twoMenu{top:37px}

    .logo{width:65%;margin-top:0;}

    .head_ewm{padding-top:0;}

    .head_tel{ margin-top: 15px;}

    .banners .swiper-button-next, .banners .swiper-button-prev{display:none;}

    /* 应用领域 */

    .fl_l{width:32%}

    .fl_item{width:20%;border:none;margin-right:0;}

    .fl_item li{width:100%;}

    .fl_l +div.fr{width:100%;}

    .fl_ewm, .fl_contact{width:50%}

    .fl_contact .fl_item{width:100%;}

    .fl_item h3{font-size:20px}

    .fl_item li a, .fl_item li{font-size:18px}

    .lm_head{padding:10px}



    .left{width:30%}

    .right{width:70%}



    .cglm_list li{width:49%;padding:20px;}

    .cglm_info{padding-left:0;}

    .ssfp{padding:10px;}

    .ssfp li{float:left;width:49%}

    .ssfp li:nth-child(2n){float:right;}

    .ssfp_detail{display:none;}

}



@media screen and (min-width:1200px){

    .main.width{margin:40px auto 20px}

    .lm_title{font-size:40px;}

    .banners_entrance li{width:285px;}

    .banners_entrance li+ li{margin-left:20px;}



    

    .right .location{margin-bottom:30px}

    /* 产品中心 */

    .product_list li{width:465px;float:left;margin-bottom:20px;}

    .product_list li:nth-child(2n){float:right;}

    .product_img{height:225px;}

    .product_info{line-height:45px;}

    .contact_info li{line-height:30px;color:#333333;font-weight:bold;}  



    .box4_content .row{width:1375px;padding:65px 97.5px;height:445px;margin:0 auto 0;position:relative;top:-145px;}

    .box4_item{width:20%;}



    .box8_r_content{padding:0 50px;width:400px;}

    .box8_r_content .swiper-slide{width:100% !important;margin:0 auto;text-align:center;}



    .box9_item{width:11.11%}

    /* 车型展示 */

    .vehicle_banner{height:380px;}



    /**/

    .index_server_btn{position:absolute;right:15px;width:80px;line-height: 30px;border-radius:5px;border:1px solid #fff;color:#fff;text-align:center;top:50%;transform: translateY(-50%);}

}

@media screen and (min-width:1200px){

    .p_tel,.box7_l a.p_tel,.server_item a.p_tel{display: block;}

    .m_tel,.box7_l a.m_tel,.server_item a.m_tel{display: none;}

}

@media screen and (max-width:767px){

    .p_tel,.box7_l a.p_tel,.server_item a.p_tel{display: none;}

    .m_tel,.box7_l a.m_tel,.server_item a.m_tel{display: block;}

}





.index_video{background:url(../images/pic_03.jpg)/*tpa=http://www.yzfangcun.com/style/images/pic_03.jpg*/ no-repeat ;background-size:100% 100%;}

.index_video_content{height:100%;}

.index_video_content a{display: flex;height:100%;flex-direction: column;justify-content: center;align-items:center;}

.index_pz{background:url(../images/pic2_06.jpg)/*tpa=http://www.yzfangcun.com/style/images/pic2_06.jpg*/ no-repeat ;background-size:100% 100%;}

.index_pz_l p{font-size:20px;color:#fff;padding-bottom:15px;}

.index_pz_l h3{font-size:36px;font-weight:bold;color:#fff;margin-bottom:40px;}

.index_pz_l div{font-size:14px;color:#fff;line-height:30px}

.index_pz_r img{height:100%;}



.lm_head1{background:url(../images/pic5_18.png)/*tpa=http://www.yzfangcun.com/style/images/pic5_18.png*/ no-repeat center;background-size:100%;margin:auto}

.lm_head2{background:url(../images/pic5_26.png)/*tpa=http://www.yzfangcun.com/style/images/pic5_26.png*/ no-repeat center;background-size:100%;margin:auto}

.pz_icon{text-align:center;margin-bottom:15px}

.lm_ch{font-size:42px;color:#801b23;font-weight:bold;text-align:center;}

.lm_en{font-size:12px;color:#801b23;text-align:center;}

.lm_head2 .lm_ch,.lm_head2 .lm_en{color:#fff}



.jmtht{background:url(../images/pic7_02.jpg)/*tpa=http://www.yzfangcun.com/style/images/pic7_02.jpg*/ no-repeat ;background-size: cover;}

.jmtht_r_item{background:#98454B;background-repeat: no-repeat;background-size:auto;background-position:10px center;}

.jmtht_r_item:hover{background-color:#811B23;}

.jmtht_r_item a{height:100%;flex-direction: column;justify-content: center;;}

.jmtht_r ul{flex-wrap:wrap;justify-content: space-around;}



.jmtht_l p{bottom:0;left:0;width:100%;background:rgba(0,0,0,.5);line-height: 50px;position: absolute;color:#fff;text-indent:2em;}

.jmtht_l .swiper-pagination{display:flex;justify-content: flex-end;padding-right:10px;}



.gywm{background:url(../images/pic7_03.jpg)/*tpa=http://www.yzfangcun.com/style/images/pic7_03.jpg*/ no-repeat ;background-size: cover;}

.zxxx{background:url(../images/pic7_04.jpg)/*tpa=http://www.yzfangcun.com/style/images/pic7_04.jpg*/ no-repeat ;background-size: cover;}



.gywm_l{flex-direction: column;justify-content: center;}

.gywm_l h3{color:#fff;font-weight:bold;}

.gywm_l div{color:#fff;line-height: 25px;}

.ljgd{border-radius: 50px;background:#8F353B;color:#fff;text-align:center;display: block;line-height:40px;}



.zxxx_l,.zxxx_r{width:50%}

.zxxx_l_info{flex-direction: column;justify-content: center;padding:0 50px 0 30px;}

.zxxx_l_info h3{font-size:21px;color:#333;margin-bottom: 30px;font-weight:bold;}

.zxxx_l_info div{line-height:30px;color:#666}

.zxxx_l_img,.zxxx_l_info{width:50%;}

.zxxx_time{text-align:center;border-right:2px solid #4D4A4A}

.zxxx_time strong{font-size:36px;color:#4D4A4A;font-weight: bold;}

.zxxx_time div{font-size:17px;color:#4D4A4A;}

.zxxx_info h3{font-size:18px;color:#333;font-weight:bold;padding-bottom: 15px;}

.zxxx_info div{font-size:14px;color:#666;line-height:25px}

.zxxx_list a{display: block;}

.zxxx_list li{border:2px solid #fff;}

@media screen and (min-width:1200px){

    .width1{width:1700px ;margin:0 auto;}

    .index_video{height:auto;min-height:580px;padding-top:120px;padding-bottom:50px}

    .index_pz_content{align-items:center;}

    .index_pz{padding:100px 0;min-height:500px}

    .index_pz_l{width:310px;}

    .index_pz_r_img{height:320px;overflow: hidden;}

    .index_pz_r .swiper-slide {width:320px !important;}

    .index_pz_r{width:calc(100% - 320px);padding-left:50px;}

    .index_pz_r_info{height:180px;background:#fff;padding:20px 40px;}



    .lm_head{width:780px;height:145px;display:flex;flex-direction: column;justify-content: center;}

    .lm_info{text-align:center;color:#333;margin:30px 0 50px}

    .jmtht,.gywm,.zxxx{padding:100px 0;}

    .jmtht_l{width:720px;}

    

    .jmtht_r_item h3{font-size:26px;color:#fff;font-weight:bold;padding-bottom:5px}

    .jmtht_r_item div{font-size:14px;color:#fff;line-height:30px;}

    .gywm_l h3{font-size:28px;margin-bottom: 15px;}

    .gywm_l div{font-size:15px;}

    .gywm_content{padding-top:60px}

    .gywm_r{text-align:right;   }

    .ljgd{width:180px;height:40px;margin-top:60px}

    .zxxx_info{padding-left:30px;width:calc(100% - 145px)}

}

@media screen and (min-width:1700px){

    .jmtht_r_item{width:450px;height:185px;padding:0 50px 0 135px;}

    .jmtht_r{width:calc(100% - 720px);padding-left:10px;}

    .jmtht_r_item:nth-child(3),

    .jmtht_r_item:nth-child(4){margin-top:25px;}

    .gywm_l{width:805px;}

    .gywm_r{width:calc(100% - 805px)}

    .zxxx_list li{border:2px solid #fff;height:145px;padding:35px}

    .zxxx_list a + a{margin-top:12px;}

    .zxxx_time{width:145px;padding:0 20px;}

}

@media screen and (min-width:1200px) and (max-width:1699px){

    .width1{width:1200px;}

    .jmtht_l{width:500px}

    .jmtht_r_item{width:48%;height:129px}

    .jmtht_r_item:nth-child(3),

    .jmtht_r_item:nth-child(4){margin-top:15px;}

    .zxxx_list li{padding:10px 25px}

    .zxxx_list a + a{margin-top:10px;}

    .zxxx_time{padding-right:20px;}

    .zxxx_info h3{padding-bottom: 10px;}

    .zxxx_info{width: calc(100% - 90px);}

    .jmtht_r_item{padding-left:100px;padding-right:10px;}

    .jmtht_r_item h3{font-size:22px;}

    .jmtht_r_item div{line-height:26px;font-size:13px;}

    .gywm_l{width:60%;padding-right:30px;}

    .gywm_r{width:40%}

    .gywm_l div{font-size:13px;line-height:23px;}

    .ljgd{margin-top:15px}

}

@media screen and (max-width:767px){

    .banners .swiper-pagination{bottom:0;}

    .banners .swiper-pagination-bullet{width:4px;height:4px;}

    .banners .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:5px;}

    .banners .swiper-pagination-bullet-active{width:12px;border-radius:2px;background:#1AD3C5;border-color:#1AD3C5;height:4px;}

    .index_pz_content{flex-wrap:wrap;}

    .index_pz{padding:20px 10px;}

    .index_pz_l,.index_pz_r,.jmtht_l,.jmtht_r,.zxxx_l,.zxxx_r{width:100%;}

    .index_pz_l h3{font-size:22px;margin-bottom: 10px;}

    .index_pz_l div{font-size: 12px;line-height:22px;}

    .lm_head{width:80%;margin:auto;}

    .lm_ch{font-size:16px;}

    .lm_info{text-align:center;padding:10px 0;}

    .jmtht_content,.zxxx_content{flex-wrap:wrap;}

    .jmtht_r ul{justify-content: space-between;}

    .jmtht_r_item{width:48%;height:100px;padding-left:50px;padding-right:10px;background-size:35px}

    .jmtht_r_item:nth-child(3),

    .jmtht_r_item:nth-child(4){margin-top:10px;margin-left:0;}

    .jmtht_r_item h3{font-size:16px;color:#fff;font-weight:bold;}

    .jmtht_r_item div{font-size:13px;color:#fff;}

    .gywm_content{flex-wrap:wrap;}

    .gywm,.zxxx{padding:20px 10px;}

    .gywm_l h3{font-size:18px;padding-top:10px;}

    .ljgd{margin-top:10px;margin-bottom:20px;}



    .zxxx_time{width:25%}

    .zxxx_info{width:75%}

    .zxxx_list a {margin-top:20px;}

    .zxxx_l_info{padding:10px;}

    .zxxx_l_info h3{font-size:14px;margin-bottom:10px;}

    .zxxx_list li{padding:10px;}

    .zxxx_info{padding-left:10px;}

    .zxxx_info h3{padding-bottom:5px;}

}



.m_footer{display:none;}

.g-content .container .message-nav .message-classify a{display:block;height:100%;}

@media screen and (max-width:767px){

    .m_footer{display:flex;}

     .m_Partner, .m_whole,.db_hei{display:block;}

     .mbah p{color:#666 ;font-size:14px;font-weight:normal}

}

.whole .g-footer1 .container1 .links .right{padding-right:0 !important}

.whole .g-footer1 .container1 .links ul .phoneCode{font-size:22px !important;}

.whole .g-footer1 .container1 .links ul .serverTime p{font-size:14px !important}

.whole .g-footer1 .container1 .links .right{text-align:left !important;float:left !important;}

.whole .g-footer1 .container1 .links ul .callService div{font-size:12px !important}



.left_box{position:fixed;top:40%;right:0;width:48px;z-index:9;border:1px solid #eee;}

.left_box li{height:48px;width:100%;background-size:28px;background-repeat: no-repeat;background-position: center;background-color:#fff;cursor: pointer;position:relative;}

.left_box li+li{border-top:1px solid #eee;}

.kf_ewm{background-image:url(../images/code.png)/*tpa=http://www.yzfangcun.com/style/images/code.png*/;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}

.kf_ewm:hover{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);background-image:url(../images/codeMain.png)/*tpa=http://www.yzfangcun.com/style/images/codeMain.png*/;}

.returntop{display:none;background-image:url(../images/retrun.png)/*tpa=http://www.yzfangcun.com/style/images/retrun.png*/;}

.kf_img{top:0;right:48px;position:absolute;transition: all 0.5s;padding:5px;background:#fff;width:150px;min-height:150px;border-radius:5px;margin-top:-50px;display:none;border:1px solid #eee;text-align:center;font-size:13px;}

.kf_img{margin-bottom:5px;}

.kf_ewm:hover .kf_img{right:48px;display:block;}

.danye_content{ line-height:26px; font-size:14px; color:#666}

.dede_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul  a{color:#555;display:block;padding: 5px 10px;  border: 1px solid #ddd;float: left;margin: 0 5px;}
.dede_pages ul  a.page-num-current{ background:#ddd;}

.wenben{ line-height:26px; font-size:14px; color:#666; padding:30px 0}
.wenben{ max-width:100%; height:auto !important}

.lianx{ line-height:25px !important; font-size:12px !important; color:#19D4C4 !important}
.dhdh{color:#19D4C4 !important; font-size:24px !important;}
.mnav{ display:none}
body{ padding-top:60px;}
.footerB a{ color:#fff}
@media screen and (max-width: 768px) {
   .immediatelyOrder{ height:auto !important}
   .showFigure li{ margin-left:0 !important}
   .aboutCompany{ background-size:cover !important}
   .m_head{ background:#295159}
   .nav_box_tel{ display:none}
   .caidan{ position:absolute; right:0; top:0;}
   .mnav{ position:fixed; top:60px; left:0; width:100%; height:100%; z-index:99; background:#fff;}
   .mnav ul{}
   .mnav ul li{ line-height:50px; border-bottom:1px solid #ddd; padding:0 10px}
   .mnav ul li a{ display:block;    color: #666; font-size:16px}
   .g-content .container .message-content{ width:100% !important}
   .container{ width:100% !important; min-width:100% !important}
   .banners{ margin:70px 18px 0}
   .banners img{ float:left}
   .danye_content{ padding-top:0 !important}
   .g-content .container .message-nav{ width:100% !important}
   .g-malfunction-type-li-left{ width:100% !important}
   .g-malfunction-type-content li, .g-malfunction-type-li li{ padding-left:15px; padding-right:15px}
   .g-malfunction-type-li-left{ height:auto !important; margin:inherit !important}
   .g-malfunction-type-li-center, .g-malfunction-type-li-center{ width:100% !important; padding:10px 0 0 0}
   .g-malfunction-type-li-center div{ padding-bottom:10px !important}
   .g-malfunction-type-li-right{ display:none}
   .g-malfunction-type-title{ display:none}
   body{ padding-top:0 !important}
   .g-content .container .message-content{ padding-bottom:30px !important}
   .g-malfunction-type-content-left{ width:100% !important; float:inherit !important}
   .detail_title{ padding:20px 15px}
   .wenben{ padding:20px 15px}
   .wenben img{ max-width:100%; height:auto !important}
   .g-malfunction-type-content-right{ float:inherit !important; width:100% !important}
   .right_list a{ padding: 20px 15px}
   
}









/*内页大图*/
.nybanner{position: relative;height: 400px;overflow: hidden;}
.nybanner .w1200{height: 100%;padding-left:120px;position:relative;box-sizing: border-box;}
.nybanner .title{color:#fff;font-size:46px;line-height: 60px;font-weight:600;padding-top: 120px;text-shadow: 0 2px 3px rgb(0 0 0 / 50%);}
.nybanner .title span{position: relative;font-size:24px;margin-left:20px;border-left: 1px solid #fff;padding-left:20px;font-weight:300;text-transform: uppercase;}
.nybanner .title p{color:#fff;font-size:18px;line-height: 27px;margin-top: 5px;font-weight:300;}
.nybanner .position{position:absolute;bottom:-1px;left:0;right:0;height: 30px;padding:15px 20px;background: rgba(255,255,255,.8);border-radius:4px 4px 0 0;box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
.nybanner .position s{position: relative;top: -2px;width: 15px;height: 13px;margin-right: 10px;background-position: bottom left;}
.nybanner .position a{font-size: 13px;line-height: 30px;}
.nybanner .position i:after{padding: 0 5px;content:">>";color:#999;font-size: 12px;font-family:宋体;display: inline-block;}
.bg_main{padding-bottom: 50px;min-height: 640px;}
.sub_nav{height: 35px;line-height: 33px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;padding-top: 20px;}
.sub_nav .fl{color: var(--colour1);font-size: 30px;}
.sub_nav .fr li{float: left;}
.sub_nav .fr li a{padding: 0 20px;border: 1px solid #e6e6e6;display: block;margin-left: 10px;color: #666;}
.sub_nav .fr li a:hover,
.sub_nav .fr li a.hover{background: var(--colour1);color: #fff;border: 1px solid var(--colour1);;}
.case{margin-top: 40px;}
.case ul{width: 100%;}
.case li{width: 380px;float: left;margin-right: 30px;margin-bottom: 30px;transition: all .5s;}
.case li:nth-child(3n){margin-right: 0;}
.case li .img{width: 100%;height: 284px;display: block;border: 1px solid #eaeaea;border-bottom: none;overflow: hidden;box-sizing: border-box;}
.case li .img img{width: 100%;height: 100%;transition: all .5s;}
.case li:hover .img img{transform: scale(1.1);}
.case li .p{border: 1px solid #efefef;display: block;padding: 0 19px;height: 108px;border-top: none;box-sizing: border-box;}
.case li .p p{border-bottom: 1px solid #eaeaea;height: 58px;line-height: 58px;margin-bottom: 10px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.case li .p  span{color: #666;transition: all .5s;}
.case li .p i{width: 32px;height: 12px;background-position: -73px -43px;}
.case li .p .fl{font-size: 12px;font-family: arial;}
.case li:hover a span{color:var(--colour1);;}
.case li:hover a p{color:var(--colour1);;}
.case li:hover{box-shadow: 0 1px 20px rgb(0 0 0 / 10%);}
.news{padding-top: 50px;}
.bg_main .news_ul{padding-bottom: 40px;}
.bg_main .news_ul li{border-bottom: 1px solid rgba(0,0,0,.06);padding: 30px 0;}
.bg_main .news_ul li a{display: flex;}
.bg_main .news_ul li .img{position:relative;width: 200px;height: 150px;margin-right: 30px;overflow: hidden;}
.bg_main .news_ul li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.bg_main .news_ul li .txt{flex: 1;overflow: hidden;padding-right: 20px;}
.bg_main .news_ul li .txt h3{font-size: 20px;line-height: 30px;font-weight: 300;margin-top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.bg_main .news_ul li .txt .hits{color: #999;font-size: 14px;line-height: 30px;}
.bg_main .news_ul li .txt p{color: #b5b5b5;font-size: 14px;line-height: 28px;text-align: justify;transition: all .5s;height: 80px;overflow: hidden;}
.bg_main .news_ul li .date{width: 80px;padding: 24px 0 24px 35px;font-size: 24px;line-height: 50px;color:#999;font-weight:300;position:relative;text-align: center;}
.bg_main .news_ul li .date:after{display:block;content:"";width:1px;height: 100%;background:#f3f3f3;left:10px;top: 0;position:absolute;}
.bg_main .news_ul li .date span{display: block;}
.bg_main .news_ul li:hover .img img{transform: scale(1.1);}
.bg_main .news_ul li:hover .txt h3{color:var(--colour1);;}
.bg_main .news_ul li:hover .txt p{color: #666;}
.detail{padding-top: 50px;}
.detail .title{padding-bottom: 20px;border-bottom: 1px solid #f3f3f3;text-align: center;margin-bottom: 20px;}
.detail .title h1{font-size: 30px;font-weight: bold;padding-bottom: 15px;}
.detail .title span{line-height: 18px;font-family: arial;color: #999;margin-right: 14px;}
.detail .title span:last-child{margin-right: 0;}
.detail .title i{width: 23px;height: 16px;background-position: -73px 0;margin-right: 10px;}
.detail .title .i2{background-position: -104px 0;margin-left: 30px;}
.detail .context{color: #666;line-height: 30px;text-align: justify;padding-bottom: 25px;}
.detail .context img{max-width: 1200px;}
/* reLink*/
.reLink{height: 38px;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 15px;margin-bottom: 50px;color: #666;}
.reLink .nextLink,
.detail .reLink .prevLink{width: 50%;}
.reLink .nextLink{text-align: right;}
.reLink a{color: #666;}
.reLink a:hover{color: var(--colour1);}
/* pager*/
.pager{padding: 30px 0 30px;text-align: center;*zoom: 1;*padding: 40px 0 30px;}
.pager:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.pager p{height: 26px;line-height: 26px;display: inline-block;*display: inline;*zoom: 1;display: none;}
.pager ul{display: inline-block;*display: inline;*zoom: 1;overflow: hidden;}
.pager ul li{float: left;margin: 0 5px;padding: 0 !important;height: auto !important;border: none !important;}
.pager ul a{line-height: 30px;padding: 0 10px;transition: all ease 300ms;color: #000000;text-decoration: none;float: left;border: 1px solid #ddd;}
.pager ul a.current,
.pager ul a:hover{color: #fff;border: 1px solid #0a408a;background: #0a408a;}
.contact .box1{line-height: 18px;padding: 48px 0 0px;overflow: hidden;}
.contact .box1 ul{width: 125%;}
.contact .box1 li{float: left;width: 230px;margin-right: 250px;}
.contact .box1 li i{width: 56px;height: 56px;background-position: -142px 0;float: left;}
.contact .box1 li b{font-size: 18px;font-family: arial;font-weight: 100;}
.contact .box1 li td{vertical-align: middle;height: 56px;padding-left: 5px;}
.contact .box1 .l2 i{background-position: -204px 0;}
.contact .box1 .l3 i{background-position: -267px 0;}
.contact .box2{margin-bottom: 75px;}
.contact .box2 #map1_container,
.contact .box2 #allmap1{width: 100%;height: 400px;}
.contact .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;}
.contact .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}
.contact .box3 b{color: var(--colour1);}
.formData{padding-bottom: 20px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 560px;height: 50px;line-height: 50px;border: 1px solid #e4e4e4;margin-right: 76px;margin-bottom: 30px;border-radius: 5px;position: relative;box-sizing: border-box;transition: all .5s;}
.formData .item:hover{color:#495057;background:#fff;border-color: var(--colour1);outline:0;box-shadow: 0 0 0 2px var(--colour5);}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 48px;line-height: 48px;font-size: 18px;color: #666;}
.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.formData .item .txt{width: 100%;height: 48px;line-height: 48px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;box-sizing: border-box;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right;display: block;top: 4px;}
.formData .liuyan textarea{width: 100%;height: 100%;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #666;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;box-sizing: border-box;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid var(--colour1);;margin-right: 2px;text-align: center;background: var(--colour1);color: #FFF;cursor: pointer;font-size: 18px;display: block;outline: none;transition: all .5s;}
.formData .sub:hover{background: none;color: var(--colour1);}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
.about .box1{padding-top: 105px;padding-bottom: 100px;overflow: hidden;}
.box1_add{padding: 70px 0;}
.about .box1 .fl{padding-top: 32px;}
.about .box1 .fl h1{font-size: 80px;text-transform: uppercase;font-family: arial;line-height: 80px;}
.about .box1 .fl p{font-size: 24px;padding-bottom: 88px;}
.about .box1 .fl i{width: 54px;height: 54px;background-position: 0 -99px;cursor: pointer;position: relative;display: block;float: left;}
.about .box1 .fl i img{position: absolute;left: 20px;bottom: 56px;width: 0px;height: 0px;opacity: 0;filter: alpha(opacity=0);transition: ease-in-out .2s;}
.about .box1 .fl i:hover img{filter: alpha(opacity=100);opacity: 1;left: 0;height: 80px;width: 80px;}
.about .box1 .fl .i2{background-position: -58px -99px;margin-left: 20px;}
.about .box1 .fr{width: 611px;}
.about .box1 .fr h1{font-size: 24px;font-weight: 100;}
.about .box1 .fr span{display: block;background: #b0b0b0;width: 20px;height: 2px;margin: 13px 0 24px;}
.about .box1 .fr h2{font-size: 18px;}
.about .box1 .fr p{line-height: 30px;padding-top: 12px;}
.about .box1 .fr i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box1 .fr a:hover{cursor: pointer;}
.about .box1 .fr a:hover i{margin-left: 15px;}
.about .bg_20{height: 20px;width: 100%;background: #eaeaea;}
.about .box2{padding-bottom: 94px;}
.about .box2 .con{margin-top: 40px;}
.about .box2 .con .fl{width: 410px;height: 428px;overflow: hidden;}
.about .box2 .con .fl img{width: 410px;height: 428px;}
.about .box2 .con .fr .img{width: 380px;height: 214px;overflow: hidden;display: block;}
.about .box2 .con .fr .img img{width: 380px;height: 214px;transition: .9s;}
.about .box2 .con .fr .p{display: block;padding-left: 20px;width: 360px;height: 214px;}
.about .box2 .con .fr .p h1{font-size: 24px;line-height: 60px;font-weight: 100;}
.about .box2 .con .fr .p i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box2 .con .fr li:hover{cursor: pointer;}
.about .box2 .con .fr li:hover h1,
.about .box2 .con .fr li:hover p{color: #333;}
.about .box2 .con .fr li:hover i{margin-left: 15px;}
.about .box2 .con .fr li{float: left;}
.about .box2 .con .fr li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.about .box3{background: url(../images/about_bg.jpg)/*tpa=http://www.yzfangcun.com/style/images/about_bg.jpg*/ center top no-repeat;width: 100%;height: 457px;padding-top: 93px;}
.about .box3 .w1200{overflow: hidden;}
.about .box3 .fl{width: 500px;}
.about .box3 .fl h1{font-size: 36px;color: #fff;font-weight: 100;padding-bottom: 25px;}
.about .box3 .fl span{display: block;width: 40px;height: 2px;background: #ffd200;margin-bottom: 25px;}
.about .box3 .fl p{color: #fff;line-height: 24px;}
.about .box3 .fl i{width: 54px;height: 54px;cursor: pointer;background-position: 0px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box3 .fl a:hover i{margin-left: 15px;}
.about .box3 .fr .picScroll-left{overflow: hidden;position: relative;margin-top: 68px;height: 225px;width: 620px;}
.about .box3 .fr .picScroll-left .hd{overflow: hidden;}
.about .box3 .fr .picScroll-left .hd .prev,
.about .box3 .fr .picScroll-left .hd .next{display: block;left: 0;top: 50%;margin-top: -36px;width: 30px;height: 72px;position: absolute;z-index: 10;background-position: -133px -67px;cursor: pointer;display: none;}
.about .box3 .fr .picScroll-left .hd .next{left: auto;right: 0;background-position: -164px -67px;}
.about .box3 .fr .picScroll-left:hover .hd .prev,
.about .box3 .fr .picScroll-left:hover .hd .next{display: block;}
.about .box3 .fr .picScroll-left .hd ul{float: right;overflow: hidden;margin-top: 10px;zoom: 1;}
.about .box3 .fr .picScroll-left .hd ul li{float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: url("../images/icocircle.gif")/*tpa=http://www.yzfangcun.com/style/images/icocircle.gif*/ 0 -9px no-repeat;}
.about .box3 .fr .picScroll-left .hd ul li.on{background-position: 0 0;}
.about .box3 .fr .picScroll-left .bd ul{overflow: hidden;zoom: 1;}
.about .box3 .fr .picScroll-left .bd ul li{margin-right: 20px;float: left;_display: inline;overflow: hidden;text-align: center;}
.about .box3 .fr .picScroll-left .bd ul li img{width: 300px;height: 225px;}
.bg_top{height: 50px;background: #eaeaea;width: 100%;}
.showPro{padding-top: 50px;}
.showPro .reLink{margin-bottom: 0;}
.showPro .showContxt{padding: 30px 0 35px;color: #666;font-size: 14px;line-height: 30px;text-align: justify;}
.showPro .showContxt img{max-width: 100%;height: auto !important;}
.showPro .showimgCon{padding: 0 0 30px;font-size: 16px;line-height: 32px;}
.showPro .showimgCon .txtcon{width: 720px;height: 423px;float: right;position: relative;}
.showPro .showimgCon .txtcon .tit{position: relative;font-size: 20px;margin-bottom: 15px;color: var(--colour1);font-weight: bold;line-height: 24px;padding-bottom: 14px;border-bottom: 1px solid #dddddd;padding-right: 60px;}
.showPro .showimgCon .txtcon .tit .goBack{position: absolute;right: 0;top: 0;color: #999999;font-size: 14px;display: block;font-weight: normal;cursor: pointer;}
.showPro .showimgCon .txtcon .tit .goBack s{width: 20px;height: 20px;background-position: -440px -62px;margin-left: 6px;}
.showPro .showimgCon .txtcon .tit .goBack:hover{color: #047fcc;}
.showPro .showimgCon .txtcon .txt{font-size: 14px;line-height: 28px;color: #666;text-align: justify;}
.showPro .showimgCon .txtcon .txt .item{margin-bottom: 7px;max-height: 144px;overflow: hidden;}
.showPro .showimgCon .txtcon .tel-btn{width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid #ddd;padding-top: 40px;}
.showPro .showimgCon .txtcon .tel-btn .btn{width: 118px;float: right;height: 40px;line-height: 40px;margin-top: 5px;font-size: 20px;text-align: center;color: #fff;cursor: pointer;background: var(--colour1);}
.showPro .showimgCon .txtcon .tel-btn .btn:hover{background: #333;}
.showPro .showimgCon .txtcon .tel-btn .tel{width: 280px;float: left;}
.showPro .showimgCon .txtcon .tel-btn .tel span,
.showPro .showimgCon .txtcon .tel-btn .tel strong{display: block;color: #666;}
.showPro .showimgCon .txtcon .tel-btn .tel s{width: 42px;height: 42px;display: block;float: left;margin-right: 6px;margin-top: 4px;background-position: -315px -30px;}
.showPro .showimgCon .txtcon .tel-btn .tel span{font-size: 16px;line-height: 20px;}
.showPro .showimgCon .txtcon .tel-btn .tel strong{color: var(--colour1);font-size: 28px;line-height: 28px;}
.showPro .showimg{width: 442px;position: relative;float: left;overflow: hidden;}
.showPro .showimg .bigimg{width: 440px;height: 332px;display: block;position: relative;border: 1px solid #dddddd;}
.showPro .showimg .bigimg .list{width: 5000%;}
.showPro .showimg .bigimg .list li{width: 440px;height: 332px;float: left;border: 0;margin-right: 1px;}
.showPro .showimg .bigimg .list img{width: 100%;height: 100%;display: block;transition: all ease 300ms;}
.showPro .showimg .smallimg{width: 440px;height: 76px;position: relative;padding-top: 30px;z-index: 10;overflow: hidden;}
.showPro .showimg .list{width: 357px;overflow: hidden;position: relative;margin: 0 auto;}
.showPro .showimg .listcon{width: 600% !important;position: relative;}
.showPro .showimg .prev,
.showPro .showimg .next{width: 20px;height: 76px;z-index: 10;position: absolute;top: 30px;cursor: pointer;background: #f9f9f9 url(../images/show-btn-ico.png)/*tpa=http://www.yzfangcun.com/style/images/show-btn-ico.png*/ no-repeat 0 center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover{background-color: #f9f9f9;}
.showPro .showimg .prev{left: 0;background-position: 3px center;}
.showPro .showimg .next{right: 0;background-position: -84px center;}
.showPro .showimg li{width: 94px;height: 70px;margin-right: 28px;float: left;cursor: pointer;position: relative;border: 3px solid #fff;transition: all .5s;}
.showPro .showimg li img{width: 100%;height: 100%;display: block;}
.showPro .showimg li.on{width: 94px;height: 70px;border: 3px solid var(--colour1);;}
.relateTit{height: 58px;line-height: 58px;border-bottom: 1px solid #e4e4e4;margin: 0 auto;width: 1200px;}
.relateTit h3{font-size: 18px;display: inline-block;*display: inline;*zoom: 1;position: relative;}
.relateTit h3 .line{width: 100%;height: 2px;display: block;position: absolute;left: 0;bottom: -1px;background: var(--colour1);}

#maximg img{ max-width:100%; height:auto !important}


.case {
    margin-top: 40px;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.clearfix {
    zoom: 1;
}
 
 .case {
    margin-top: 40px;
}

.pagebar {
    padding: 20px;
    overflow: hidden;
}
.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.pagination .st {
    font-family: 宋体;
}
.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 7px 8px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a.page-num-current {
    color: #fff;
    background: #337ab7;
    border: 1px solid #337ab7;
}

.companykey{margin: 0 auto;
    text-align: center;}
	g-malfunction-type-li-center-title .circle{display:none}
.maintianInformation .mian .s-rightContent ul li .rightContent .g-malfunction-type-li-center-title{ text-align:center}
.maintianInformation .mian .s-rightContent ul li:nth-child(2){
    margin-bottom: 1.875em;
}
.circle{display:none}

@media screen and (max-width:767px)}
{
	.w1200{width: 96%;
    padding: 2%;  }
	.case li{float: left;
    width: 48%;
    position: relative;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}
.bg_main .sub_nav {
    width: 100%;
    line-height: 0.8rem;
    text-align: center;
    background: #f6f6f6;
    color: #666;
    position: relative;
}
.bg_main .sub_nav .f1{}
.w1200 ul{
    padding: 0 0.2rem;
    padding-bottom: 0.5rem;
}

.case li .img {
    width: 100%;
        height: 100%;
    position: relative;
    overflow: hi
	
.case li .img img{
    width: 100%;
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}
.case li .p{border:0px;}
.showPro .showimg{width:100%}
.case li .p span{display:none}
.showPro .showimg .bigimg{width:100%}
.showPro .showimgCon .txtcon{width:98%;height:100%}
.showPro .showimgCon .txtcon .tel-btn{position: inherit;}
.showPro .showimg .bigimg .list li{width;100%}
.showPro .showimg .bigimg .list{width:100%}
.maintianInformation .mian .s-rightContent ul li{width:45%;padding:0}

}

.