@charset "utf-8";



/* top */

.top {

    background-color: #ffffff;

    height: 30px;

}

.topleft,.topright {

    height: 30px;

    line-height: 30px;

}

.topleft h1 {

    line-height: 30px;

    color: #333333;

}

.topright ul li {

    float: right;

    width: 92px;

    background: url(../images/bgline.png) no-repeat left;

}

.topright ul li a {

    padding: 0px 13px;

    display: block;

    background: url(../images/r_sanjiao.png) no-repeat right;

    background-position-x: 75px;

    color: #333333;

}

.topright ul li:nth-child(3),.topright ul li:nth-child(4) {

    width: 72px;

}

.topright ul li:nth-child(1) {

    width: 80px;

    position: relative;

}

.topright ul li:nth-child(1) a.toplang_en {

    display: block;

    position: absolute;

    z-index: 99999;

    text-align: center;

    background: none;

    background-color: #ffffff;

    width: 80px;

    display: none;

    top: 30px;

}

.topright ul li:nth-child(1):hover a.toplang_en {

    display: block;

}

.topright ul li:nth-child(3) a,.topright ul li:nth-child(4) a {

    background-position-x: 55px;

}

.topright ul li:nth-child(1) a,.topright ul li:nth-child(2) a {

    background-image: url(../images/d_sanjiao.png);

}

.topright ul li:nth-child(1) a {

    background-position-x: 70px;

}

.topright ul li:nth-child(1) a span {

    font-weight: bold;

}



/* banner */

.banner {

    width: 100%;

    height: auto;

    position: relative;

}

.bannerlist {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}

.banner .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.banner .swiper-button-next {

    background: url(../images/banner_right_w.png) no-repeat center;

    right: 60px;

}

.banner .swiper-button-prev {

    background: url(../images/banner_left_w.png) no-repeat center;

    left: 60px;

}

.banner .swiper-button-next:hover {

    background-image: url(../images/banner_right.png);

}

.banner .swiper-button-prev:hover {

    background-image: url(../images/banner_left.png);

}

.banner .swiper-button-prev:after,.banner .swiper-button-next:after {

    content: '';

}

.bannernav {

    width: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 9999;

}

.nav_item {

    width: 100%;

}

.navlogo a img {

    height: 100%;

}
.fixednav .navlogo a img {
    filter: grayscale(100%) brightness(500%);
}
.navitem ul li {

    float: left;

    padding: 0px 15px;

    position: relative;

    line-height: 84px;

}

.navitem ul li a {

    font-size: 18px;

	font-weight: bold;

	font-stretch: normal;

	letter-spacing: 1px;

	color: #ffffff;

    line-height: 48px;

}

.navitem ul li a:hover,.navitem ul li a.active {

    color: #00A3E7;

}

.navitem_hei ul li a ,.navitem ul li.navtel p.navtel_hei{
    color: #333333;
}
.fixednav .navitem_hei ul li a ,.fixednav .navitem ul li.navtel p.navtel_hei {
    color: #ffffff;
}
.fixednav .navitem_hei ul li a.active {
    color: #00A3E7;
}
.navitem ul li.navtel {

    background: url(../images/navtel_bg.png) no-repeat left ;

    background-size: 32px;

    padding: 22px 0px 0px 50px;

    margin-left: 40px;

    height: 84px;

}

.navitem ul li.navtel p {

    font-family: Barlow-Bold;

	font-size: 20px;

    line-height: 19px;

	color: #ffffff;

}

.ernav {

    position: absolute;

    top: 84px;

    left: 50%;

    width: 150px;

    margin-left: -75px;

    padding: 10px 0px;

    background-color: #ffffff;

    border-radius: 8px;

    display: none;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

}

.ernav a {

    color: #333333 !important;

    display: block;

    text-align: center;

    font-weight: normal !important;

    line-height: 35px !important;

}

.navitem ul li .ernav a {

    font-size: 16px;

}

.ernav a:hover {

    color: #00A3E7 !important;

}

.navitem ul li:hover .ernav {

    display: block;

}

.searchico {

    width: 32px;

	height: 32px;

    border-radius: 50%;

	background-color: #dddddd;

    text-align: center;

    margin: 25px 0px 0px 40px;

    cursor: pointer;

}

.searchico img {

   margin: 0 auto;

}

.search_item {

    position: absolute;

    top: 0px;

    left: 0px;

    background-color: #ffffff;

    width: 100%;

    height: 125px;

    display: none;

    z-index: 9999;

    box-shadow: 0px 10px 10px rgba(0, 0, 0, .2);

}

.search_item form {

    width: 50vw;

    height: 55px;

    margin: 30px auto 0px;

    border-bottom:1px solid #dddddd;

    padding: 0px 10px;

}

.search_item form input {

    width: 90%;

    height: 100%;

    float: left;

}

.search_item form button {

    display: block;

    float: right;

    width: 10%;

    height: 100%;

    text-align: right;

    background: none;

    border: 0px;

}

.search_item form button span {

    color: #0323a1;

    font-size: 20px;

}

.search_item_scroll {

    position: fixed;

    top: 0px;

    z-index: 9999999;

}

.search_clo {

    position: relative;

}

.search_close {

    position: absolute;

    right: 0px;

    top: 0px;

    cursor: pointer;

}

.search_close span {

    color: #b8b8b8;

    font-size: 18px;

}

.banner_icons {

    position: absolute;

    bottom: 95px;

    left: 0px;

    width: 100%;

    z-index: 999;

}

.banner_icolist ul li {

    width: 182px;

    height: 182px;

    background: url(../images/bannericon_bg.png) no-repeat center;

    background-size: cover;

    text-align: center;

    transition: all .5s;

}

.banner_icolist ul li span {

    display: block;

    font-size: 76px;

    color: #3a3d42;

    padding-top: 5px;

}

.banner_icolist ul li strong {

    font-family: Barlow-Bold;

	font-size: 20px;

	color: #00A3E7;

}

.banner_icolist ul li strong sup {

    font-family: Barlow-Bold;

	color: #00A3E7;

}

.banner_icolist ul li p {

	font-size: 20px;

	color: #333333;

}

.banner_icolist ul li:hover {

    box-shadow: 0px 0px 20px rgba(0, 0, 0, .4);

    border-radius: 18%;

    margin-top: -15px;

}

.banner_xiahua {

    position: absolute;

    bottom: 25px;

    left: 0px;

    width: 100%;

    z-index: 999;

}

.bannerxh {

    width: 60px;

    height: auto;

    text-align: center;

    margin: 0 auto;

}

.bannerxh p {

    font-family: PingFang-SC-Regular;

	font-size: 14px;

    padding-top: 10px;

	color: #333333;

}

.padnav {

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 99999;

    width: 100%;

    padding: 16px 0px;

}

.padnav a img {

    width: 170px;

}

.padnav_part h6 {

    font-size: 20px;

    color: #ffffff;

    font-weight: bold;

    cursor: pointer;

}

.padnav_part h6 img {

    height: 35px;

    padding-left: 20px;

    filter: grayscale(100%) brightness(500%);

}

.padfastnav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100vw;

    height: 100%;

    background-color: rgba(0, 0, 0, .6);

    display: none;

    overflow-x: hidden;

    overflow-y:scroll;

}

.padfnav_close {

    padding-right: 50px;

    padding-top: 20px;

    text-align: right;

}

.padfnav_close span {

    color: #000000;

    font-size: 20px;

    font-weight: bold;

}

.padfnav_r {

    width: 50vw;

    height: 100%;

    background-color: #ffffff;

    float: right;

    margin-right: -70vw;

    transition: all .5s;

}

.padfnav_r_show {

    margin-right: 0px;

}

.padfnav_r ul {

    padding: 20px ;

}

.padfnav_r ul li {

    position: relative;

}

.padfnav_r ul li a {

    font-size: 20px;

    font-weight: bold;

    border-bottom: 1px solid #eeeeee;
    line-height: 40px;

    padding:10px  20px;

    display: block;

    color: #606060;

}

.padfnav_r ul li a.padnav_on {

    color: #00A3E7;

}

.padnav_jiantou {

    position: absolute;

    right: 0px;

    top: 0px;

    width: 40px;

    height: 100%;

}

.padnav_jiantou img {

    display: inline-block;

    margin-top: 24px;

    padding-left: 10px;

    transition: all .5s;

}

.padnav_jiantou img.imgtrans {

    transform: rotate(90deg);

    margin-top: 20px;

}

.padfnav_r ul li .padernav {

    display: none;

}

.padfnav_r ul li .padernav a {

    padding-left: 30px ;

    font-weight: normal;

    line-height: 26px;

    font-size: 16px

}

.padfnav_icons {

    padding: 20px;

}

.padfnav_icons a {

    padding-left: 20px;

}

.padfnav_icons a span {

    font-size: 30px;

}

.padsearch {

    padding: 20px 20px 0px;

}

.padsearch form {

    width: 100%;

    height: 40px;

    border: 1px solid #dddddd;

    border-radius: 20px;

}

.padsearch form input {

    line-height: 40px;

    padding-left: 20px;

    width: 80%;

    float: left;

}

.padsearch form button {

    float: right;

    width: 18%;

    display: block;

    background: none;

    border: 0px;

    line-height: 40px;

}

.padsearch form button span {

    color: #3a3d42;

    font-size: 20px;

}



/* 热门产品 */

.idxproname {

    text-align: center;

    background: url(../images/idx_proname_bg.png) no-repeat center top;

    margin: 97px 0px 70px;

}

.idxproname h2 {

    font-size: 44px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

    padding: 10px 0px 15px;

}

.idxproname p {

    font-size: 16px;

	line-height: 30px;

    width: 700px;

    margin: 0 auto;

	color: #999999;

}

.idxprolist ul li {

    width: 33%;

    float: left;

    text-align: center;

    border-right: 1px solid #dddddd;

    padding: 80px 25px;

    position: relative;

}

.idxprolist ul li:nth-child(3n) {

    border-right: 0px;

}

.idxprolist ul li a {

    display: block;

}

