@charset "UTF-8";


@font-face {
    font-family: 'D-DINExp';
    src: url('../fonts/D-DINExp.otf');
    src: local('D-DINExp'),
    local('D-DINExp'),
    url('../fonts/D-DINExp.otf') format('woff'),
    url('../fonts/D-DINExp.otf') format('truetype'),
    url('../fonts/D-DINExp.otf#D-DINExp') format('svg');
}

@font-face {
    font-family: 'OPPOSans-M';
    src: url('../fonts/OPPOSans-M.ttf');
    src: local('OPPOSans-M'),
    local('OPPOSans-M'),
    url('../fonts/OPPOSans-M.ttf') format('woff'),
    url('../fonts/OPPOSans-M.ttf') format('truetype'),
    url('../fonts/OPPOSans-M.ttf#D-DINExp') format('svg');
}
@font-face {
    font-family: 'OPPOSans-R';
    src: url('../fonts/OPPOSans-R.ttf');
    src: local('OPPOSans-R'),
    local('OPPOSans-R'),
    url('../fonts/OPPOSans-R.ttf') format('woff'),
    url('../fonts/OPPOSans-R.ttf') format('truetype'),
    url('../fonts/OPPOSans-R.ttf#D-DINExp') format('svg');
}
@font-face {
    font-family: 'OPPOSans-B';
    src: url('../fonts/OPPOSans-B.ttf');
    src: local('OPPOSans-B'),
    local('OPPOSans-B'),
    url('../fonts/OPPOSans-B.ttf') format('woff'),
    url('../fonts/OPPOSans-B.ttf') format('truetype'),
    url('../fonts/OPPOSans-B.ttf#D-DINExp') format('svg');
}
.tbmx{width:86%;margin: 1% auto;}
.tbmx p{font-size: 16px;margin-bottom: 5px;color: #fff}
.tbmx img{width: 100px;margin-right: 15px;height: 100px;margin-bottom: 10px}


/********案例内页********/
.pro_box{width: 1200px;margin: 0 auto;}
.swiper-slide {background-size: cover;background-position: center;}
.gallery-top {
    height:300px;
    width:480px;
}
.gallery-thumbs {
    width: 260px;
    height: 60px;
    box-sizing: border-box;
    margin-top: 15px;
    text-align: center;
}
.gallery-thumbs .swiper-slide {
    width: 80px !important;
    height: 60px;
    opacity: 1;
    border: 1px solid #999999;
    cursor: pointer;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border-color: #db3939;
}
.swiper-button-next.swiper-button-white{background: url(../img/icon16.png) no-repeat;background-size: 100% 100%;right: 0;}
.swiper-button-prev.swiper-button-white{background: url(../img/icon15.png) no-repeat;background-size: 100% 100%;left: 0;}
.swiper-button-next, .swiper-button-prev{width: 27px;height: 50px;}
.pro_lg{overflow: hidden;}
.xq_lf{display: inline-block;width: 630px;position: relative;vertical-align: top;}
.xq_rg{display: inline-block;width: 500px;float: right;vertical-align: top;padding-top: 15px;}
.xq_rg h2{color:#db3939;font-size: 28px;margin-bottom: 20px;}
.xq_list{width: 100%;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding: 15px 0;}
.xq_list li{display: inline-block;font-size: 16px;width: 100%;line-height: 25px;margin-bottom: 10px;color: #787878;}
.pro_box{margin-bottom: 100px;}
.pro_xq{width: 100%;margin-top: 50px;overflow: hidden;}
.pro_xq_lf{display: inline-block;width: 850px;vertical-align: top;}
.pro_xq_rg{display: inline-block;width: 300px;float: right;vertical-align: top;}
.pro_xq_rg h4{text-align: center;color:#5398FF;font-size: 18px;margin-bottom: 20px;}
.pro_xq_rg ul li{width: 300px;height: 300px;text-align: center;border: 1px solid #EEEEEE;border-top: 0;padding: 10px 0;}
.pro_xq_rg ul li img{width: 250px;height: 250px;}
.pro_xq_rg ul li p{color: #999999;font-size: 16px;margin-top: 5px;}
.pro_xq_rg ul li:hover p{color:#5398FF;}
.pro_xq_rg ul li:first-child{border-top: 1px solid #EEEEEE;}
.gallery-thumbs .swiper-wrapper{transform:none !important;}
.xq_zx a{display: inline-block;width: 150px;height: 40px;line-height: 40px;background: #db3939;text-align: center;color: white;font-size: 16px;}
.xq_zx{margin-top: 20px;}
.pro_xq{width: 100%;margin-top: 60px;}
.pro_xq h3{color: #333333;font-size: 18px;border-bottom: 1px solid #a0a0a0;padding-bottom: 10px;}
.xq_nr{padding-top: 20px;text-align: center;}
/********案例内页结束********/

/***********新闻内页************/

.wrap{ max-width:1200px; margin:0 auto; width:100%; min-width:300px}
.mg40{margin-top:40px}
.news_tt{ width:100%;font-size:24px; text-align:left;line-height:1.6;}
.news_time{border-bottom:1px solid #ddd; padding:10px 0 20px;  color:#999}
.article{line-height:2; font-size:16px; padding:40px 0}
.pre_next{ line-height:30px; color:#999; margin-bottom:50px;}
.pre_next a{color:#999}
/***********新闻内页结束************/

.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.mob{display: none;}
.pc{display: block;}



.vw{ max-width: 1640px; margin: 0 auto; width: 86%; min-width: 1280px; }
.vw2{ width: 74%; max-width: 1400px; min-width: 1200px;  margin: 0 auto;}
.vw3{ width: 1200px; margin: 0 auto; }

.tit{ position: relative;padding-bottom: 1%; }
.tit .en{ font-size:48px; text-transform: uppercase; color: rgba(0,156,255,.2); text-align: center; line-height: 1;}
.tit .cn{font-size:48px; text-transform: uppercase; color: rgba(0,156,255,1); text-align: center; position: absolute; width: 100%; top: 0; line-height: 1;}
.tit .cn::after{ display: block; content: ""; width: 110px; height: 2px; background: rgba(0,156,255,.5); margin:0.83% auto 0; }
.tit .dsc{ color: #333333; font-size: 16px; text-align: center;margin:1.9% auto 0;}


.top_bg{ position: relative;transition: all 0.3s;}
.top{ position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999;height: 80px; transition: all 0.3s;}
.top_con{ height: 100%; }
.logo{ width: 12%; float: left;padding: 10px 0}
.menu{ width: 67%; float:left; margin-left: 3%; height: 100%; font-size: 0; text-align: justify}
.menu .menu_item{ display: inline-block; padding: 0 1.85%; height: 100%; position: relative;}
.menu .menu_item a{ color: #000; font-size:18px;height: 100%; display: block;padding: 1.25% 0; line-height: 80px; }
.top .menu .menu_item a:hover,.top .menu .menu_item a.active{ color: rgb(0,156,255) }
.top_tel{
    /*width: 13.5%;*/
    float: right;  font-size: 18px; color: #fff;padding: 10px 0; min-width: 200px;}
.top_tel p{ font-size: 20px; color: #c60018;  font-weight: bold;}
.top_tel .left{ line-height: 2.9;margin-right: 10px}
.top:hover{ background: #fff;}
.top:hover .top_tel{ color: #000;}
.top:hover .menu_item a{color: #000;}
.top_tel .left img:last-child{display: none;}
.top:hover .top_tel .left img:first-child{display: none}
.top:hover .top_tel .left img:last-child{display: inline-block;}


.oth .top,.oth2.top{ position: inherit; background: #fff;}
.oth .top,.oth2.top{ background: #fff;}
.oth .top .top_tel,.oth2.top .top_tel{ color: #000;}
.oth .top .menu_item a,.oth2.top .menu_item a{color: #000;}
.oth .top_tel .left img:last-child,.oth2.top_tel .left img:last-child{display: none;}
.oth .top .top_tel .left img:first-child,.oth2.top .top_tel .left img:first-child{display: none}
.oth .top .top_tel .left img:last-child,.oth2.top .top_tel .left img:last-child{display: inline-block;}

.menu_child{ border-top: 1px solid #f5f5f5; position: absolute; top: 79px; width: 100%; left: 0; text-align: center; background: #fff; display: none; transition: all 0.3s;z-index: 999 }
.menu .menu_child a{ line-height: 2;}
.menu .menu_child a:first-child{ margin-top: 15px;}
.menu .menu_child a:last-child{ margin-bottom: 15px;}
.menu_child li{ font-size:14px; color: #333; }
.menu_child li:hover{ color: rgb(0,156,255)}
.menu .menu_item:hover .menu_child{ display: block;}




    /*banner*/
.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 1; border-radius: 0;}
.ban_swi .swiper-pagination-bullet-active{ background: #e77817;  border-radius: 0; }

.oth-top,.banner{ text-align: center;}
.oth-top img,.banner img{max-width: 100%;}

.se_bg{ background: #fff; padding:1.7% 0; height: auto; overflow: hidden;}
.se_con .left{ color: #333333;  font-size: 16px; width: 70%;}
.se_con .left a{ color: #333333; margin-left: 2.5%;}
.se_con .right{ width: 230px; height: 34px; border:1px solid rgb(0,156,255); border-radius: 17px; }
.se_con .right .c1{ height: 32px; margin-left: 17px; border: none; float: left;}
.se_con .right .c2{  float: right; width: 30px; margin-right: 15px; background: url("../images/seioc.png") no-repeat;  border: none; margin-top: 7px;}

.in_about{height: auto; overflow: hidden; padding: 3% 0; background: url("../images/inbout_bg.jpg") no-repeat; background-size:100%; }
.in_about_con{ margin: 2.4% auto 5.2%;}
.in_about_con .left{ width: 45.7%;}
.in_about_con .right{ width: 48.6%;}
.ab_t{  font-size:100px; color: rgba(0,156,255,.2); line-height: 1; text-transform: uppercase;position: relative;}
.ab_t p{ font-size: 40px; position: absolute; bottom: 0; line-height: 1; color: #333; font-style: italic;}
.in_about_con .left .ab_dsc{ font-size: 16px; color: #333333; line-height: 1.8; margin: 4% auto 7%;}
.in_about_con .left .ab_t{ margin-top: 6%;}
.more1{width: 160px; height: 50px; line-height: 49px;  font-size: 18px; color: #009cff; text-indent: 10px; background: url("../images/mo_bg.png") no-repeat;}



.adv_bg{ background: rgba(0,156,255,.1); width: 100%; height: auto; overflow: hidden; padding: 3% 0;}
.adv_con{ margin: 2.6% auto 0; height: auto; overflow: hidden;}
.adv_item{ padding: 2% 1.3% 1.9%; background: #fff; text-align: center; float: left; width: 24%; margin-right: calc((100% - 24%* 4 )/3); border-radius: 0 10px 10px; }
.adv_item:nth-child(4n){ margin-right: 0;}
.adv_item .adv_m img:last-child{display: none;}
.adv_ct{font-size: 20px;  color:#333; margin: 30px auto 18px;}
.adv_item p{ font-size: 14px;  color: #333333;}
.adv_item:hover .adv_ct{ color: rgb(0,156,255);}
.adv_item:hover .adv_m img:first-child{display: none;}
.adv_item:hover .adv_m img:last-child{display: inline-block;}

.pro_in{padding:3% 0;}
.pro_in_con{ padding: 2.6% auto 0; height: auto; overflow: hidden;}
.pro_in_cate{ border-bottom: 1px solid #e5e5e5;height:auto; overflow:hidden; }
.pro_in_cate .item{float: left; margin-right: 2.6%;  color: #333333; font-size: 24px; line-height: 1; margin-top: 15px;}
.pro_in_cate .item.active{ color: rgb(0,156,255);}
.pro_in_cate .item.active::after{width: 60px; height: 2px; background: rgb(0,156,255); content: ""; display: block; margin: 25px auto 0;}
.more2{ float: right; }
.more2:hover .more1{ color: #fff;background: url("../images/more2_bg.png") no-repeat;}
.pro_in_list{ margin:1.8% auto 0; height: auto; max-width:1420px; padding:25px 10px 10px; overflow: hidden;}

.in_pitem{ padding: 2% 1.3%;border: 1px solid #9b9595; background: #fafafa; text-align: center; float: left; width: 24%; margin-right: calc((100% - 24%* 4 )/3); border-radius:  20px 20px; transition: all 0.3s; }
.in_pitem:nth-child(4n){ margin-right: 0;}
.in_pitem .jia img{ transition: all 0.3s; width: 20px}
.in_pitem .jia img:last-child{display: none;}
.in_pt{  font-size: 18px; margin: 20px auto 15px; color: #333; transition: all 0.3s;}
.in_pitem p{ font-size: 14px; color: #333333;  margin-bottom: 15px;}
.in_pm{  margin: 0 auto; width: 100%; }
.in_pm img{ transition: all 0.3s; width: 71.12%;}
.in_pitem:hover{border: 1px solid #fff; margin-top: -15px; box-shadow: 0 0 5px 3px #eaf7ff; background: url("../images/inpi_bg.png") #fafafa bottom no-repeat; background-size: 100% 100%;}
.in_pitem:hover .in_pm img{ width: 85%; margin-top: -15px;}
.in_pitem:hover .in_pt{ color: rgb(0,156,255);}
.in_pitem:hover .jia img:first-child{ display: none;}
.in_pitem:hover .jia img:last-child{ display: inline-block;}

.in_hy{ padding: 4% 0 0; background: #f6f6f5; height: auto; overflow: hidden;}
.in_hy_con .left{ width: 50%; text-align: left;}
.in_hy_con .left .hy_tt{ font-size: 48px;  margin: 40px auto; color: rgb(0,156,255)}
.in_hy_con .dsc{ font-size: 16px;  line-height: 1.89; color: #333;}

.in_news{ padding: 3% 0 4.5% 0; height: auto; overflow: hidden;}
.news_in_item{ text-align: left; float: left; width: 23%; margin-right: calc((100% - 23%* 4 )/3); transition: all 0.3s; margin-top: 2.8%; }
.news_in_item:nth-child(4n){ margin-right: 0;}
.news_in_item .tim{ font-size: 14px; color: #333333; }
.news_in_item p{ font-size: 18px;  color: #333; margin: 17px auto; text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_in_item .n_m{ border-radius: 0 15px 15px 15px; overflow: hidden; position: relative; }
.news_in_item .n_m img{ transition: all 0.3s;}
.news_in_item .n_m .fx{ transition: all 0.3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2)}
.news_in_item:hover .fx{display: none;}
.news_in_item:hover .n_m img{ transform: scale(1.1);}
.news_in_item:hover p{ color: rgb(0,156,255)}
.sh{ background: rgba(0,156,255,.1); padding: 3% 0 4.5%; height: auto; overflow: hidden; }
.so_con{ margin: 3.6% auto 0; display: flex; justify-content: space-between; }
.so_con .sh_itme{ text-align: center;}
.so_con .sh_itme p{ font-size: 20px; color: #333;  margin-top: 30px; }

.oth_ab_con{ padding-top: 3%; height: auto; overflow: hidden;}
.oth_tit{ font-size: 38px;}
.oth_tit .cn,.oth_tit .en{ font-size: 38px;}
.ab_content{ margin-top: 2.2%; color: #333;  line-height: 22px; font-size: 16px; }
.ab_content p{margin-top: 10px; }
.jiazhi_cn{ height: auto; overflow: hidden;}
.jiazhi{background: rgba(0,156,255,.1); width: 100%; height: auto; overflow: hidden; padding: 3% 0 1.6%;}
.jiazhi_item{ width:31.6%;     margin-right: calc((100% - 31.6% * 3 )/3); height: 105px; float: left; margin-bottom: 65px;}
.jiazhi_item:first-child .con{display: flex; width: 100%;  height: 105px; align-items: center;  font-size: 38px;   }
.jiazhi_item:nth-child(3n){ margin-right: 0;}
.jiazhi_item .t{ height: auto; overflow: hidden;}
.jiazhi_item .t_m{ margin-right: 15px;  }
.jiazhi_item .d_m{ font-size: 20px; color: rgba(0,156,255,.2); text-transform: uppercase; line-height: 1;}
.jiazhi_item .d_m p{font-size: 22px; color: rgb(0,156,255);}
.jiazhi_item .d{  font-size: 16px; color: #333333; margin-top: 20px;}

.dashiji{ padding: 5% 0 0;}
.dsg_box{ width: 1600px; height: auto; overflow: hidden; margin: 5.2% auto 4.5%; position: relative;}
.dsg_box .gallery-top{ width: 1200px; height: auto; overflow: hidden;}
.dsg_box .gallery-thumbs{ width: 1200px; height: auto; overflow: hidden}
.dsg_box .gallery-top .left{ width: 550px;}
.dsg_box .gallery-top .right{ width: 600px;}
.dsg_box .gallery-top .right .tim{ font-size: 20px;  color: #333333;}
.dsg_box .gallery-top .right .rit{ font-size: 30px;  color: #333; margin: 25px auto 25px;}
.dsg_box .gallery-top .right .con{ font-size: 16px; color: #333333; line-height: 1.5; }
.dsg_box .gallery-top .right .con p{ margin-top: 10px;}
.dsg_box .swiper-pagination{ position: inherit; text-align: center; margin: 45px auto 60px; font-size: 16px; color: #333333;   }
.dsg_box .swiper-pagination .swiper-pagination-current{ color: #000;}
.dsg_box .gallery-thumbs{ border-top:1px solid rgba(0,0,0,.1);}
.dsg_box .gallery-thumbs .swiper-slide{ font-size: 16px;  color: #333; text-align: center;  }
.dsg_box .gallery-thumbs .swiper-slide:hover{ cursor: pointer;}
.dsg_box .gallery-thumbs .swiper-slide-thumb-active{ color: rgb(0,156,255);}
.dsg_box .gallery-thumbs .swiper-slide::before{ width: 30px; height: 2px; background: rgba(0,156,255,0); content: ""; display: block; margin: 0 auto 15px; }
.dsg_box .gallery-thumbs .swiper-slide-thumb-active::before{  background: rgb(0,156,255); }
.swiper-button-next::after,.swiper-button-prev::after{display: none;}
.lzn,.lzp{ width: 60px; height: 60px; outline: none; opacity: 1 !important;}
.lzn{ background: url("../images/right_arr.png") no-repeat;}
.lzp{ background: url("../images/left_ar.png") no-repeat;}
.lzn:hover{ background: url("../images/right_ar_on.png") no-repeat;}
.lzp:hover{ background: url("../images/left_ar_on.png") no-repeat;}


#demo{height: 384px;width: 100%;margin: 0 auto;overflow: hidden;}
#demo1{float: left; font-size: 0;}
#demo2{float: left; font-size: 0;}
#demo1 a,#demo2 a{display: inline-block;overflow: hidden;text-align: center;width: 384px;height: 384px; margin: 0; padding: 0;    background: #fff;}
#demo1 a img,#demo2 a img{width: 384px;height: auto;transition: all 0.2s linear;}
#demo1 a p,#demo2 a p{color: black;font-size: 14px;margin-top:5px;}
.l_img{ position: relative;}
.l_img .fx{position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2); transition: all 0.3s; top: 0; left: 0;}
.l_img:hover .fx{display: none;}

.oth_nav_bg{ padding:1% 0 0; height: auto; overflow: hidden; background: #fff; }
.oth_nav_bg .oth_nav{ height: auto; overflow: hidden; font-size: 0;}
.oth_nav_bg .oth_nav a{ font-size:20px; color: #000;
    /* */
    display: inline-block; margin-right: 2%; }
.oth_nav_bg .oth_nav a.active,.oth_nav_bg .oth_nav a:hover{ color: rgb(0,156,255);}
.oth_nav_bg .oth_nav a.active::after,.oth_nav_bg .oth_nav a:hover::after{ background: rgb(0,156,255); width: 40px; height: 2px; display: block; margin: 20px auto 0; content: "";}

.oth_pro_bg{ background: #f5f5f5; padding: 2.6% 0; height: auto; overflow: hidden }
.oth_pro_con{ overflow: hidden;}
.oth_pro_item{width:23.2%;     margin-right: calc((100% - 31% * 3 )/3); margin-bottom: 20px; float: left;}
.oth_pro_item:nth-child(4n){ margin-right: 0;}
.oth_pro_item .p_t{ font-size: 14px; color: #000; text-align: center; line-height: 2.5;
    /**/
}
.oth_pro_item:hover .p_t{ color: rgb(0,156,255);}

.oth_news .news_in_item {width:31%;     margin-right: calc((100% - 31% * 3 )/3); margin-bottom: 15px; float: left; margin-top: 0; margin-bottom: 2.8%; }
.oth_news .news_in_item:nth-child(4n){width:31%;     margin-right: calc((100% - 31% * 3 )/3); margin-bottom: 15px; float: left; }
.oth_news .news_in_item:nth-child(3n){ margin-right: 0;}
.oth_news .news_in_list{ height: auto; overflow: hidden;}

.oth_cont_bg{ padding: 3% 0 4.6%; height: auto; overflow: hidden;}

.oth_cont{ margin: 6.5% auto 5.5%; height: auto; overflow: hidden;}
.ct_t{ font-size: 20px;  color: rgb(0,156,255);}
.ct_item{ width: 37.5%; float: left; height: auto; overflow: hidden; margin-right: 12.5%;}
.ct_item:nth-child(2n){ margin-right: 0;}
.ct_t::after{ width: 100%; height: 1px; background: rgba(0,0,0,.5); content: ""; margin-top: 20px; display: block; margin-bottom: 15px;}
.ct_d{ font-size: 18px;  line-height: 1.8;}
.ct_d p span{ }

.ct_tit{  font-size: 30px; color: #000;}
.ct_tit::after{ display: block; width: 58px; height: 2px; background: rgb(0,156,255); content: ""; margin-top: 15px; }


.oth_cont2{margin: 1.5% auto 0; height: auto; overflow: hidden;}

.oth_cont2 .ct_item{ margin-top:3.75%; }
.foot_bg{ background: rgb(0,156,255); height: auto; width: 100%; overflow: hidden;}
.foot_top{ margin: 3.4% auto 0; height: auto; overflow: hidden;}
.dtel{ font-size: 24px; color: #fff;  font-weight: bold;  line-height: 1; margin-top: 25px;}
.dtel img{ margin-right: 20px;}
.dtxt{ font-size: 16px; color:  #fff; margin-top: 25px; }
.dtxt img{ margin-right: 20px;}
.ftp1{ float: left;}
.fd_menu{ margin-left: 4.9%; width: 57%; height: auto; overflow: hidden; float: left;}
.fd_menu ul{margin-right: 5%; color: #fff;  float: left; font-size: 18px;}
.fd_menu ul:last-child{ margin-right: 0;}
.fd_menu ul .fd_t{ margin-bottom: 10px;}
.fd_menu ul li a{ color: #fff; font-size: 16px; line-height: 1.5;}
.d_ewm p{ font-size: 16px; text-align: center; margin-top: 15px; color: #fff; }

.foot_bd{ padding: 2% 0; height: auto; overflow:hidden ; background: url("../images/bq_bg.png") repeat-x; margin-top: 3%;}
.fd_bdcon .left{width: 50%; font-size: 14px;  color: #fff; }
.fd_bdcon .right{ text-align: right;font-size: 14px;  color: #fff; }
.fd_bdcon .right span{ margin: 0 5px;}
.fd_bdcon a{color: #fff;}

.pro_lg_box .gallery-top {height:450px;width:450px;    overflow: inherit;}
.pro_lg_box .gallery-top .swiper-slide{text-align: center;}
.thu {
    width: 100%; margin: 30px auto 0; position: relative;
}
.pro_lg_box .etalage_magnifier{    background: rgb(102, 102, 102);}
.pro_lg_box .gallery-thumbs {width: 368px; overflow: hidden; margin: 0 auto;}
.pro_lg_box .gallery-thumbs .swiper-slide {
    padding: 2px; border: 1px solid transparent; background: #fff;
}
.swnext{width: 30px; height: 30px; background: url("../images/swn.png"); right: 0; outline: none; margin-top: -15px; }
.swprev{width: 30px; height: 30px; background: url("../images/swp.png"); left: 0; outline: none; margin-top: -15px;}
.pro_lg_box .gallery-thumbs .swiper-slide-thumb-active {
    padding: 2px; border: 1px solid rgb(0,156,255);
}




.fg{ margin: 0;}
.wz{ margin: 30px auto;}
.wz a{  font-size: 14px; color: #333333;}
.pro_lg_box{ height: auto; overflow: hidden;}
.pro_lg_box .left{ width: 450px;}

#etalage .etalage_small_thumbs li{ width: 68px; height: 68px; padding: 2px; border: 1px solid transparent;}
#etalage .etalage_small_thumbs li img{ width: 100% !important; height: auto !important;}
.etalage_small_thumbs{ width: 368px !important; overflow: hidden; left: 0; right: 0; margin: 0 auto !important;  top: 470px !important;}
.etalage_small_thumbs li{ margin-right: 7px !important;}


.pro_lg_box .right{ width: 672px; height: auto; overflow: hidden;}
.pro_name{ font-size: 22px; margin-bottom: 15px;}
.pro_td{ height: auto; overflow: hidden;}
.lt{ font-size: 16px;  line-height: 20px;}
.lt::before{ width: 2px; height: 20px; background: rgb(0,156,255); margin-right: 15px; display: inline-block; content: ""; vertical-align: text-top;  }
.lg_dsc{  font-size: 16px; color: #333; margin: 10px auto 15px;}

.pr_cs ul{ margin: 10px auto 15px; width: 100%;  color: #333; line-height: 2; height: auto; overflow: hidden;}
.pr_cs ul li{width: calc(100% / 3); float: left;}
.lg_lc .left{ width: 85px; margin-right: 20px;}
.lg_lc .right{ width: calc(100% - 105px); float: left; line-height: 1.5;  font-size: 16px;}
.cpt{ font-size: 24px;  color: rgb(0,156,255)}
.cpt::before{ content: ""; display: inline-block; vertical-align: text-top; height: 30px; background: rgb(0,156,255); width: 2px; margin-right: 15px;}

.lg_mubg{ background: #f5f5f5; width: 100%; padding: 2.2% 0 1%; margin: 50px 0 0;}
.lg_mu a{ font-size: 18px;  color: #333; margin-right: 80px; display: inline-block; }
.lg_mu a.active{ color: rgb(0,156,255); }
.lg_mu a.active::after{ width: 30px; height: 2px; display: block; margin: 10px auto 0 ; background: rgb(0,156,255); content: ""}

.page{ text-align: center; font-size: 0;}
.page a{ padding: 10px 18px; margin: 15px 15px 10px; display: inline-block; font-size: 20px; color: rgb(0,156,255); text-align: center; border: 1px solid rgb(00,156,255); border-radius: 50%;}
.page a:hover,.page a.active{ background: rgb(0,156,255); color: #fff; }

.pro_cont_box{ padding-bottom: 3.7%;}
#c1{ padding: 20px 0 0;}

.c1_con_text{ font-size: 16px; color: #333333;  margin-top: 20px; line-height: 1.5;}
#c2{ padding: 30px 0 0;}
#c2 .ban_swi{ margin-top: 6.1%;}
#c3{ padding: 50px 0 0;}
#c3 ul{ width: 100%; height: auto; overflow: hidden ; margin-top: 30px;}
#c3 ul:first-child{}
#c3 ul li{ width: 50%; float: left; font-size: 16px; line-height: 2; }

#c4{ padding: 50px 0 0;}
#c4 .dlg{ height: auto; overflow: hidden; margin-top: 35px;}


#c5{ padding: 50px 0 0;}
.c1_cate{margin-top: 3.8%;}
.c1_cate .item{ padding: 8px 10px; border-radius: 4px; color: rgb(0,156,255); border: 1px solid rgb(0,156,255);  display: inline-block; margin-right: 20px; font-size: 16px;  }
.c1_cate .item.active{ background: rgb(0,156,255); color: #fff;}
.c5n,.ban-next, .c5p,.ban-prev{ width: 62px; height: 62px;}
.c5n,.ban-next{ background: url("../images/c5n.png")}
.c5p,.ban-prev{ background: url("../images/c5p.png")}
.c5_text{  position: relative;}
.c5_text .swiper-container{margin: 30px auto 0; width: 1020px;}
.c5_box{ position: relative;}

.xr{position: fixed;
    left: 0px;
    top: 80px;
    z-index: 998;
    margin-top: 0px; }
.oth_nav_bg{ width: 100%;}




.xf_kf{ background: #fff; position: fixed; top: 50%; right: 50px; width: 55px; height: auto; z-index:999; border: 1px solid #c9c9c9; text-align: center; }
.kf_tel,.kf_wx,.kf_top{ height: 55px; line-height: 54px; border-bottom: 1px solid #f4f4f4; position: relative;}
.kf_tel_box{ background: rgb(0,156,255); font-size: 20px; line-height: 54px; color: #fff;  text-align: center; padding: 0 20px;
position: absolute; right: 60px; top: 0;    width: max-content; display: none;}
.kf_tel:hover,.kf_wx:hover,.kf_top:hover{ cursor: pointer;}
.kf_tel:hover .kf_tel_box{ display: block;}
.kf_wx_box{ position: absolute; right: 60px; top: 0; padding: 10px; width: max-content;background: rgb(0,156,255); display: none;}
.kf_wx:hover .kf_wx_box{ display: block;}



@media only screen and (max-width: 1660px) {
        body{ zoom: 0.97;}
    .vw{ width: 100%;}
    .menu .menu_item a{ font-size: 17px;}
    /*.top_tel{ width: 14.5%;}*/
    .fd_menu{ margin-left: 1.9%;}
    .menu {
        width: 66%;
        float: left;
        margin-left: 1%;
        height: 100%;
    }
    .pro_in_cate .item{ font-size: 20px;}

}

@media only screen and (max-width: 1440px) {
    body{ zoom: 0.90;}
    .ab_t p{ zoom: 0.9;}
    .ab_t{ font-size: 80px;}
    .menu .menu_item a {
        font-size: 17px;
    }
     .menu .menu_item{padding: 0 1.7%;}
}

@media only screen and (max-width: 1366px) {
    .menu {
        width: 64%;
        float: left;
        margin-left: 2%;
        height: 100%;

    }
    .menu .menu_item{padding: 0 1.6%;}

}

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

}

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


}

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

}


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

    body{zoom: 1;}
    div {
        min-width: initial;
    }
    .tbmx{width: 91%}
  
    .xr{
        position: static;
    }
    .xf_kf{
        display: none;
    }
    .mob {
        display: block;
    }

    .pc {
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding: 5px 0 0 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand > img {
        height: 35px;
    }

    .top,.se_bg{display: none;}
    .tit{ zoom: 0.7; margin-top: 20px;}
    .in_about_con .left .ab_t{ margin-top: 15px; zoom: 0.7; font-size: 50px}
    .vw,.vw2,.vw3{ width: 95%;min-width: 95%; max-width: 95%;}
    .in_about_con .left{ width: 100%;}
    .more1{ zoom: 0.7;}
    .in_about_con .right{ width: 100%; margin-top: 15px;}
    .tit .dsc{ font-size: 18px;}
    .tit .cn{ font-size: 40px;}
    .tit .en{ font-size: 40px;}
    .adv_item{ width: 48.5%; margin-right: 3%; margin-bottom: 20px;}
    .adv_item:nth-child(2n){ margin-right: 0;}
    .pro_in_cate{margin-top: 20px;}
    .pro_in_cate .item{ font-size: 15px; }
    .pro_in_cate .item.active::after{ margin-top: 5px;}
    .in_pitem{ width: 48.5%; margin-right: 3%; margin-bottom: 20px;}
    .in_pitem:nth-child(2n){ margin-right: 0;}
    .in_hy_con .left{ width: 100%;}
    .in_hy_con .right{ width: 100%;}
    .in_hy_con .left .hy_tt{ font-size: 18px; margin: 20px auto;}
    .news_in_item{ width: 48.5%; margin-right: 3%; margin-bottom: 20px;}
    .news_in_item:nth-child(2n){ margin-right: 0;}
    .so_con .sh_itme{ width: 48.5%; margin-right: 3%; margin-bottom: 20px; float: left;}
    .so_con .sh_itme:nth-child(2n){ margin-right: 0;}
    .so_con{ display: block;}
    .fd_menu{ display: none;}
    .d_ewm{ float: left; margin-top: 20px;}
    .fd_bdcon{ padding: 15px 0; height: auto; overflow: hidden;}
    .fd_bdcon .left,.fd_bdcon .right{ width: 100%; text-align: left;}

    .jiazhi_item{ width: 48.5%; margin-right: 3%; margin-bottom: 20px; height: auto; overflow: hidden; font-size: 16px;}
    .jiazhi_item:nth-child(3){ margin-right: 0;}
    .jiazhi_item:nth-child(5){ margin-right: 0;}
    .jiazhi_item:first-child{ width: 100%; font-size: 18px; text-align: center;}
    .jiazhi_item:first-child .con{ font-size: 20px; height: auto;}
    .dsg_box{ width: 100%;}
    .dsg_box .gallery-top{ width: 95%;}
    .dsg_box .gallery-top .left{ width: 100%;}
    .dsg_box .gallery-top .right{ width: 100%;}
    .dsg_box .gallery-top .right .rit{ font-size: 16px;}
    .dsg_box .gallery-top .right .con{ font-size: 14px;}
    .dsg_box .gallery-top .right .tim{ font-size: 14px; margin-top: 10px;}
    .dsg_box .gallery-thumbs{ width: 95%;}
    .dsg_box .swiper-pagination{ margin: 15px auto 20px;}
    #demo1 a img, #demo2 a img{ width: 100px;}
    #demo1 a, #demo2 a{ width: 100px; height: auto;}
    #demo{ height: auto; margin-top: 25px;}
    .jiazhi_item .d{ font-size: 14px; margin-top: 10px;}
    .oth_nav_bg .oth_nav a{ font-size: 16px; margin-bottom: 15px; width: 50%; text-align: center; margin-right: 0;}
    .oth_nav_bg .oth_nav a.active::after, .oth_nav_bg .oth_nav a:hover::after{ margin-top: 5px;}
    .oth_pro_item{ width: 48.5%; margin-right: 3%; margin-bottom: 20px; float: left;}
    .oth_pro_item:nth-child(2n){ margin-right: 0;}
    .oth_pro_item .p_t{ font-size: 14px;}
    .page a{ font-size: 12px; padding: 2px 7px;}
    .oth_news .news_in_item{ width: 48.5%; margin-right: 3%; margin-bottom: 25px; float: left;}
    .oth_news .news_in_item:nth-child(3n){ width: 48.5%; margin-right: 3%; margin-bottom: 25px; float: left;}

    .oth_news .news_in_item:nth-child(4n){width: 48.5%; margin-right: 0; margin-bottom: 25px; float: left;}
    .oth_news .news_in_item:nth-child(2n){ margin-right: 0;}
    .news_in_item p{ font-size: 14px; margin: 10px auto;}
    .ct_item{ width: 100%; margin: 0 auto 25px;}
    .ct_d{ font-size: 14px;}
    .ct_t::after{ margin:5px auto 10px;}
    .pro_lg_box .left{ width: 100%;}
    .pro_lg_box .gallery-top{ width: 100%; height: auto;}
    .etalage{ width: 100% !important; height: auto !important;}
    .pro_lg_box .gallery-top .swiper-slide img{ width: 100% !important; height: auto !important;}
    .etalage li{ position: initial;}
    .pro_lg_box .right{ width: 100%; margin-top: 25px;}
    .pr_cs ul li{ width: calc(100% / 2);}
    .lg_mubg{ height: auto; overflow: hidden; }
    .lg_mu{ font-size: 0;}
    .lg_mu a{ width:calc(100%/3); display: inline-block; margin-bottom: 15x; text-align: center; margin-right: 0; font-size:18px; }
    .pro_cont_box{padding-bottom: 40px;}
    .c5n,.ban-next, .c5p,.ban-prev{zoom: 0.6; outline: none;}
    .c5_text .swiper-container{ width: 80%;}
    /*******案例内页********/
    .pro_box{width: 100%;padding: 0 15px;margin-top: 25px;}
    .xq_lf{width: 100%;}
    .gallery-top{width: 290px;height: 180px;}
    .xq_rg{width: 100%;margin-top: 20px;padding-top: 0;}
    .xq_rg h2{font-size: 18px;margin-bottom: 10px;}
    .xq_list li{font-size: 14px;margin-bottom: 0;}
    .pro_xq{margin-top: 35px;}
    .pro_xq h3{font-size: 16px;}
    .gallery-thumbs .swiper-slide{width: 70px !important;height: 50px;}
    .gallery-thumbs{width: 230px;}
    .xq_zx a{font-size: 14px;width: 120px;height: 35px;line-height: 35px;}

    /********新闻内页********/
    .mg40{ margin-top:20px}
    .wrap{ margin:0 10px;width:auto}
    .news_tt{font-size:18px;}
    .article{ padding:20px 0; font-size:14px;}

    .article img[align="right"]{ display:block; margin:5px auto;}
    .article img[align="left"]{ display:block; margin:5px auto;}
    /********新闻内页结束********/
}





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




}