.idxprolist ul li a h3 {

    font-size: 26px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.idxprolist ul li a h4 {

    font-size: 16px;

	color: #333333;

    height: 65px;

    padding: 24px 0px 0px; 

}

.idxprolist ul li a p {

    font-size: 18px;

	letter-spacing: 1px;

	color: #999999;

    padding-bottom: 100px;

    background: url(../images/tansuo_ico.png) no-repeat right;

    background-position:17vw 4px;

}

.idxprolist ul li a .idxpro_img {

    height: 300px;

    display: flex;

    flex-direction: row;

}

.idxprolist ul li a .idxpro_img img {

    max-height: 100%;

    margin: 0 auto;

    display: block;

    object-fit: contain;

}

.idxpro_hover {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: url(../images/idxpro_hovbg1.jpg) no-repeat center ;

    background-size: cover;

    padding: 65px;

    text-align: left;

    opacity: 0;

    transition: all .5s;

}

.idxpro_hover h3.idxpro_hovname {

    font-size: 18px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.idxpro_hover h5 {

    padding: 30px 0px 23px;

    font-family: Barlow-Black;

    font-weight: bold;

	font-size: 48px;

	color: #00A3E7;

    text-transform: uppercase;

}

.idxpro_hover h6 {

    font-size: 18px;

	letter-spacing: 1px;

	color: #ffffff;

    line-height: 30px;

}

.idxpro_hover span {

    display: block;

    font-size: 16px;

	color: #ffffff;

    background: url(../images/tansuo_hovico.png) no-repeat left;

    background-position-x: 75px;

    margin-top: 70px;

}

.idxprolist ul li:hover .idxpro_hover {

    opacity: 1;

}

.idxpro_hover:hover {

    padding-left: 50px;

}

.idxpro_hover:hover span {

    background-position-x: 85px;

}



/* 解决方案 */

.idxjjfa .idxproname {

    background-image: url(../images/idx_jjfaname_bg.png);

}

.idxjjfalist {

    height: 840px;

    overflow: hidden;

}

.idxjjfalist .gallery-top {

    height: 84%;

    width: 100%;

  }

.idxjjfalist  .gallery-thumbs {

    height: 12%;

    box-sizing: border-box;

    margin-bottom: 40px;

  }

.idxjjfalist  .gallery-thumbs .swiper-slide {

    height: 100%;

    cursor: pointer;

  }

.idxjjfalist  .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

  }

.idxjjfa_top {

    background-color: #dddddd;

    height: 100%;

    width: 100%;

    justify-content: center;

}

.idxjjfa_top span {

    display: block;

    font-size: 44px;

    color: #3a3d42;

}

.idxjjfa_top span.icon-xumuye {

    font-size: 60px;

}

.idxjjfa_top p {

    font-size: 18px;

	letter-spacing: 1px;

	color: #333333;

    padding-left: 30px;

}

.idxjjfa_top7 p {

    padding-left: 20px;

}

.idxjjfa_top p.xumuye {

    padding-left: 20px;

}

.idxjjfa_bot {

    width: 100%;

    height: 100%;

    background-color: #dddddd;

}

.idxjjfa_top:hover,.idxjjfalist .gallery-thumbs .swiper-slide-thumb-active .idxjjfa_top  {

    background-color: #00A3E7;

}

.idxjjfa_top:hover p,.idxjjfa_top:hover span,.idxjjfalist .gallery-thumbs .swiper-slide-thumb-active .idxjjfa_top p,.idxjjfalist .gallery-thumbs .swiper-slide-thumb-active .idxjjfa_top span {

    color: #ffffff;

}



.idxjjff_bot_left {

    width: 75%;

    height: 100%;

}

.idxjjff_bot_left img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.idxjjff_bot_right {

    width: 25%;

    height: 100%;

    text-align: left;

    padding: 80px 50px 0px 60px;

}

.idxjjff_bot_right a {

    display: block;

}

.idxjjff_br_icoimg {

    width: 56px;

	height: 56px;

	border: solid 4px #b8b8b8;

    text-align: center;

    line-height: 45px;

    position: relative;

}

.idxjjff_br_icoguai {

    width: 16px;

	height: 16px;

    position: absolute;

    top: -4px;

    right: -4px;

    background: url(../images/tansuo_ico.png) no-repeat right top;

}

.idxjjff_br_icoline {

    position: absolute;

    width: 56px;

	height: 56px;

	border: solid 4px #00A3E7;

    right: -4px;

    top: -4px;

    opacity: 0;

}

.idxjjff_br_icoimg:hover .idxjjff_br_icoline {

    opacity: 1;

    animation: mymove .5s;

}

.idxjjff_bot_right h3 {

    font-size: 32px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #00A3E7;

}

.idxjjff_bot_right p {

    font-size: 16px;

	line-height: 32px;

	letter-spacing: 1px;

	color: #333333;

    height: 450px;

    margin-top: 30px;

}

.idxjjff_br_num {

    padding-top: 30px;

}

.idxjjff_br_num h4 {

    font-family: Barlow-Black;

	font-size: 16px;

	color: #b8b8b8;

}

.idxjjff_br_num h4 strong {

    font-size: 24px;

    font-family: Barlow-Black;

	color: #00A3E7;

}

/* 合作客户 */

.idxhezuo {

    width: 100%;

    height: auto;

}

.idxhezuo .idxproname {

    background-image: url(../images/idx_hezuoname_bg.png);

}

.idxhezuolist {

    background: url(../images/idxhezuo_bg.png) no-repeat center;

    height: auto;

    background-size: cover;

    padding-bottom: 135px;

}

.idxhezuolist .gallery-top {

    height: 80%;

    width: 100%;

  }

.idxhezuolist  .gallery-thumbs {

    height: 20%;

    box-sizing: border-box;

    margin-top: 70px;

  }

.idxhezuolist  .gallery-thumbs .swiper-slide {

    height: 100%;

  }

.idxhezuolist  .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

  }

.idxhezuo_swiper {

    padding: 0px 110px;

}

.idxhezuolist .swiper-slide{

    background: none;

}

.idxhz_list {

    padding-top: 40px;

}

.idxhz_list ul li {

    float: left;

    width: 144px;

	height: 144px;

    overflow: hidden;

	border-radius: 4px;

	border: solid 1px #b8b8b8;

    background-color: #ffffff;

    margin-right: 55px;

    margin-bottom: 50px;

    transition: all .5s;

}

.idxhz_list ul li:nth-child(8n) {

    margin-right: 0px;

}

.idxhz_list ul li a {

    display: block;

}

.idxhz_list ul li a img {

    object-fit: contain;

}

.idxhz_list ul li:hover {

    box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);

}

.idxhezuo_bot {

    width: 100%;

    height: 124px;

	border: solid 4px #b8b8b8;

    justify-content: center;

    background: none;

    cursor: default;

}

.idxhezuo_botico span {

    font-size: 55px;

    color: #3a3d42;

}

.idxhezuo_botname h3 {

    font-size: 18px;

    font-weight: bold;

    padding-left: 30px;

	letter-spacing: 1px;

	color: #333333;

}

.idxhezuo_bot1,.idxhezuo_bot2,.idxhezuo_bot3,.idxhezuo_bot4 {

    border-right: 2px solid #b8b8b8;

}

.idxhezuo_bot5,.idxhezuo_bot2,.idxhezuo_bot3,.idxhezuo_bot4{

    border-left: 2px solid #b8b8b8;

}

.idxhezuolist .swiper-slide-thumb-active,.idxhezuolist .gallery-thumbs .swiper-slide:hover {

    background-color: #00A3E7;

}

.idxhezuolist .swiper-slide-thumb-active .idxhezuo_bot ,.idxhezuolist .swiper-slide:hover .idxhezuo_bot  {

    border-color:#00A3E7;

}

.idxhezuolist .swiper-slide-thumb-active .idxhezuo_botico span,.idxhezuolist .swiper-slide-thumb-active .idxhezuo_botname h3,.idxhezuolist .swiper-slide:hover .idxhezuo_botico span,.idxhezuolist .swiper-slide:hover .idxhezuo_botname h3 {

    color: #ffffff;

}



/* 关于福思达 */

.idxabout .idxproname {

    background-image: url(../images/idx_aboutname_bg.png);

}

.idxabout_l {

    width: 35%;

}

.idxabout_l h3 {

    font-size: 14px;

	color: #333333;

}

.idxabout_l_line {

    width: 40px;

	height: 4px;

	background-color: #00A3E7;

    margin: 20px 0px 40px;

}

.idxabout_l p {

    font-size: 18px;

    text-indent: 2em;

    text-align: justify;

	line-height: 32px;

	letter-spacing: .5px;

	color: #333333;

}

.idxabout_kuang {

    width: 56px;

	height: 56px;

	border: solid 4px #b8b8b8;

    text-align: center;

    margin-top: 85px;

}

.idxabout_kuang a {

    display: block;

    line-height: 45px;

    position: relative;

}

.idxabout_kuang:hover .idxjjff_br_icoline {

    opacity: 1;

    animation: mymove .5s;

}

.idxabout_r {

    width:55%;

}

.idxabout_num {

    background: url(../images/idxabout_numbg.png) no-repeat right;

    height: 261px;

}

.num ul {

    padding-top: 40px;

}

.num ul li {

    padding-left: 50px;

    position: relative;

}

.num ul li:first-child {

    padding-left: 0px;

}

.num ul li:nth-child(2) {

    padding-left: 20px;

}

.num ul li b i {

    font-family: Barlow-Black;

	font-size: 66px;

    font-style: normal;

	color: #00A3E7;

}

.num ul li b span {

    position: absolute;

    top: 23px;

    font-size: 18px;

	color: #00A3E7;

    font-weight: bold;

}

.num ul li b span.numjia {

    font-size: 30px;

    font-weight: bolder;

    top: 12px;

}

.num ul li b span.iconfont {

    position: unset;

    font-size: 60px;

    font-weight: normal;

}

.num ul li b span.icon-gaoxinjishuqiye {

    color: #ff0000;

    font-size: 70px;

}

.num ul li p {

    font-size: 16px;

	color: #333333;

}

/* 新闻资讯 */

.idxnews {

    background-color: #b8b8b8;

    padding-bottom: 97px;

}

.idxnews_con {

    padding-top: 97px;

    padding-bottom: 208px;

    background: url(../images/idxnews_itembg.png) no-repeat bottom left;

    background-position-x: 55px;

}

.idxnews .idxproname {

    background-image: url(../images/idx_newsname_bg.png);

    margin-top: 0px;

}

.idxnews .idxproname h2 {

    padding-bottom: 20px;

}

.idxnews .idxproname p {

    background: url(../images/idxnews_sortline.png) no-repeat center;

}

.idxnews .idxproname p a {

    font-size: 18px;

	color: #333333;

    margin-left: 50px;

}

.idxnews .idxproname p a:nth-child(1) {

    margin-left: 0px;

}

.idxnews .idxproname p a:hover {

    color: #00A3E7;

}

.idxnewslist ul li {

    width: 24%;

    height: auto;

	border: solid 1px #f4f4f4;

    padding: 70px 55px;

}

.idxnewslist ul li a {

    display: block;

}

.idxnewslist ul li a h3 {

    font-size: 22px;

	font-weight: bold;

	color: #00A3E7;

    height: 22px;

    overflow: hidden;

}

.idxnewslist ul li a p {

    font-size: 16px;

    overflow: hidden;

	line-height: 24px;

    height: 52px;

	color: #333333;

    margin: 35px 0px;

}

.idxnews_liimg {

    width: 100%;

    height: 172px;

    overflow: hidden;

}

.idxnews_liimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.idxnews_bot {

    margin-top: 60px;

}

.idxnewslist ul li a h4 {

    font-size: 24px;

	font-weight: bold;

	color: #333333;

    width: 50%;

    float: left;

}

.idxnewslist ul li a h4 span {

    font-family: Barlow-Medium;

	font-size: 20px;

	font-weight: normal;

	color: #333333;

    display: block;

    padding-top: 20px;

}

.idxnewslist ul li a img.idxnews_more {

    display: block;

    float: right;

    width: auto;

    height: auto;

}

.idxnewslist ul li:hover .idxnews_liimg img {

    transform: scale(1.1);

}

.idxnewslist ul li:hover a h4,.idxnewslist ul li:hover a h4 span {

    color: #00A3E7;

}

/* 联系我们 */

.idxcontact {

    padding: 120px 0px 96px;

}

.idxcontact_l {

    width: 41%;

}

.idxcontact_l h2 {

    font-size: 40px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.idxcontact_l p {

    font-size: 22px;

	color: #333333;

    padding: 30px 0px 50px;

}

.idxcontact_l h3 {

    font-family: Barlow-Medium;

	font-size: 24px;

	letter-spacing: -1px;

	color: #333333;

    line-height:88px;

    padding: 0px 10px 0px 50px;

    border-bottom:1px solid #b8b8b8 ;

    background: url(../images/idxcontact_ico1.png) no-repeat left;

    background-position-x: 10px;

}

.idxcontact_l h3 i {

    font-family: Barlow-Medium;

    padding: 0px 15px;

	color: #333333;

    font-style: normal;

}

.idxcontact_l h3.idxcontact_mobile {

    border-top:1px solid #b8b8b8 ;

}

.idxcontact_l h3.idxcontact_phone {

    background-image: url(../images/idxcontact_ico2.png);

}

.idxcontact_l h3.idxcontact_fax {

    background-image: url(../images/idxcontact_ico3.png);

}

.idxcontact_l h3.idxcontact_email {

    background-image: url(../images/idxcontact_ico4.png);

}

.idxcontact_sanjiao {

    width: 8px;

    float: right;

    display: block;

    margin-top: 40px;

}

.idxcontac_ewm {

    justify-content: start;

    margin-top: 70px;

}

.ewm_img {

    margin-right: 70px;

    text-align: center;

}

.ewm_img img {

    width: 128px;

}

.ewm_img p {

    font-size: 18px;

	color: #333333;

    margin-top: 15px;

    padding: 0px;

}

.idxcontact_r {

    width: 50%;

}

.idxcontact_r form input {

    display: block;

    border-bottom: 1px solid #b8b8b8;

	font-size: 18px;

	font-weight: bold;

	color: #333333;

    margin-bottom: 60px;

    line-height: 60px;

}

.idxcontact_r form input::placeholder {	

    font-size: 18px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.idxcontact_r form input::-webkit-input-placeholder,.idxcontact_r form input:-moz-placeholder,.idxcontact_r form input:-ms-input-placeholder,input::-moz-placeholder{	

    font-size: 18px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.idxcontact_r form input.formline1_input {

    width: 68%;

}

.idxcontact_r form input.formline2_input {

    width: 47%;

}

.idxcontact_r form .formline3_pos {

    width: 31%; 

    position: relative;

}

.idxcontact_r form .formline3_pos input {

    width: 100%;

}

.formline3_mm {

   position: absolute;

   right: 0px;

   top: 0px;

   font-family: Barlow-Medium;

   font-size: 18px;

   letter-spacing: 1px;

   color: #999999;

   line-height: 60px;

}

.formline3_mm sup {

    font-family: Barlow-Medium;

   font-size: 18px;

   color: #999999;

}

.idxcontact_r button {

    width: 200px;

	height: 56px;

	border: solid 4px #00A3E7;

    background: none;

    font-size: 18px;

	font-weight: bold;

	letter-spacing: 1px;

	background-color: #00A3E7;

    color: #ffffff;

    display: block;

    float: left;

    position: relative;

    transition: all .5s;

}

.idxcontact_r button:hover {

    background-color: #00A3E7;

    border-color: #00A3E7;

    color: #ffffff;

}

.idxcontact_desc {

    width: 245px;

    padding: 5px 0px 0px 30px;

    float: left;

}

.idxcontact_desc p {

    font-size: 14px;

	color: #999999;

}

.idxcontact_desc p a {

    color: #00A3E7;

}

/* foot */

.foot {

    width: 100%;

    height: auto;

    padding-top: 95px;

    background-color: #3a3d42;

}

.foottop {

    align-items: flex-start;

}

.foottop_l {

    width: 70%;

}

.foottop_l dl {

    float: left;

    margin-left: 8%;

}

.foottop_l dl:nth-child(1) {

    margin-left: 0px;

}

.foottop_l dl dt {

    padding-bottom: 23px;

}

.foottop_l dl dt a {

    font-size: 18px;

	font-weight: bold;

	color: #ffffff;

}

.foottop_l dl dd a {

    font-size: 16px;

	line-height: 40px;

	letter-spacing: 0px;

	color: #999999;

}

.foottop_l dl dd a:hover {

    color: #ffffff;

}

.foottop_r {

    

}

.foottop_ricons a span {

    color: #ffffff;

    font-size: 24px;

    margin-left: 32px;

}

.foottop_ricons a:first-child span {

    margin-left: 0px;

}

.foottop_rewm  {

    width: 115px;

    margin-top: 60px;

}

.foottop_rewm img {

    width: 100%;

}

.foottop_rewm p {

	font-size: 14px;

	line-height: 40px;

	letter-spacing: 0px;

	color: #999999;

    text-align: center;

}

.footbot {

    width: 100%;

    border-top: 1px solid #333333;

    margin-top: 70px;

}

.footbot_l p {

    font-size: 14px;

	line-height: 100px;

	color: #999999;

}

.footbot_l p a {

    color: #999999;

    padding-left: 15px;

}

.footbot_r {

    width: 240px;

    height: 100px;

    position: relative;

    cursor: pointer;

}

.footbot_r h3 {

    font-size: 16px;

	letter-spacing: 0px;

    line-height: 100px;

	color: #999999;

}

.footbot_r h3 img {

    margin-left: 50px;

    filter: grayscale(100%);

}

.footbot_r_on h3 {

    color: #22aeed;

}

.footbot_r_on h3 img {

    filter: none;

    transform: rotateX(180deg);

}

.footbot_r_links {

    position: absolute;

    width: 100%;

    height: 289px;

    bottom: 70px;

    background: url(../images/yqlinks_bg.png) no-repeat center;

    background-size: cover;

    text-align: center;

    padding-top: 20px;

    display: none;

}

.footbot_r_links a {

    display: block;

    color: #333333;

    font-size: 16px;

    line-height: 40px;

}

.footbot_r_links a:hover {

    color: #0426a0;

}

.fixednav {

    position: fixed;

    top: 0px;

    background-color: #3a3d42;

    box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);

    z-index: 9999;

}



/* newslist page */

.neibanner {

    height: 600px;

}

.neibanner img.neibanner_img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.newslist_page {

    width: 100%;

    height: auto;

    background-color: #f4f4f4;

}

.newslist_psort ul {

   width: 228px;

   margin: 0px auto;

   padding: 35px 0px;

}

.newslist_psort ul li {

    float: left;

    background: url(../images/newsortbgline.jpg) no-repeat right;

}

.newslist_psort ul li:nth-child(2) {

    background: none;

}

.newslist_psort ul li a {

    font-size: 16px;

	color: #333333; 

    padding:0px 25px;

    display: block;

}

.newslist_psort h2 {

    font-size: 44px;

	font-weight: bold;

	color: #333333;

    text-align: center;

    padding: 70px 0px 55px; 

}

.newslist_pitem ul {

    justify-content: flex-start;

}

.newslist_pitem ul li {

    width: 32%;

    margin-left: 1.3%;

    height: auto;

    padding-bottom: 50px;

    margin-bottom: 20px;

    transition: all .5s;

}

.newslist_pitem ul li a {

    display: block;

}

.newslist_pitem ul li a .newslist_pimg {

    width: 100%;

    height: 320px;

    overflow: hidden;

}

.newslist_pitem ul li a .newslist_pimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .5s;

}

.newslist_pitem ul li a .newslist_pidesc {

    transition: all .5s;

}

.newslist_pitem ul li a .newslist_pidesc h4 {

    font-family: Barlow-Regular;

	font-size: 16px;

	color: #999999;

    padding-top: 30px;

}

.newslist_pitem ul li a .newslist_pidesc h3 {

    font-size: 24px;

	font-weight: bold;

	color: #333333;

    padding: 30px 0px 15px;

}

.newslist_pitem ul li a .newslist_pidesc p {

    font-size: 16px;

	line-height: 24px;

	color: #333333;

    padding-right: 50px;

    height: 47px;

    overflow-y: hidden;

}

.newslist_pitem ul li:hover {

    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

}

.newslist_pitem ul li:hover a .newslist_pimg img {

    transform: scale(1.1);

}

.newslist_pitem ul li:hover .newslist_pidesc {

    padding-left: 20px;

}

.newslist_pitem ul li:hover .newslist_pidesc h3 {

    color: #00A3E7;

}

.newslist_pagebar {

    width: 100%;

    height: auto;

    text-align: center;

    padding: 80px 0px 115px;

}

.newslist_pagebar a ,.newslist_pagebar select {

    padding: 17px 22px;

    border-radius: 4px;

	border: solid 1px #b8b8b8;

    font-size: 16px;

	color: #999999;

    margin: 0px 4px;

}

.newslist_pagebar a:hover ,.newslist_pagebar a.page-num-current{

    background-color: #00A3E7;

    color: #ffffff;

    border-color: #00A3E7;

}

.newslist_pagebar select {

    padding: 17px 10px;

    background-color: #f4f4f4;

}

.newslist_pagebar select option {

    background-color: #f4f4f4;

	border: solid 1px #b8b8b8;

    font-size: 16px;

	color: #999999;

}

.newslist_pagebar select:hover {

    background-color: #00A3E7;

    color: #ffffff;

    border-color: #00A3E7;

}

.page-status {

    display: none;

}

/* newslist page end */



/* news detail */

.news_detail_top {

    height: 83px;

}

.newsdetail_page {

    background-color: #f4f4f4;

}

.newsd_pos {

    border-bottom: 1px solid #dddddd;

    margin-bottom: 90px;

}

.newsd_positem p {

    font-size: 14px;

	line-height: 36px;

	color: #999999;

}

.newsd_positem p a {

    font-size: 14px;

	color: #999999;

}

.newsd_positem p a:hover {

    color: #00A3E7;

}

.newsd_title h2 {

    font-size: 36px;

	font-weight: bold;

	color: #282828;

}

.newsd_title p {

    font-size: 14px;

	color: #999999;

    padding: 38px 0px 30px;

}

.newsd_content {

    background-color: #ffffff;

    padding: 48px 32px;

}

.newsd_content p {

    font-size: 16px;

	line-height: 32px;

	color: #333333;

}

.newsde_part .container {

    padding: 0px;

}

.newsd_bot {

    margin: 42px 0px 96px;

}

.newsd_bot ul li {

    width: 24%;

    height: 357px;

	background-color: #b8b8b8;

    padding: 35px 20px; 

    transition: all .5s;

}

.newsd_bot ul li a {

    display: block;

}

.newsd_bot ul li a h3 {

    font-size: 18px;

	font-weight: bold;

	letter-spacing: 1px;

	line-height: 24px;

	color: #333333;

}

.newsd_bot ul li a p {

    font-size: 16px;

	line-height: 26px;

	color: #ffffff;

    padding: 30px 0px 50px;

}

.newsd_bot ul li a span {

    font-size: 16px;

    display: block;

	color: #ffffff;

    transition: all .5s;

}

.newsd_bot ul li:hover a h3 {

    color: #00A3E7;

}

.newsd_bot ul li:hover a span {

    margin-left: 10px;

}

.newsd_bot ul li:hover {

    border-radius: 10px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

}

/* news detail end */



/* contact page */

.contactpage {

    padding-top: 94px;

}

.contact_adds {

    background-color: #f4f4f4;

    padding: 96px 0px;

}

.contact_adds h2 {

    font-size: 44px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.contact_addslist {

    margin-top: 28px;

}

.contact_addslist ul li {

    margin-top: 28px;

    height: 180px;

	border: solid 1px #b8b8b8;

    width: 24%;

    margin-right: 1%;

    float: left;

}

.contact_addslist ul li h3 {

    border-bottom: solid 1px #b8b8b8;

    font-size: 18px;

	font-weight: bold;

    padding: 0px 32px;

    line-height: 48px;

	letter-spacing: 1px;

	color: #333333;

}

.contact_addslist ul li .contact_addslidesc {

    padding: 32px;

}

.contact_addslist ul li .contact_addslidesc p {

    font-size: 18px;

	letter-spacing: 1px;

    padding-bottom: 5px;

	color: #333333;

}

/* contact page end */



/* hezuo page */

.hezuobanner {

    height: 860px;

}

.hezuo_psort {

    margin: 96px 0px;

}

.hezuo_psort ul li {

    width: 19%;

    height: 186px;

	border: solid 1px #b8b8b8;

    transition: all .5s;

}

.hezuo_psort ul li a {

    display: block;

    height: 100%;

    text-align: center;

    padding-top: 30px;

}

.hezuo_psort ul li a span {

    font-size: 49px;

	color: #3a3d42;

}

.hezuo_psort ul li a p {

    font-size: 24px;

	letter-spacing: 1px;

	color: #333333;

}

.hezuo_psort ul li:hover,.hezuo_psort ul li.active {

    background-color: #b8b8b8;

}

.hezuo_psort ul li:hover a span,.hezuo_psort ul li.active a span {

    color: #00A3E7;

}

.hezuo_plist {

    padding-bottom: 80px;

}

.hezuo_plist2,.hezuo_plist3,.hezuo_plist4,.hezuo_plist5 {

    display: none;

}

.hezuo_plist ul {

    justify-content: flex-start;

}

.hezuo_plist ul li {

    width: 13%;

    height: 196px;

    background-color: #ffffff;

    text-align: center;

    line-height: 196px;

    width: 14.2%;

    margin-bottom: 15px;

    transition: all .5s;

    overflow: hidden;border: 1px solid #ffffff;

}

.hezuo_plist ul li img {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

}

.hezuo_plist ul li:hover {

    border: 1px solid #b8b8b8;

}

.hezuo_plist ul li:hover img {

    transform: scale(1.05);

}

.hezuo_bot {

    background-color: #f4f4f4;

    padding: 70px 0px;

}

.hezuo_bot ul li {

    float: left;

    width: 33%;

    height: 128px;

	border-left:1px solid #b8b8b8;

}

.hezuo_bot ul li:first-child {

    border: 0px;

}

.hezuo_bot ul li a {

    height: 100%;

    width: 100%;

    justify-content: center;

}

.hezuo_bot ul li a .hezuobot_ico {

    width: 81px;

    height: 100%;

    text-align: center;

    line-height:128px;

    margin-right: 55px;

}

.hezuo_bot ul li a .hezuobot_desc h3 {

    font-size: 28px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

    padding-bottom: 10px;

}

.hezuo_bot ul li a .hezuobot_desc p {

    font-size: 16px;

    background: url(../images/tansuo_hovico.png) no-repeat left;

	color: #333333;

    background-position-x: 75px;

}

.hezuo_bot ul li:hover a .hezuobot_ico img {

    transform: scale(1.05);

}

.hezuo_bot ul li:hover a .hezuobot_desc h3 {

    color: #00A3E7;

}

.hezuo_bot ul li:hover a .hezuobot_desc p {

    color: #00A3E7;

    background-position-x: 80px;

}

/* hezuo page end */






/* fangan gydfs */

.fanganbanner {

    height: 860px;

}

.fanganbanner_desc {

    bottom: 0px;

    height: 860px;

    display: flex;

    text-align: center;

    flex-direction: row;

    align-items: center;

}

.fanganbanner_desc h2 {

    width: 100%;

}

.fangantop {

    padding: 96px 0px ;

    background-color: #f4f4f4;

}

.fangantop_name {

    text-align: center;

}

.fangantop_name h3 {

    font-size: 44px;

	font-weight: bold;

    padding-bottom: 30px;

	color: #333333;

}

.fangantop_name p {

    font-size: 18px;

	line-height: 32px;

    padding: 0px 11.5%;

	color: #333333;

}

.fangantop_list {

    margin-top: 50px;

}

.fangantop_list ul li {

    height: 200px;

    width: 16.6%;

    border-left:1px solid #b8b8b8;

    text-align: center;

    cursor: default;

}

.fangantop_list ul li:first-child {

    border-left: 0px;

}

.fangantop_list ul li img {
	margin: 0 auto;
    margin-bottom: 30px;

    height: 80px;

}

.fangantop_list ul li p {

    font-size: 16px;

	line-height: 26px;

	color: #333333;
	padding: 0px 15px 0px 15px;

}

.fangantop_list ul li:hover img {

    transform: scale(1.1);

}

.fangantop_list ul li:hover p {

    color: #00A3E7;

}

.fanganbot {

    padding: 96px 0px;

}

.fanganbot h2 {

    font-size: 44px;

	font-weight: bold;

	color: #333333;

    text-align: center;

    padding-bottom: 50px;

}

.fanganbot_l {

    width: 66%;

    height: auto;

}

.fanganbot_l_left {

    width: 48.8%;

    height: auto;

}

.fanganbot_li {

    width: 100%;

    height: 280px;

    position: relative;

    background: url(../images/fangan_gydfs_caseimg1.jpg) no-repeat center;

    background-size: cover;

    margin-top: 25px;

}

.fanganbot_li h3 {

    font-size: 32px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #ffffff;

    padding-bottom: 20px;

}

.fanganbot_li p {

    font-size: 16px;

	line-height: 26px;

	color: #ffffff;

}

.fanganbot_liinfo {

    width: 100%;

    height: 100%;

    padding: 40px 80px 0px 40px;

    transition: all .5s;

}

.fanganbot_liinfo a {

    display: block;

    width: 100%;

    height: 100%;

}

.fanganbot_li:hover .fanganbot_liinfo {

    background-color: rgba(0, 0, 0, .5);

}

.fanganbot_li_high {

    height: 588px;

}

.fanganbot_r {

    width: 32.5%;

}

/* fangan gydfs end */



/* service page */

.servicesort {

    justify-content: center;

    padding: 40px 0px;

}

.servicesort a {

    display: block;

    font-size: 16px;

	color: #333333;

    width: 150px;

    text-align: center;

    background: url(../images/newsortbgline.jpg) no-repeat left;

}

.servicesort a:first-child {

    background: none;

}

.servicesort a:hover {

    color: #00A3E7;

}

.serverp_top {

    background-color: #f4f4f4;

    padding: 72px 0px 55px;

}

.serverp_top h2 {

    font-size: 44px;

    padding-bottom: 10px;

    font-weight: lighter;

	letter-spacing: 1px;

	color: #333333;

}

.serverp_top h3 {

    font-size: 44px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

    padding-bottom: 40px;

}

.serverp_top p {

    font-size: 16px;

	color: #333333;

    line-height: 30px;

}

.service_wb {

    padding: 65px 0px 96px;

}

.service_wbtitle {

    height: 80px;

    background: url(../images/service_wbico.png) no-repeat left;

}

.service_wbtitle h3 {

    font-size: 24px;

    font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

    line-height: 80px;

    padding-left: 105px;

}

.service_wbtitle:hover h3  {

    padding-left: 115px;

}

.service_wbdesc {

    margin: 30px 0px 60px;

}

.service_wbdesc p {

    font-size: 16px;

    line-height: 30px;

	color: #333333;

    padding-right: 36%;

}

.service_wblist {

    border-bottom: 1px solid #dddddd;

    padding-bottom: 70px;

}

.service_wblist ul li {

    width: 47.5%;

    height:144px;

	background-color: #f4f4f4;

    padding: 24px 0px 0px 24px;

    justify-content: flex-start;

    margin-bottom: 28px;

    transition: all .5s;

}

.service_wblist_num {

    width: 72px;

	height: 72px;

	background-color: #00A3E7;

}

.service_wblist_num span {

    font-family: Barlow-Black;

	font-size: 72px;

	color: #ffffff;

    display: block;

    text-align: right;

    margin-top: -8px;

    letter-spacing: 2px;

}

.service_wblist_info {

    padding: 10px 0px 0px 40px;

    width: 72%;

    cursor: default;

}

.service_wblist_info p {

    font-size: 18px;

	line-height: 26px;

	letter-spacing: 1px;

	color: #333333;

}

.service_wblist ul li:hover {

    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

}

.service_wblist ul li:hover .service_wblist_info p {

    padding-left: 10px;

    color: #00A3E7;

}

.service_cjitem {

    width: 100%;

    height: 720px;

    background: url(../images/service_chaijibg.jpg) no-repeat center;

    background-size: cover;

    padding-top: 123px;

}

.service_cjpart {

    width: 50.5%;

    height: 480px;

    background-color: rgba(255, 255, 255, .8);

    padding: 116px 0px 0px 80px;

}

.service_cjdesc p {

    padding-right: 16%;

}

.service_cjbotline {

    width:  100%;

    padding-top: 95px;

    border-bottom: 1px solid #dddddd;

}

.service_jc {

    padding: 96px 0px;

}

.service_jczq {

    margin: 74px 0px 50px;

}

.service_jczq h3,.service_jcnr h3 {

    font-size: 20px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #00A3E7;

    padding-bottom: 30px;

}

.service_jczq p {

    font-size: 18px;

	letter-spacing: 1px;

	color: #333333;

    line-height: 88px;

    background-color: #dddddd;

    padding-left: 50px;

}

.service_jcnr {

    padding-bottom: 96px;

    border-bottom: 1px solid #dddddd;

}

.service_jcnr table {

    width: 100%;

}

.service_jcnr table td {

    background-color: #f4f4f4;

    border: 1px solid #ffffff;

    line-height: 88px;

    font-size: 18px;

	letter-spacing: 1px;

	color: #333333;

    padding-left: 48px;

}

.service_jcnr table td.service_table_title {

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

    width: 25.5%;

}

.service_jcnr table td.service_table_bg {

    background-color: #dddddd;

}

.service_zl ul li {

    height: 720px;

}

.service_zl_left {

    width: 50%;

    height: 100%;

    padding: 132px 163px 0px 80px;

}

.service_zldesc {

    width: 100%;

	border-bottom: 1px solid #b8b8b8;

    padding:40px 0px 30px;

}

.service_zldesc p {

    font-size: 18px;

    line-height: 30px;

	color: #333333;

    padding-right: 190px;

}

.service_zltel {

    padding-top: 37px;

}

.service_zltel h4 {

    font-size: 24px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.service_zltel h4 span {

    font-size: 28px;

    font-family: Barlow-Bold;

	color: #00A3E7;

}

.service_zl_right {

    width: 50%;

    height: 100%;

}

.service_zl_bgw {

    background-color: #f4f4f4;

}

.service_zl_bgg {

    background-color:#dddddd;

}

.service_zl_right img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

/* service page end */



/* aboutus page */

.aboutus_top {

    background-color: #ffffff;

}

.aboutus_top h2 {

    font-weight: normal;

}

.aboutus_top p {

    padding-right: 19%;

    text-indent: 2em;

}

.about_cul ul li {

    width: 25%;

    background-color: #dddddd;

    height: 376px;

    padding: 73px 39px 0px ;

    transition: all .5s;

}

.about_cul ul li h3 {

    font-size: 36px;

	letter-spacing: 1px;

	color: #00A3E7;

}

.about_cul ul li h4 {

    font-size: 24px;

	letter-spacing: 1px;

    padding: 17px 0px 30px;

	color: #333333;

}

.about_cul ul li p {

    font-size: 16px;

    line-height: 30px;

	color: #333333;

}

.about_cul ul li.active {

    width: 50%;

    background: url(../images/about_culbg.jpg) no-repeat center;

    background-size: cover;

}

.about_cul ul li.active h4,.about_cul ul li.active p {

    color: #ffffff;

}

.about_cul ul li.active p {

    padding-right: 50%;

}

.about_yw {

    padding: 96px 0px;

}

.about_yw h2 {

    font-size: 44px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #3a3d42;

    text-align: center;

    padding-bottom: 47px;

}

.about_ywmap {

    border: solid 1px #b8b8b8;

}

.about_honor {

    background-color: #f4f4f4;

    padding: 96px 0px 50px;

}

.about_honor h2 {

    font-size: 44px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

    text-align: center;

    padding-bottom: 72px;

}

.about_honor ul li {

    width: 11.1%;

    margin-bottom: 45px;

}

.about_honor ul li a {

    display: block;

}

.about_honor ul li .abouthonor_liimg {

	height: 316px;

    padding:15px 0px;

	background-image: linear-gradient(45deg, 

		#dddddd 0%, 

		#e9e9e9 55%, 

		#ffffff 82%, 

		#f4f4f4 100%), 

	linear-gradient(

		#00A3E7, 

		#00A3E7);

	background-blend-mode: normal, 

		normal;

    overflow: hidden;

}

.about_honor ul li .abouthonor_liimg img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.about_honor ul li p {

    font-size: 15px;

	color: #333333;

    padding-top: 33px;

}

.about_honor ul li:hover img {

    transform: scale(1.1);

}

.about_honor ul li:hover p {

    color: #00A3E7;

}

.about_history {

    width: 100%;

    height: 1010px;

    background: url(../images/abouthistory_bg.jpg) no-repeat center;

    background-size: cover;

    position: relative;

}

.about_history h2 {

    font-size: 44px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #ffffff;

    text-align: center;

    padding: 96px 0px 149px;

}

.abouthis_item {

    padding-left: 5%;

}

.abouthisswiper .swiper-slide {

    background: none;

    display: block;

    text-align: left;

}

.about_hisitem {

    width: 400px;

}

.about_hisitem img {

    width: 100%;

    object-fit: cover;

}

.about_hisitem_img {

    width: 100%;

    height: 300px;

    overflow: hidden;

}

.about_hisitem:hover img {

    transform: scale(1.1);

}

.about_hisitem p {

    font-size: 16px;

    line-height: 30px;

    padding: 25px 0px 35px;

	color: #ffffff;

}

.about_hisitem h3 {

    font-family: Barlow-Black;

	font-size: 32px;

	letter-spacing: 1px;

	color: #ffffff;

}

.abouthis_line {

    width: 32px;

    height: 135px;

    margin-top: 15px;

    background: url(../images/abouthis_line.png) no-repeat left;

}

.abouthisswiper .swiper-slide-active .abouthis_line {

    height: 150px;

    background-image: url(../images/abouthis_line_active.png);

}

.abouthis_botitem {

    position: absolute;

    bottom: 11.5%;

    left: 0px;

    width: 100%;

}

.abouthis_botline {

    width: 100%;

    height:1px ;

    background-color: #b8b8b8;

}

.abouthis_item .swiper-button-next:after,.abouthis_item .swiper-button-prev:after {

    content: '';

}

.abouthis_item .swiper-button-next,.abouthis_item .swiper-button-prev {

    width: 56px;

	height: 56px;

    background: #ffffff;

    top: 38%;

}

.abouthis_item .swiper-button-next {

    background: url(../images/abouthis_swiper_right.png) no-repeat center;

    right: 2%;

}

.abouthis_item .swiper-button-prev {

    background: url(../images/abouthis_swiper_left.png) no-repeat center;

    left: 0px;

}

.abouthis_item .swiper-button-next:hover {

    background-image: url(../images/abouthis_swiper_right_on.png);

}

.abouthis_item .swiper-button-prev:hover {

    background-image: url(../images/abouthis_swiper_left_on.png);

}

.about_pics {

    padding: 96px 0px;

    background-color: #f4f4f4;

}

.about_pics h2 {

    font-size: 44px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

    text-align: center;

    padding-bottom: 72px;

}

.about_pics ul {

    justify-content: flex-start;

}

.about_pics ul li {

    background-color: #ffffff;

    width: 24%;

    height: auto;

    margin-right: 1.33%;

    margin-bottom: 20px;

}

.about_pics ul li:nth-child(4n) {

    margin-right: 0px;

} 

.about_pics_img {

    height: 314px;

    overflow: hidden;

    width: 100%;

}

.about_pics_img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.about_pics ul li h3 {

    font-size: 18px;

	letter-spacing: 1px;

	color: #333333;

    padding-left: 30px;

    line-height: 80px;

}

.about_pics ul li:hover .about_pics_img img  {

    transform: scale(1.1);

}

.about_pics ul li:hover h3 {

    color: #00A3E7;

    font-weight: bold;

}

/* aboutus page end */



/* product detail */

.prodetail_top {

    /* align-items: flex-start; */
    align-items: normal !important;
}

.prodetop_left {

    width: 50%;

}

.prodetop_lswiper {

    position: relative;

}

.prodetai_topbig {


}

.prodetai_topbig img {

	width: 100%;
    object-fit: contain;
	max-width: 550px;
	margin: 0 auto;
}

.prodetai_topsmall {
    width: 50%;

}

.prodetai_topsmall .prodetai_toplsimg {

    background-color: #ffffff;

    border: 2px solid  #3a3d42;


	display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.prodetai_topsmall .prodetai_toplsimg img {

    object-fit: contain;

    width: 100%;

}

.prodetop_lswiper {

    position: relative;

}

.prodetop_lswiper .swiper-button-next {

    background: url(../images/banner_right_w.png) no-repeat center;

    right: 15%;

}

.prodetop_lswiper .swiper-button-prev {

    background: url(../images/banner_left_w.png) no-repeat center;

    left: 15%;

}

.prodetop_lswiper .swiper-button-next:hover {

    background-image: url(../images/banner_right.png);

}

.prodetop_lswiper .swiper-button-prev:hover {

    background-image: url(../images/banner_left.png);

}

.prodetop_lswiper .swiper-button-next:after,.prodetop_lswiper .swiper-button-prev:after {

    content: '';

}

.prodetop_lswiper .swiper-button-next,.prodetop_lswiper .swiper-button-prev {

    bottom: 35px;

    top: unset;

}

.prodetop_right {

    width: 50%;

    background-color: #f4f4f4;

    padding: 50px 60px;

}

.prodetop_rdesc {

    padding-bottom: 30px;

}

.prodetop_rdesc h3 {

	font-size: 36px;

	color: #333333;

    text-transform: uppercase;

    padding-bottom: 25px;

    font-weight: bold;
	line-height: 1.5;
}

.prodetop_rdesc span {

    font-size: 22px;

    font-family: Barlow-Black;

	color: #00A3E7;

}

.prodetop_rdesc p {

    font-size: 16px;

	line-height: 25px;

	color: #333333;

    padding-bottom: 6px;

    background: url(../images/prodetop_rdesc_dian.png) no-repeat left top;

    background-position-y: 9px;

    padding-left: 20px;

}

.prodetop_ryycj h4 {

    font-size: 20px;

	font-weight: bold;

	color: #333333;

    padding-bottom: 15px;

}

.prodetop_ryycj ul {

    padding-right: 150px;

    border-bottom: 1px solid #b8b8b8;

    margin-bottom: 35px;

}

.prodetop_ryycj ul li {
	padding: 0 5px;
    min-width: 148px;

	height: 56px;

    margin-bottom: 15px;

	background-color: #ffffff;

    cursor: default;

    justify-content: flex-start;

}

.prodetop_ryycj ul li p {

    font-size: 16px;

	line-height: 56px;

	color: #333333;

}

.prodetop_ryycj ul li span {

    color: #3a3d42;

    font-size: 30px;

    display: block;

    padding: 0px 12px 0px 17px;

}

.prodetop_ryycj ul li span.icon-xumuye {

    font-size: 40px;

    padding-right: 0px;

}

.prodetop_ryycj ul li:hover {

    background-color: #00A3E7;

}

.prodetop_ryycj ul li:hover span,.prodetop_ryycj ul li:hover p {

    color: #ffffff;

}
.prodea{display: flex;}
.prodea a+a{margin-left: 10px;}
.prodetop_right a {

    display: block;

    width: 200px;

	height: 56px;

	border: solid 4px #00A3E7;

    font-size: 18px;

	font-weight: bold;

    text-align: center;

	color: #333333;

    line-height: 50px;

    position: relative;

    transition: all .5s;

    color: #ffffff;

    background-color: #00A3E7;

}

.prodetop_right a:hover {

    color: #ffffff;

    background-color: #00A3E7;

    border-color: #00A3E7;

}

.prodetai_icos {

    margin-bottom: 50px;

}

.prodetail_canshu h2 {

    padding:96px 0px 72px;

    font-size: 44px;

	font-weight: bold;

	color: #333333;

    text-align: center;

}

.prodetail_table {

    width: 100%;

    border: 1px solid #b8b8b8;

}

.prodetail_table tr {

    background-color: #ffffff;

    line-height: 72px;

}

.prodetail_table tr.prodetail_table_tr1 {

    background-color: #b8b8b8;

}

.prodetail_table tr.prodetail_table_tr1 td {

    font-family: Barlow-Bold;

	font-size: 20px;

    font-weight: bold;

	color: #333333;

    border: 1px solid #ffffff;

    width: 16.3%;

}

.prodetail_table tr.prodetail_table_tr2 td {

    border: 1px solid #f4f4f4;

    font-family: Barlow-Medium;

    font-size: 22px;

	color: #333333;

}

.prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1 {

    font-size: 20px;

	font-weight: bold;

	color: #333333;

}

.prodetail_table tr.prodetail_table_tr3 {

    background-color: #dddddd;

}

.prodetail_table tr.prodetail_table_tr1 td,.prodetail_table tr.prodetail_table_tr2 td {

    padding-left: 110px;

}

.prodetail_table tr.prodetail_table_tr1 td.prodetail_tr_td1,.prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1 {

    padding-left: 70px;

}

.prodetail_fk .prodetail_table tr.prodetail_table_tr1 td,.prodetail_fk .prodetail_table tr.prodetail_table_tr2 td {

    padding-left: 0px;

    text-align: center;

} 

.prodetail_fk .prodetail_table tr.prodetail_table_tr1 td {

    width: 14.3%;

}

.prodetail_fk .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

    text-align: left;

}

.prodetail_ff .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

    background-color: #ffffff;

}

.prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

    font-size: 18px;

	color: #333333;

    padding-left: 70px;

}

.prodetail_peizhi h2 {

    font-size: 44px;

	font-weight: bold;

	color: #333333;

    padding: 96px 0px 72px;

    text-align: center;

}

.prodetail_picsitem {

    height: 385px;

    width: 100%;

    background: url(../images/prodetail_pzimg1.jpg) no-repeat center;

    background-size: cover;

}

.button .swiper-button-next:after, .button .swiper-button-prev:after {

    content: '';

}

.idx_custm_prev {

    background: url(../images/abouthis_swiper_left.png) ;

}

.idx_custm_next {

    background-image: url(../images/abouthis_swiper_right.png) ;

}

.idx_custm_prev:hover {

    background-image: url(../images/abouthis_swiper_left_on.png);

}

.idx_custm_next:hover {

    background-image: url(../images/abouthis_swiper_right_on.png);

}

.idx_custm_swiper {

    position: relative;

}

.idx_custm_swiper .swiper-slide-prev img {

    transition: all 0s;

    -moz-transform:scaleX(-1);

-webkit-transform:scaleX(-1);

-o-transform:scaleX(-1);

transform:scaleX(-1);

filter:FlipH;

}

.prodetail_csdesc {

    position: absolute;

    width: 50%;

    height: auto;

    right: 0px;

    top: 0px;

    text-align: left;

    padding:18% 35px 0px 20px;

    display: none;

}

.prodetail_csdesc h3 {

    font-size: 32px;

    font-weight: bold;

    padding-bottom: 20px;

	color: #ffffff;

}

.prodetail_csdesc p {

    font-size: 18px;

	color: #ffffff;

}

.idx_custm_swiper .swiper-slide-active .prodetail_csdesc {

    display: block;

}

.prodetai_name h2 {

    font-size: 44px;

	font-weight: bold;

    padding: 50px 0px 50px;

	color: #333333;

    text-align: center;

}

.prodetail_azlist li {

    width: 49%;

    border-top: 1px solid #cccccc;

    justify-content: flex-start;

    padding: 33px 0px 33px 32px;

}

.prodetail_az_icons {

    margin-right: 47px;

}

.prodetail_az_desc h3 {

    font-size: 20px;

	font-weight: bold;

	color: #333333;

    padding-bottom: 15px;

}

.prodetail_az_desc p {

    font-size: 16px;

	color: #333333;

}

.prodetail_azlist li:hover {

    border-color: #b8b8b8;

}

.prodetai_azpic {

    width: 100%;

    height: auto;

    padding: 110px 0px;

    background-color: #dddddd;

    text-align: center;

}

.prodetai_case {

    width: 100%;

    /* height: 880px; */

    height: auto;

    background: url(../images/prodetai_yyalbg.jpg) no-repeat center;

    background-size: cover;

    padding-bottom: 100px;

}

.prodetail_ffcase {

    margin-top: 90px;

}

.prodecase_liimg {

    width: 100%;


    overflow: hidden;

}

.prodecase_liimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;
	transition:.4s

}

.prodecase_lidesc .a {

    font-size: 24px;

    text-align: left;

    background-color: #ffffff;

    line-height: 80px;

	color: #333333;

    padding: 0 20px;

    display: block;

    transition: all .5s;
	text-align: center;
	border-top: 1px solid #EEEEEE;

}

.prodetai_caselist .swiper-slide {

    display: block;

    width: 32.5%;

    margin-bottom: 20px;

}

.prodetai_caselist .swiper-slide:hover .prodecase_liimg img {

    transform: scale(1.1);

}

.prodetai_caselist .swiper-slide:hover .prodecase_lidesc .a {

    background-color: #00A3E7;

    color: #ffffff;

}

.prodecasenext,.prodecaseprev {

    width: 56px;

	height: 56px;

    top: 45%;

    background: url(../images/abouthis_swiper_left.png) no-repeat center;

}

.prodecasenext:after,.prodecaseprev:after {

    content: '';

}

.prodecasenext {

    right: 0px;

    background-image: url(../images/abouthis_swiper_right.png);

}

.prodecaseprev {

    left: 0px;

}

.prodecasenext:hover {

    background-image: url(../images/abouthis_swiper_right_on.png);

}

.prodecaseprev:hover {

    background-image: url(../images/abouthis_swiper_left_on.png);

}

/* product detail end */



/* fangan zhonggong */

.fabanner_desc {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

}

.fabandesc_item {

    padding: 14% 22.5% 0px;

    text-align: center;

}

.fabandesc_item h2 {

        font-size: 44px;

        font-weight: bold;

        color: #333333;

        padding-bottom: 30px;

}

.fabandesc_item p {

        font-size: 18px;

        line-height: 30px;

        color: #333333;

}

/* 安装案例图集本例子css */

.foucebox {position:relative;width:100%;height:680px;overflow:hidden;}

.foucebox .bd { position:relative; float:left; width:75%;height:100% !important;overflow:hidden;}

.foucebox .bd ul {height: 100% !important;}

.foucebox .bd ul li {height: 100% !important;}

.foucebox .bd img {width:100%;height:100%;object-fit: contain;}



.foucebox .hd {position:relative; width:23.5%; float:right; z-index:1; height: 100%;}

.foucebox .hd .tempWrap {height: 500px !important; margin-top: 89px;overflow: hidden;}

.foucebox .hd .arrow a {position: absolute;top: 0px;width: 100%;right: 0px;height: 56px;background: url(../images/anzhuang_pics_top.png) no-repeat center;background-size: 100%;display: block;z-index: 9;}

.foucebox .hd .arrow a.next {background-image: url(../images/anzhuang_pics_bot.png);top: unset;bottom: 0px;}

.foucebox .hd .arrow a.next:hover {background-image: url(../images/anzhuang_pics_bot_on.png);}

.foucebox .hd .arrow a.prev:hover {background-image: url(../images/anzhuang_pics_top_on.png);}

.foucebox .hd ul { position:relative; width:100%; overflow:hidden;  }

.foucebox .hd li { height:220px; margin-top: 20px; overflow:hidden;  }

.foucebox .hd img {width:100%;height:100%; display:block;  }

.foucebox .hoverBg { position:absolute; top:0; left:-10px; width:124px; height:64px; z-index:100; background:url(../images/hover.png) no-repeat;

}



.anzhuang_tjcp {

    margin-bottom: 110px;

}

.anzhuang_tjcp .idxpro_hover {

    opacity: 1;

}

.anzhuang_tjcp .idxprolist ul li {

    width: 32%;

    transition: all .5s;

}

.anzhuang_tjcp .idxprolist ul li:hover {

    box-shadow: 0px 0px 20px rgba(0, 0, 0, .4);

}

/* fangan zhonggong end */



/* fangan fuyafengji */

.fangan_fyjpics {

    margin-bottom: 96px;

}

.fangan_fyfj_l {

    width: 50%;

    padding: 98px 130px 60px 80px;

    background-color: #f4f4f4;

}

.fangan_fyfj_l p {

    font-size: 18px;

	line-height: 32px;

	color: #333333;

    background: url(../images/prodetop_rdesc_dian.png) no-repeat left top;

    margin-bottom: 30px;

    background-position-y: 10px;

    padding-left: 25px;

    text-align: justify;

}

.fangan_fyfj_r {

    width: 50%;

    text-align: center;

}

.fangan_fyfj_r p {

    font-size: 24px;

	color: #999999;

    line-height: 40px;

}

.fangan_fyfj_r:hover img {

    transform: scale(1.05);

}

.fangan_fyfj_list {

    padding: 100px 0px;

}

.fangan_fyfj_list ul li {

    width: 20%;

    text-align: center;

    background: url(../images/fanganfyj_line.png) no-repeat center right;

}

.fangan_fyfj_list ul li:hover img {

    transform: scale(1.1);

}

.fangan_fyfj_list ul li p {

    font-size: 18px;

    padding-top: 30px;

	color: #333333;

}

.fangan_fyfj_list ul li:hover p {

    color: #00A3E7;

}

/* fangan fuyafengji end */


.prodetop_ryycj ul {justify-content: flex-start;padding-right: 0px;}
.prodetop_ryycj ul li {margin-right: 15px;}
/* 分辨率 */

@media (max-width:1900px) {

    .navitem ul li {padding: 0px 10px;}

    .navitem ul li a {font-size: 16px;}

    .idxhz_list ul li {margin-right: 2%;}

    .hezuo_plist ul li {width: 20%;}



    .prodetail_table tr.prodetail_table_tr1 td, .prodetail_table tr.prodetail_table_tr2 td {padding-left: 5%;}

    .prodetail_table tr.prodetail_table_tr1 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1 ,.prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last{padding-left: 2%;}

    .prodetail_azlist li {height: 140px;}

    .prodetail_az_desc {width: 80%;}



}

@media (max-width:1680px) {

    .idxhz_list ul {padding: 0px 2px;}

    .idxhz_list ul li {float: unset;margin-right: 0px;width: 22%;}

    .idxhz_list ul li:nth-child(8n) {margin-right:  0%;}

    .num ul li p {font-size: 14px;}

    .ewm_img {margin-right: 50px;}

    .ewm_img img {width: 100px;}

    .foottop_l dl {margin-left: 6%;}

    .contact_addslist ul li .contact_addslidesc p {letter-spacing: 0px;}

    .fanganbot_liinfo {padding: 20px 20px 0px;}

    .service_zldesc p {padding-right: 10%;}

    .about_cul ul li {padding-top: 30px;}

    .idx_custm_next, .idx_custm_prev {top: 50%;}

}

@media (max-width:1500px) {

    .navitem ul li {padding: 0px 10px;}

    .navitem ul li a {font-size: 15px;}

    .navitem ul li.navtel,.searchico {margin-left: 10px;}

    .idxnewslist ul li {padding: 50px 30px;}

    .newslist_pitem ul li a .newslist_pimg {height: 250px;}

    .contact_addslist ul li .contact_addslidesc p {font-size: 15px;}


    .foucebox {height: 580px;}

    .foucebox .hd .tempWrap {height: 420px !important;}

    .foucebox .hd li {height: 180px !important;}

    .foucebox .hd li img {object-fit: cover;}

}

@media (max-width:1420px) {

    .navitem ul li {padding: 0px 5px;}

    .navitem ul li.navtel,.searchico {margin-left: 5px;}

    .idxhezuo_botico span {font-size: 35px;}

    .idxhezuo_botname h3 {font-size: 16px;letter-spacing: 0px;padding-left: 15px;}

    .num ul li p {font-size: 12px;}

    .ewm_img {margin-right: 30px;}

    .ewm_img img {width: 100px;height: 100px;object-fit: contain;}

    .idxcontact_l p {font-size: 18px;}

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


    .service_wblist_info p {font-size: 16px;letter-spacing: 0px;}

    .service_wbdesc p {padding-right: 20%;}

    .service_zl ul li {height: 500px;}

    .service_zl_left {padding: 50px ;}

    .prodetop_right {padding: 8% 2%;}

    .prodetail_az_desc {width: 60%;}

    .prodetail_azlist li {height: 160px;}


    .prodetai_case {height: auto;padding-bottom: 100px;}

}

@media (max-width:1300px) {

    .navitem ul li.navtel {padding-left: 40px;}

    .idxjjfa_top span {font-size: 34px;}

    .idxjjfa_top span.icon-xumuye {font-size: 48px;}

    .idxjjfa_top p {padding-left: 10px;}

    .idxjjfa_top p.xumuye {padding-left: 5px;}

    .foottop_l dl {margin-left: 4%;}

    .contact_addslist ul li h3 {padding: 0px 20px;}

    .contact_addslist ul li .contact_addslidesc {padding: 30px 20px;}

    .hezuo_bot ul li a .hezuobot_ico {width: 50px;}

    .hezuo_bot ul li a .hezuobot_desc h3 {font-size: 20px;}

    .about_cul ul li h4 {font-size: 20px;}

}

@media (max-width:1260px) {

    .navitem ul li.navtel p {font-size: 14px;}

    .idxabout_l,.idxabout_r {width: 100%;}

    .idxabout_kuang {margin: 50px 0px;}

    .idxabout_num {height: auto;}

    .about_ywmap {margin-bottom: 50px;}

    .num ul {padding-top: 0px;}

    .num ul li {width: 33%;padding-left: 0px;margin-bottom: 20px;text-align: center;}

    .num ul li:nth-child(2) {padding-left: 0px;}

    .idxnewslist ul li {width: 48%;margin-bottom: 50px;}

    .idxnews_liimg {height: 280px;}

    .idxnews_con {background-size: 100%;background-position-x: 0px;padding-bottom: 0px;}

    .ewm_img {margin-right: 20px;}

    .ewm_img img {width: 80px;height: 80px;}

    .newslist_pitem ul li a .newslist_pidesc p {padding-right: 0px;}

    .newslist_pitem ul li:hover .newslist_pidesc  {padding: 0px 10px;}

    .newsde_part .container {width: 90%;}


    .service_wblist_info {width: 80%;padding-left: 15px;}

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

    .about_pics_img {height: 200px;}

    .aboutus_top p {padding-right: 0px;}


    .prodecase_lidesc .a {font-size: 20px;}

    .prodetail_csdesc {padding-top: 12%;}

    .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1,.prodetail_table tr.prodetail_table_tr2 td,.prodetail_table tr.prodetail_table_tr1 td {font-size: 18px;}

    .prodetai_icos {margin-bottom: 0px;}

    .fabandesc_item {padding: 10% 10% 0px;}

    .anzhuang_tjcp .idxpro_hover {padding: 65px 10px;}

    .anzhuang_tjcp .idxprolist ul li {padding: 0px;}


}

@media (max-width:1220px) {

    .navitem ul li a {font-size: 14px;padding:0px;}

    .idxprolist ul li {width: 49.5%;}

    .idxprolist ul li:nth-child(3n) {border-right: 1px solid #dddddd;}

    .idxprolist ul li:nth-child(2n) {border: 0px;}

    .idxprolist ul li a p {background-position-x: 25vw;}

    .contact_addslist ul li h3 {font-size: 17px;}


    .fangantop_name p {padding: 0px 1%;}

    .about_cul ul li h3 {font-size: 30px;}

    .about_cul ul li {padding:30px 20px 0px;}
    
    .newslist_pagebar a ,.newslist_pagebar select {padding: 5px 10px;font-size: 12px;}
    .page-index,.page-last {display: none;}
}

@media (max-width:1180px) {

    .navlogo a img {height: auto;width: 150px;}

    .idxjjfa_top p {padding-left: 5px;}

    .idxjjfa_top p.xumuye {padding-left: 0px;}

    .idxjjff_bot_right {padding: 100px 30px;}

    .foottop_l dl {margin-left: 3%;}

    .foottop_l dl dt a {font-size: 17px;}

    .newslist_pitem ul li a .newslist_pidesc h3 {height: 58px;overflow: hidden;margin-bottom: 15px;}

    .neibanner {height: 350px;}

    .fanganbanner,.fanganbanner_desc {height: 460px;}

    .fangantop_list ul li p {font-size: 15px;}

    .fanganbot_liinfo {padding: 20px 20px 0px ;}

    .fanganbot_l,.fanganbot_r {width: 100%;}

    .idx_custm_next, .idx_custm_prev {margin-top: 9% !important;}

}

@media (max-width:980px) {

    .bannernav {display: none;}

    .padnav {display: block !important;}

    .idxhezuo_botico {width: 100%;}

    .idxhezuo_botname h3 {padding-left: 0px;}

    .news_detail_top {height: 70px;}

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

    .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td, .prodetail_table tr.prodetail_table_tr1 td,.prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {font-size: 13px;}

    .prodetop_left {width: 100%;height: auto;margin-bottom: 50px;}

    .prodetop_right {width: 100%;}

    .prodetail_azlist li {width: 100%;height: auto;}

    .prodecase_lidesc .a {padding: 0 10px;font-size: 16px;}

    .prodetai_topbig img {padding: 3%;}

    .prodetai_caselist .swiper-slide {width: 48%;}

}

@media (max-width:1000px) {

    .idxjjfalist {height: auto;}

    .idxjjfa_top {height: 110px;}

    .idxjjfa_top span.icon-xumuye,.idxjjfa_top p.xumuye {margin-top: -20px;}

    .icon-xumuye:before {font-size: 45px;}

    .idxjjff_bot_left {width: 100%;}

    .idxjjff_bot_right {width: 100%;padding: 50px;}

    .idxjjff_bot_right p {padding-bottom: 50px;}

    .idxcontact_l,.idxcontact_r {width: 100%;}

    .idxcontact_l {margin-bottom: 50px;}

    .foottop_l dl {margin-left: 3%;}

    .foottop_l dl dt a {font-size: 14px;}

    .foottop_l dl dd a {font-size: 13px;}

    .foottop_ricons a span {margin-left: 15px;}

    .footbot_r {width: 180px;}

    .newsd_bot ul li {width: 48%;margin-bottom: 20px;}

    .contact_addslist ul li {width: 32%;margin-right: 1.3%;}

    .hezuo_psort ul li a p {font-size: 20px;}

    .hezuo_psort ul li {height: 160px;}

    .hezuo_bot ul li a .hezuobot_ico {width: 20px;margin-right: 20px;}

    .hezuo_bot ul li a .hezuobot_desc h3 {font-size: 16px;}

    .fangantop_list ul li {width: 33%;margin-bottom: 30px;}

    .fangantop_list ul li:nth-child(4) {border: 0px;}

    .service_wbdesc p {padding-right: 5%;}

    .service_wblist_num {width: 40px;height: 46px;}

    .service_wblist_num span {font-size: 50px;}

    .service_wblist_info {padding-top: 0px;}

    .service_cjpart {width: 80%;}

    .service_zl_left {padding:40px 20px 20px;}

    .about_pics_img {height: 160px;}

    .about_hisitem {width: 300px;}

    .about_hisitem_img {height: 230px;}

    .about_history {height: 933px;}

    .about_cul ul li {width: 30%;}

    .about_cul ul li.active {width: 40%;}

    .about_cul ul li.active p {padding-right: 20px;}

    .about_cul ul li h4 {padding-bottom: 15px;}

    .foucebox {height: 380px;}

    .foucebox .hd .tempWrap {height: 250px !important;margin-top: 60px;}

    .foucebox .hd li {height: 100px !important;}

    .foucebox .hd li img {object-fit: cover;}

}

@media (max-width:850px) {

    .banner_icolist ul {justify-content: center;}

    .banner_icolist ul li {width: 50%;background-size: contain;margin-bottom: 40px;}

    .banner_icolist ul li:hover {box-shadow: none;border-radius: none;margin-top: 0px;}

    .bannerlist .swiper-button-next ,.bannerlist .swiper-button-prev {top: 30%;}

    .idxprolist ul li a p {background-position-x: 26vw;}

    .idxhezuo_botname h3 {font-size: 13px;}

    .idxhz_list ul li {height: 120px;}

    .idxnews_liimg {height: 180px;}

    .newslist_pitem ul li {width: 48%;}

    .hezuo_bot ul li a .hezuobot_ico {width: 40px;}

    .hezuo_bot ul li a .hezuobot_desc h3 {font-size: 19px;}

}

@media (max-width:767px) {

    .banner_icolist ul li {width: 50%;background-size: 150px;margin-bottom: 0px;}

    .banner_icolist ul li span {font-size: 55px;padding-top: 20px;}

    .padfnav_r {width: 80vw;}

    .padfnav_r ul li a {line-height: 30px;font-size: 16px;}

    .padfnav_close {padding-right: 30px;}

    .padnav_part h6 img {padding-left: 10px;}

    .padfnav_icons {padding-top: 0px;}

    .padfnav_icons a span {font-size: 24px;}

    .idxprolist ul li {width: 100%;border: 0px;padding: 20px 10px 60px;}

    .idxprolist ul li:nth-child(3n) {border: 0px;}

    .idxprolist ul li a p {background-position: 65% 24px;padding:20px 0px 40px;}

    .idxprolist ul li a .idxpro_img {height: auto;}

    .idxproname p {width: 100%;}

    .idxjjfa_top p {font-size: 12px;width: 60%;}

    .idxjjff_bot_right {padding: 50px 20px;}

    .idxjjfa_top {height: 100px;}

    .idxhezuo_swiper {padding: 0px 0px;}

    .idxproname {margin: 50px 0px 50px;}

    .idxhz_list {padding-top: 0px;}

    .idxhz_list ul li {width: 48%;height: 150px;margin-bottom: 20px;}

    .idxhezuo_botname h3 {font-size: 12px;font-weight: normal;width: 48px;overflow: hidden;height: 14px;}

    .idxhezuolist .gallery-thumbs {margin-top: 30px;}

    .idxhezuo_bot {border: 2px solid #b8b8b8;}

    .idxhezuo_bot5, .idxhezuo_bot2, .idxhezuo_bot3, .idxhezuo_bot4 {border-left: 0px;}

    .idxhezuolist {padding-bottom:0px;}

    .num ul li {width: 50%;text-align: center;}

    .num ul li b i {font-size: 44px;}

    .num ul li b span {top: 14px;}

    .num ul li b span.numjia {top:3px;}

    .idxnewslist ul li {width: 100%;}

    .idxcontact {padding: 80px 0px 40px;}

    .idxcontact_l h2 {font-size: 30px;}

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

    .idxcontact_r form input.formline1_input {width: 100%;}

    .idxcontact_desc {padding-left: 0px ;padding-top: 20px;width: 100%;}

    .idxcontact_l h3 {font-size: 20px;}

    .idxcontact_r form input {margin-bottom: 30px;}

    .idxcontact_r form input::placeholder {font-size: 15px;}

    .foot {padding-top: 0px;}

    .foottop ,.footbot_r{display: none;}

    .footbot {margin: 0px;border: 0px;padding: 20px 0px;}

    .footbot_l {width: 100%;}

    .footbot_l p {line-height: 40px;text-align: center;}

    .footbot_l p a {display: block;text-align: center;}

    .topleft {width: 100%;}

    .topright {display: none;}

    .padfnav_r ul li .padernav a {font-size: 14px;line-height: 20px;}

    .newslist_pitem ul li {width: 100%;}

    .newsd_bot ul li {width: 100%;}

    .newsd_content {padding: 20px 15px;}

    .newsd_pos {margin-bottom: 30px;}

    .newsd_title h2 {font-size: 20px;}

    .newsd_title p {padding: 20px 0px ;}

    .newsd_bot ul li {height: auto;}

    .contact_addslist ul li {width: 100%;margin-right: 0%;height: auto;}

    .contact_adds h2 {font-size: 30px;}

    .hezuo_plist ul li {width: 50%;}

    .hezuo_psort ul li a {padding-top: 20px;}

    .hezuo_psort ul li a span {font-size: 28px;}

    .hezuo_psort ul li a p {width: 50px;margin: 5px auto 0px;font-size: 16px;}

    .hezuo_bot ul li {width: 100%;border: 0px;}

    .hezuobanner {height: 260px;}

    .hezuo_bot ul li {height: auto;text-align: center;margin-bottom: 20px;}

    .hezuo_bot ul li a {display: block;}

    .hezuo_bot ul li a .hezuobot_ico {height: auto;line-height: 60px;width: 100%;}

    .hezuo_bot ul li a .hezuobot_ico img {margin: 20px auto;display: block;width: 50px;}

    .hezuo_bot ul li a .hezuobot_desc p {background-position-x: 62%;}

    .fangantop_name h3,.fanganbot h2 {font-size: 30px;}

    .fangantop_name p {padding: 0px 10px;}

    .fangantop_list ul li {width: 48%;}

    .fangantop_list ul li:nth-child(3),.fangantop_list ul li:nth-child(5) {border: 0px;}

    .fangantop_list ul li:nth-child(4) {border-left: 1px solid #b8b8b8;}

    .fanganbot_l_left {width: 100%;}

    .fanganbot_li_high {height: 280px;}

    .fanganbot_li h3 {font-size: 20px;}

    .servicesort {justify-content: flex-start;padding: 20px 10px;}

    .servicesort a {width: auto;padding: 10px;background: none;background-color: #00A3E7;color: #ffffff;border-radius: 4px;margin-right: 5px;margin-bottom: 5px;}

    .servicesort a:first-child {background: #00A3E7;}

    .serverp_top h2,.serverp_top h3 {font-size: 30px;}

    .service_wbtitle {background-size: 50px;}

    .service_wbtitle h3 {padding-left: 70px;}

    .service_wblist ul li {width: 100%;height: auto;padding-bottom: 20px;}

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

    .service_jcnr table td {padding-left: 10px;font-size: 14px;line-height: 50px;}

    .service_zl ul li {height: auto;}

    .service_zl_left {width: 100%;height: auto;padding-bottom: 30px;}

    .service_zldesc p {padding-right: 0px;}

    .service_zl_right {width: 100%;}

    .service_cjbotline {padding-top: 50px;}

    .service_jc {padding: 50px 0px;}

    .service_wb,.service_jcnr {padding-bottom: 50px;}

    .service_wblist {padding:15px 0px 20px;}

    .about_cul ul li.active,   .about_cul ul li {width: 100%;height: auto;padding-bottom: 40px;}

    .about_honor ul li {width: 49%;padding: 0px;}

    .about_honor ul li .abouthonor_liimg {padding: 15px;height: 250px;}

    .about_honor ul li p {font-size: 15px;letter-spacing: 0px;}

    .about_pics ul li {width: 100%;margin-bottom: 20px;}

    .about_history h2 {padding-bottom: 90px;}

    .about_pics h2,.about_history h2,.about_honor h2,.about_yw h2 {font-size: 30px;}

    .about_cul ul li h4 {line-height: 30px;font-size: 18px;}

    .about_cul ul li.active p {padding-right: 0px;}

    .prode_banner {height: 250px;}

    .prodetai_topsmall {width: 90%;}

    .prodetop_lswiper .swiper-button-next {right: 0%;}

    .prodetop_lswiper .swiper-button-prev {left: 0%;}

    .prodetai_name h2 {font-size: 30px;padding-top: 70px;padding-bottom: 50px;}

    .prodetail_table tr.prodetail_table_tr1 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

        padding-left: 0px;

    }

    .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td, .prodetail_table tr.prodetail_table_tr1 td, .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {padding-left: 0px;text-align: center;font-size: 12px;line-height: 26px;padding: 10px 0px;}

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

    .prodetai_azpic {padding: 50px 0px;}

    .prodetop_ryycj ul li {width: 100%;margin-right: 0px;}

    .prodetop_ryycj ul li span.icon-xumuye {padding-left: 9px;}

    .prodetail_az_desc {width: 100%;text-align: center;}

    .prodetail_az_icons {margin: 0 auto 20px;}

    .fabandesc_item {padding-top: 20%;}

    .fabandesc_item h2 {font-size: 30px;}

    .fabandesc_item p {font-size: 15px;line-height: 24px;}

    .foucebox .bd img {object-fit: contain;}

    .foucebox .hd .tempWrap {height:115px !important;margin-top: 41px;}

    .foucebox .hd li {height: 50px !important;margin-top: 5px;}

    .foucebox .hd li img {object-fit: cover;}

    .foucebox {height: 200px;}

    .anzhuang_tjcp {margin-bottom: 50px;}

    .anzhuang_tjcp .idxprolist ul li {width: 100%;margin-bottom: 20px;}

    .padnav_jiantou img {margin-top: 14px;}

    .prodetop_rdesc h3 {font-size: 40px;}

    .idxjjfalist {height: 920px;}

    .idxjjff_bot_right p {height: auto;}

    .idxjjff_bot_left {height: 225px;}

    .about_history {height: 849px;}

    .fangan_fyfj_l,.fangan_fyfj_r {width: 100%;}

    .fangan_fyfj_l {padding: 40px 15px;}

    .fangan_fyfj_list {padding: 50px 0px 10px;}

    .fangan_fyfj_list ul li {width: 100%;background: none;margin-bottom: 40px;}

    .service_zltel h4 {font-size: 17px;letter-spacing: 0px;}

    .prodetai_caselist .swiper-slide {width: 100%;}

}

@media (max-width:360px) {

    .padfnav_r ul li a {line-height: 20px;font-size: 14px;}

    .idxjjfa_top p {width: 70%;}

    .service_jcnr table td {padding-left: 5px;}

}

@media (max-width:320px) {

    .padfnav_close {padding-top: 10px;font-size: 20px;}

    .padfnav_r ul {padding: 10px;}

    .padfnav_icons a span {font-size: 20px;}

    .banner_icolist ul li {background-size: 130px;}

    .banner_icolist ul li span {font-size: 48px;padding-top:25px;}

    .banner_icolist ul li p {font-size: 18px;}

    .idxprolist ul li a p {background-position-x: 70%;}

    .idxjjfa_top p {width: 80%;}

    .idxcontact_l p{font-size: 16px;}

    .idxcontact_l h3 {font-size: 18px;}

    .ewm_img {margin-right: 12px;}

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

}