<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.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;}


.top_bg{border-bottom: 1px solid #e5e5e5; height: auto; overflow: hidden;  width: 100%; min-width: 1200px;}
.top_con{width: 1200px; margin: 0 auto;font-size: 14px;}
.top_con .left{ line-height: 40px; vertical-align: middle;color: #666; }
.top_con .left img{ margin-right: 5px; margin-top: -5px;}
.top1{width: 1200px; margin: 25px auto; height: auto; overflow: hidden;}
.menu_bg{ background: #f7ab00; width: 100%; min-width: 1200px;}
.menu{width: 1200px; margin: 0 auto;font-size: 17px; line-height: 63px; text-align: justify; height: 63px;  }
.menu_item{ display: inline-block; color: #fff; padding: 0 40px;}
.menu_item.active,.menu .menu_item:hover{ background: #fdb510;}



.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination-bullet{width: 15px; height: 15px; background: #fff; opacity: 1;}
.ban_swi .swiper-pagination-bullet-active{ background: #f7ab00;  border-radius: 6px; }


.ban_swi  .swiper-button-next{right:5%;    background: none;}
.ban_swi  .swiper-button-prev{left:5%;    background: none;}



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

.oth-menu{ text-align: center;border-bottom: 1px solid #f4f4f4;}
.oth-menu li{ display: inline-block; margin: 55px auto 50px auto; padding:0 80px; border-right: 1px solid #e5e5e5;}
.oth-menu li:last-child{ border: none;}
.oth-menu li a{ color: #787878; font-size: 18px;}

.oth-menu li img{filter: invert(49%) sepia(6%) saturate(9%) hue-rotate(333deg) brightness(93%) contrast(86%);}
.oth-menu .oth-act img,.oth-menu li:hover img,.oth-menu .oth-act a,.oth-menu li:hover a{ color: #f7ab00;filter:none;}



.cn{ font-size: 30px; color: #000; text-align: center; font-weight: bold;}
.en{ text-transform: uppercase; font-size: 16px; font-family: Arial; text-align: center; color: #424242; margin-top: 10px;}
.about_video{width: 1288px; height: 649px; margin:55px auto auto;}

.about{width: 1200px; margin: 78px auto 100px auto; height: auto; overflow: hidden;max-width: 1600px;}
.about_tt .en,.about_tt .cn{ text-align: left;}
.at { background: #f7ab00;color: #fff; margin: 30px auto 30px 0;  font-size: 18px;text-indent: 2em; line-height: 45px; width: 542px; border-radius: 10px;}
.about .dsc{ font-size: 16px; line-height: 24px; text-indent: 2em;}
.about .left{width: 53%; margin-right: 2%;}
.about .right{width: 43%;}
.about .right img{max-width: 100%;}

.ab{ margin-top: 30px; margin-bottom: 70px;}

.ab .a2 {
    left: 30.5%;
    background: url(404.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a2:hover {
    background: url(404.png) no-repeat;
    background-size: contain;
}
.ab .a1 {
    right: 30.5%;
    background: url(404.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a1:hover{
    background: url(404.png) no-repeat;
    background-size: contain;
}

.oth_pro{ width: 1200px; margin: 43px auto; height: auto; overflow: hidden;max-width: 1600px;}
.oth_pro .left{width: 21.5%;}
.oth_tt{ width: 100%; background: #f7ab00; line-height: 70px; font-size: 24px; text-align: center; color: #fff;}
.oth_pro .left ul{ margin-top: 15px;}
.oth_pro .left ul li{ line-height: 50px; border-bottom: 1px solid #c6c6c6; font-size: 16px; background: url("../image/icopro2.png") right center no-repeat; margin: 0 20px;}
.oth_pro .left ul li p{ display: inline-block; color: #333;}
.oth_pro .left ul li img{ display: inline-block; margin-right: 12px;}
.oth_pro .left ul li:hover{background: url("../image/icopro2_on.png") right center no-repeat;}
.oth_pro .left ul li:hover p{ color: #f7ab00;    }

.oth_pro .right{width: 75%;}
.oth_pro .right .pro_list{ text-align: justify;}
.pro_item{ display: inline-block; width: 31.5%; margin-bottom: 28px;}
.pro_item .pro_m{ border: 1px solid #e5e5e5;}
.pro_item .pro_m img{max-width: 100%; text-align: center;}
.pro_item .pro_tt{ font-size: 18px; text-align: center; color: #333; margin-top: 20px;}
.pro_item:hover p{ color: #f7ab00;}
.pro_item:hover .pro_m{border: 1px solid #f7ab00; }

.oth_pro .left ul li:hover,.oth_pro .left ul li.oth-act{background: url("../image/icopro2_on.png") right center no-repeat;}
.oth_pro .left ul li:hover p,.oth_pro .left ul li.oth-act p{ color: #f7ab00;    }


.video,.case,.down{width: 1200px; margin: 40px auto 70px auto;max-width: 1600px;}
.video_item{ display: inline-block; width: 30.5%; border: 1px solid #e5e5e5; color: #333;}
.video_item .video_m img{width: 100%;}
.video_item p{ line-height: 86px; text-align: center; font-size: 20px; }
.video_item:hover{ color: #fff; background: #f7ab00; }

.case{ text-align: justify;}
.case_item{ display: inline-block; width: 32%; border: 1px solid #e5e5e5; color: #333; position: relative; margin-bottom: 30px;}
.case_item .video_m img{width: 100%;}
.case_item p{ line-height: 36px; text-align: center; font-size: 20px;margin-top: 25%; color: #fff;  width: 100%;}
.case_item .fa{ margin-top: 35px;}
.case_item:hover{ color: #fff; background: #f7ab00; }
.case_item .info{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; display: none; transition: all 0.3s;}
.case_item:hover .info{ display: block;}



.sub_menu{ margin: 45px auto; text-align: center;}
.sub_item{display: inline-block; color: #f7ab00; padding: 0 3.5%; line-height: 40px; border: 1px solid #f7ab00; border-radius: 20px; margin: 0 1%;}
.sub_item.oth-act{ color: #fff; background: #f7ab00;}

.down_item{ border: 1px solid #d9d9d9; padding: 28px 0 20px 65px; height: auto; overflow: hidden; margin-bottom: 20px;}
.down_item .img{ float: left; }
.down_item .d_tt{ float: left; font-size: 18px; line-height: 65px; color: #000; margin-left: 20px;}
.down_item .more{ background: #f7ab00; line-height: 40px; float: right; border-radius: 20px;padding: 0 3.5%; font-size: 18px; color: #fff; margin-right: 2.5%; margin-top: 10px;}

.c_list{width: 85%; text-align: justify;  margin: 0 auto;}
.c_ite{ display: inline-block; height: 225px; width: 32.5%; vertical-align: middle; text-align: center; font-size: 16px; color: #fff;}
.c_ite img{ margin-top: 40px;}
.c_ite p{ margin-top: 15px; line-height: 37px;}

.msg_tt{ margin: 60px auto 22px;}

.cont_msg{width: 1200px;margin: 0 auto;}
.join_f{background: #f1f3f5;padding: 40px 45px;}
.j_inp input,.join_f select{width: 540px;height: 48px;border: 1px solid #e4e6e8;padding-left: 20px;font-size: 16px;}
.j_inp input:nth-child(even){float: right;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: 1px solid #e4e6e8;padding-left: 20px;padding-top: 15px;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #f7ab00;color: white;font-size: 18px;}

.map{ margin: 20px auto 62px; width: 1200px; height: 400px;}

.content{ font-size: 16px; line-height: 35px;}

.content img{max-width: 100%; height:auto !important;}
.content iframe,.content video{max-width: 100%; }


.in_news{ background: #f9f9f9; height: auto; overflow: hidden;}
.in_news_con{ width: 1200px; text-align: justify; margin: 0 auto 80px;}
.in_news_tt{ width: 1200px; margin: 50px auto 40px;height: auto; overflow: hidden;}
.in_news_tt .left .nc1{ font-size: 30px; font-weight: bold;}
.in_news_tt .left .nc2{ font-size: 16px; color: #424242; text-transform: uppercase; margin-top: 10px;}
.in_news_tt .right a{ display: block; line-height: 58px; width: 165px; color: #333; border: 1px solid #333; text-align: center;font-size: 16px; margin-top: 15px;}
.in_news_tt .right a:hover{border: 1px solid #f7ab00;
    color: #f7ab00;}

.in_news_item{display: inline-block; width: 49%; border: 1px solid #eeeeee; margin-bottom: 20px;}
.in_news_item a{color: #333; display: block; width: 100%; height: auto; overflow: hidden;}
.in_news_item a:hover h1{color: #f7ab00;}

.in_news_item .left {
    font-size: 24px;
    text-align: center;
    width: 95px;
    height: 95px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    padding-top: 14px;
    margin: 25px 35px 25px 25px;
}
.in_news_item .left p{ font-size: 14px; }
.in_news_item p{color: #5a5a5a;}
.in_news_item .right{width: 70%; float: left; margin: 35px auto;}
.in_news_item .right h1{ font-size: 18px;}
.in_news_item .right p{ font-size: 14px; color: #5a5a5a; line-height: 20px; margin-top: 20px}
.in_news_item:hover .left{ color: #fff; background: #f7ab00; border:5px solid #d9dde8; }
.in_news_item:hover .left p{color: #fff;}
.in_news_item .right p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}




.contact{width: 100%;background: url(../image/cont_img.png) top center no-repeat;padding-top: 115px;padding-bottom: 1px; margin: 0 auto;}
.contact .nr{width: 1200px; margin: 0 auto;}
.cont_tit{color: #333333;font-size: 32px;position: relative;margin-bottom: 35px;}
.cont_tit{padding-left:100px;}
.cont_tit:before{content: "";width:65px;height: 2px;background:#f7ac03;position: absolute;top: 18px;left: 0;}
.cont_bt p{color: #666666;font-size: 16px;line-height: 30px;}
.contact_tb{margin-top: 60px;width: 100%;margin-bottom: 170px;border: none;border-top:1px solid #cccccc;}
.contact_tb tr td{border: none;padding: 25px 0;}
.contact_tb tr{border-bottom: 1px solid #cccccc;}
.contact_tb tr:nth-child(odd){background: rgba(245,245,245,0.5);}
.contact_tb tr:nth-child(even){background: rgba(255,255,255,0.5);}
.contact_tb tr td:first-child{color: #666666;font-size: 16px;text-align: center;}


.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
.Pagination .current{color: white;}
.Pagination .current{background: #f7ac03;border-color: #f7ac03;}
.Pagination a{color: #666666;font-size: 12px;}

.ny{ margin-top: 40px;}
.nabouts{width: 1200px; margin: 0 auto; max-width: 1600px;}



.my-map { margin: 0 auto; width: 100%; height: 100%; }
.my-map .icon { background: url(404.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.se_bg{ background: url("../image/se_bg.jpg") center no-repeat; background-size: cover; width: 100%; min-width: 1200px; height: auto; overflow: hidden;}
.se_con{width: 1200px; margin: 0 auto;}
.se_con .left{ width: 665px; background: #f7ab00;}
.se_con .left .p1{margin-top: 33px; font-weight: bold; font-size: 20px;color: #fff; float: left; margin-bottom: 26px;}
.se_con .left .p1 p{ font-size: 14px; font-weight: lighter; text-transform: uppercase; margin-top: 5px;}
.se_con .left .p2{ margin-left: 110px;color: #fff; float: left; font-family: "Impact"; font-size: 26px; margin-top: 28px; vertical-align: middle;}
.se_con .left .p2 span{ float: left; line-height: 55px;}
.se_con .left .p2 p{ font-size: 18px; color: #fff; font-family:"Microsoft YaHei";float: left; margin-top: -5px; margin-left: 5px;}

.se_tel{ float: left; margin-top: 5px; margin-right: 10px;}
.se_tel2{float: left;}
.se_tel2 .tel{ height: auto; overflow: hidden;    line-height: 55px;}

.se_con .right{ background: #fff; width: 535px;}
.se_box{ background: #999999; width: 100%; height: 56px; }
.se_box input[type='text']{ border: 0; width:calc(100% - 70px ); background: transparent; margin-top: 20px; margin-left: 24px; color: #e3e3e3; float: left;}

.se_box input[type='text']::placeholder{color: #e3e3e3;}
.se_box input[type='submit']{ background:url("../image/fdh.png") no-repeat; width: 22px; height: 24px; float: left; border:none; margin-top: 15px;}
.ht_list{ line-height: 55px; text-indent: 3em;}
.ht_list a{ margin-right: 40px; color: #999999;}
.ht_list a:hover{ color: #f7ab00;}


.in_pro{ background: url("../image/inpro_bg.jpg") center no-repeat; background-size: cover;  overflow: hidden; height:760px;}
.tt{ font-size: 40px;  text-align: center; margin-top: 85px;}
.tt img{ margin: 0 35px;}
.inpro_cate{text-align: center; margin: 35px auto 42px;}
.inpro_item{ padding: 0 50px; text-align: center; display: inline-block; border: 1px solid #e5e5e5; font-size: 16px; line-height: 47px; color:#333;background: #fff; border-radius: 25px; margin: 0 17px;}
.inpro_con{width: 1335px; margin: 0 auto; position: relative;}
.inpro_item:hover,.inpro_item.active,.inpro_cate a.active .inpro_item{ border-color: #f7ab00; color: #fff; background: #f7ab00;}
.inpro_con .swiper-container{ width: 1200px; margin: 0 auto;}
.inpro_con .swiper-button-prev,.inpro_con .swiper-button-next{ background: none;}
.cimg {width: 100%; text-align: center;}
.cimg img{max-width: 100%;}
.inpro_con .swiper-slide{ border: 1px solid #e5e5e5; background: #fff;}
.inpro_con .swiper-slide p{ border-top: 1px solid #e5e5e5;  text-indent: 1em; line-height: 70px; font-size: 16px; color: #333; }
.inpro_con .swiper-slide p img{ float: right; margin-top: 18px; margin-right: 25px;}
.inpro_con .swiper-slide:hover p{ color: #f7ab00;}
.inpro_con .swiper-slide:hover p img{filter: invert(50%) sepia(49%) saturate(1416%) hue-rotate(16deg) brightness(115%) contrast(106%);}

.more{min-width: 1200px; width: 100%; margin: 52px auto; text-align: center; background: url("../image/bgs.jpg") center repeat-x;}


.ys_item{ text-align: center;  width: 1200px; margin: 0 auto; position: absolute; top:-60px; left: 0; right: 0; height: 120px; overflow: hidden;  }
.ys_tt{float: left; width: 298px; margin: 0 2px 0 0; height: 120px; background: #f5f5f5; font-size: 26px; color: #333;}
.ys_item .ys_tt:last-child{margin-right: 0;}
.ys_tt img{ margin-top: 17px;}
.ys_tt p{ margin-top: 3px;}
.ys_tt.active,.ys_tt:hover{ background: #f7ab00; cursor: pointer; color: #fff;}
.ys_tt.active img,.ys_tt:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(48deg) brightness(104%) contrast(101%);}

.ys_con{ width: 100%; min-width: 1200px; position: relative; margin: 102px auto;}
.ys_f{ background: #f7ab00; position: absolute; left: 0 ;right: 0; width: 1200px; margin: 0 auto; bottom: -53px; height: 106px;}
.ys_f img{ margin-left: 40px; margin-top: 33px; float: left;}
.ys_f p{ color: #fff; font-size: 18px; float: left; margin-left: 20px; margin-top: 45px;}

.ys_b{ display: none;transition: all 0.3s;}


.hez_list{width: 1200px; margin: 0 auto; height: auto; position: relative;}
.hez_list .swiper-container{width: 1045px; margin: 45px auto 75px;}
.hez_list .nex,.hez_list .pre{ background: none;}
.hez_list .cimg{width: 100%; text-align: center; border: 1px solid #e5e5e5;}
.cimg img{max-width: 100%;}

.in_about_bg{
    background: #f5f5f5;height: auto; overflow: hidden;
}
.in_about_con{width: 1200px;margin: 70px auto 89px; height: auto; overflow: hidden;}
.in_about_con .left{width: 495px; margin-right: 65px;}
.in_about_con .right{
    width: 640px;
}


.att{font-size: 40px;}
.more1{ font-size: 16px; float: right;text-transform: uppercase;text-decoration: underline; color: #333; margin-top: 30px;}
.more1:hover{ text-decoration: underline;}
.add{font-size: 18px; color: #999; margin: 20px auto 25px 0;}
.adc{ font-size: 15px; line-height: 28px; color: #666;}
.gs_list{ margin: 60px auto auto 10px;}
.gs_list a{ color: #434343; font-size: 16px; text-align: center; display: block; float: left; margin-right: 120px;}
.gs_list a p{ width: 87px; height: 87px; background: url("../image/gs_ico1.png") no-repeat; margin-bottom: 10px;}
.gs_list a:nth-child(2) p{ background: url("../image/gs_ico2-1.png") no-repeat;}
.gs_list a:nth-child(3) p{ background: url("../image/gs_ico3.png") no-repeat;}
.gs_list a:hover{ color: #f7ab00;}
.gs_list a:hover p{ width: 87px; height: 87px; background: url("../image/gsico1-1.png") no-repeat;}
.gs_list a:nth-child(2):hover p{ background: url("../image/gsico2-1.png") no-repeat;}
.gs_list a:nth-child(3):hover  p{ background: url("../image/gsico3-1.png") no-repeat;}

.index_news_cons{  width: 1200px; height:auto; overflow:hidden; margin: 45px auto;}
.index_news_cons .left,.index_news_cons .right{width: 580px;}
.index_news_cons  .n_tt{width: 100%; background: #f5f5f5; font-size: 22px; line-height: 58px; text-indent: 1em;}
.more2{ float: right; margin-right: 15px;}

.n_item{ margin: 30px auto; height: auto; overflow: hidden;}
.n_img{width: 225px; height: 165px; border: 1px solid #e5e5e5; float: left;}
.n_con{width: 330px; float: right; margin-top: 25px;}
.n_con h2{ font-size: 18px; font-weight: bold; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.n_con h2:after{border: 1px solid #f7ab00; width:35px; content:'';display: block; margin: 15px 0 ;  }
.n_con p{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; color: #999; font-size: 14px;}
.nuc{ border-top: 1px solid #e5e5e5;}
.nuc li{ color:#777; font-size: 16px; border-bottom: 1px solid #e5e5e5; height: auto; overflow: hidden; padding: 15px 0;}
.nuc li img{margin-right: 10px; float: left; margin-top: 8px;}
.nuc li p{float: left; width: calc(100% - 150px); white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.nuc li span{float: right; color: #999;}

.faqs{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.faqs .faqtt{width: 205px; height: 267px; background: url("../image/faq.jpg") no-repeat;}
.faqs .faqtt a{display: block; width: 100%; height: 100%;}
.faqs .faqtt p{font-size: 22px; color: #fff; font-weight: bold; margin-top: 45px;margin-left: 22px;}
.faqs  .ll{ width: 995px; border: 1px solid #e5e5e5;overflow: hidden; height: 267px;}

.faq_li li{ width: 305px; height: auto; float: left; margin-top: 49px; margin-left: 25px; padding-right: 25px; border-right: 1px solid #e5e5e5;}
.faq_li a:last-child li{ margin-right: 0; padding-right: 0; border: none; width: 284px;}
.faq_li li p{ font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.faq_li li p img{margin-right: 10px;}
.faq_li .rt{ margin-top: 20px; height: auto; overflow: hidden; margin-bottom: 28px;}
.faq_li li div .right{ color: #999; font-size: 14px; line-height: 25px; width: 224px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.faq_li li div .left{width: 45px;margin-right: 10px;}
.more3{ color: #333; font-size: 14px;  text-transform: uppercase; margin-left: 60px; }

.dmenu{ margin-top: 80px;}

.foot_bg{ width: 100%; height: auto; background: url("../image/ft_bgf.jpg") center no-repeat; overflow: hidden; min-width: 1200px;}
.foot_con{width: 1200px; height: 383px;margin: 139px auto 0; }
.box1{width: 600px; height: 383px; background: #fff;}
.dlogo{ margin-top: 28px;margin-left: 38px; position: relative;}

.wx_box{ position: absolute; right: 100px;top: -70px; text-align: center;}
.wx_box p{ margin-top: 10px; font-size: 13px;color: #666;}

.d1{ margin-top: 55px; margin-left: 38px; font-size: 16px; line-height: 30px;}
.d1 img,.d2 img{margin-right: 15px;}

.d2{ margin-top: 33px; margin-left: 38px; font-size: 16px; line-height: 30px;}
.box2{ background: #f7ab00; width:600px; height: 383px; }
.msg-tt{ margin: 50px auto 20px 50px; font-size: 24px; line-height: 25px; font-weight: bold; color: #fff;}
.msg-tt span{ font-size: 20px; font-weight: lighter;}
.message{ margin-left: 50px; width: 525px;}
.message div input{width: 238px; height: 40px; border: 1px solid #fff; color: #fff; background: #f7ab00; border-radius: 5px;}
.message div input::placeholder,.message textarea::placeholder{ color: #fff; text-indent: 3em; font-size: 16px;}
.message textarea::placeholder{text-indent: 0;}
#name{ background: url("../image/xico.jpg") left center no-repeat; background-position-x: 8px;}
#tel{ background: url("../image/tico.jpg") left center no-repeat; background-position-x: 8px; float: right;}
.message textarea{border: 1px solid #fff; color: #fff; background: #f7ab00; border-radius: 5px; width: 525px; height: 124px; padding: 8px; margin-top: 9px;}


.su{width: 155px; height: 45px; background: #fff; line-height: 43px; color: #333;border:none; margin-top: 10px; font-size: 16px;}
.copy{ font-size: 14px; color: #e9e9e9; width: 1200px; margin: 45px auto 25px auto; }
.copy a{color: #e9e9e9;}
.copy span{ float: right;}

.yq{ padding: 20px 0; width: 1200px; margin: 0 auto; height: auto; overflow: hidden;}
.yq span{font-size: 18px; font-weight: bold;text-indent: 2em;}
.yq a{font-size: 14px; margin-left: 35px; color: #666;}
.wx_box img{width: 127px;}



@media only screen and (max-width: 768px) {
    div {
        min-width: initial;
    }

    .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 &gt; img {
        height: 40px;
    }
    .ban_swi .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .se_bg{min-width: 100%;}
    .left,.right{ float: none;height: auto;
        overflow: hidden;}
    .se_con .left,.se_con{width: 100%;}
    .se_con .left .p1{width: 90%; margin: 15px auto;float: none;}
    .se_con .left .p2{width: 90%; margin: 15px auto;float: none; height: auto; overflow: hidden;}
    .se_con .right{width: 100%;}
    .tt{
        font-size: 28px;
        text-align: center;
        margin-top: 25px;}
    .inpro_cate{ margin-top: 15px; margin-bottom: 15px;}
    .inpro_item{width: 40%; margin: 2.5%;    font-size: 14px;
        line-height: 32px; padding: 0;}
    .inpro_con{width: 100%;}
    .inpro_con .swiper-container{width: 95%;}
    .more{ min-width: 100%; margin: 15px auto;}
    .in_pro{ height: auto; padding-bottom: 20px;}
    .ys_con{ min-width: 100%;}
    .ys{display: none;}
    .hez_list{width: 100%;}
    .hez_list .swiper-container{width: 85%;}
    .in_about_con{width: 90%; margin: 25px auto;}
    .in_about_con .left{width: 100%;}
    .in_about_con .right{width: 100%;}
    .att{font-size: 28px;margin-top: 15px;}
    .more1{font-size: 12px; margin-top: 10px;}
    .add{ font-size: 14px; margin: 10px auto 15px;}
    .adc{ font-size: 14px; line-height: 22px;}
    .gs_list a{ margin-right: 4%;}
    .gs_list a p{}
    .gs_list{ margin: 25px auto 5px; height: auto; overflow: hidden;}
    .index_news_cons{width: 100%;}
    .index_news_cons .left, .index_news_cons .right{width: 90%; float: none; margin: 20px auto;}
    .n_img{width: 30%; height: auto;}
    .n_con{width: 65%; margin-top: 0;}
    .n_con h2{font-size: 14px;}
    .n_con h2:after{ margin: 5px 0;}
    .n_con p{font-size: 12px;}
    .n_item{ margin: 10px auto;}
    .nuc li{font-size: 14px; padding: 10px 0;}
    .faqs{width: 90%;}
    .faqs .faqtt{width: 100%; font-size: 18px; line-height: 36px; height: auto;}
    .faqs .faqtt p{ font-size: 18px; line-height: 32px; text-align: left;  margin-top: 0; background: #f7ab00;}
    .index_news_cons .n_tt{font-size: 18px; line-height: 36px;}
    .more2 img{ height: 20px; }
    .faqs .ll{width: 100%; height: auto; overflow: hidden;}
    .faq_li li,.faq_li a:last-child li{width: 90%; padding-right: 0; margin: 15px auto; float: none; border: none;}
    .faq_li li div .left{float: left;}
    .faq_li li div .right{float: right; width: calc(100% - 55px);font-size: 14px;line-height: 22px;}
    .faq_li .rt{ margin: 10px auto 15px; }
    .dmenu{display: none;}
    .foot_bg{min-width: 100%; background-size: cover; margin-top: 45px;}
    .foot_con{width: 90%; margin: 25px auto 0; height: auto; overflow: hidden;}
    .dlogo{width: 90%; margin: 10px auto;}
    .box1{width: 100%;}
    .wx_box{ position: initial;text-align: left;display: none;}
    .wx_box p{text-indent: 15px; margin-top: 0;}
    .d1,.d2{width: 90%; margin: 15px auto;}
    .box2{width: 100%;}
    .msg-tt{ width: 90%; margin: 15px auto;}
    .message{ width: 90%; margin: 15px auto;}
    .message div input{width: 100%; margin-bottom: 10px;}
    .copy{width: 90%; margin-top: 10px; text-align: center;}
    .copy span{display: block; width: 100%;}
    .message textarea{width: 100%; margin-top: 0;}
    .yq{display: none;}

    .oth-menu li{ border: none; margin: 15px auto 0px; padding: 0; float: left; width: 32%;}
    .oth-menu li a{font-size: 16px;}
    .oth-menu{ height: auto; overflow: hidden; margin-bottom: 15px; border: none;}

    .about{width: 90%; margin: 45px auto 45px;}
    .about .left{width: 100%; margin: 0;}
    .about_tt .en, .about_tt .cn{ text-align: center;}
    .cn{font-size: 20px;}
    .en{font-size: 14px;}
    .at{font-size: 14px;line-height: 28px; margin: 10px auto; width: 100%; border-radius: 14px;}
    .about .dsc{font-size: 14px;line-height: 22px;}
    .about .right{width: 100%;}

    .oth_pro{width: 100%;}
    .oth_pro .right{width: 95%; margin: 15px auto;}
    .pro_item{width: 48%;}
    .oth_pro .left{width: 95%; height: auto; overflow: hidden;}
    .oth_tt{font-size: 18px; line-height: 36px; width: 95%; margin: 0 auto;}
    .oth_pro .left ul{ margin-top: 5px;}
    .oth_pro .left ul li{font-size: 14px; line-height: 40px;}
    .pro_item .pro_tt{font-size: 14px; margin-top: 5px;}
    .nabouts{width: 95%;}
    .video, .case, .down{width: 95%;}
    .case_item{width: 48%;}
    .case_item .fa,.in_news_item .left{display: none;}
    .case_item .info{position: initial; display:block; font-size: 14px;  }
    .case_item p{font-size: 14px; margin-top: 0;}
    .in_news_con{width: 95%;}
    .in_news_item{width: 100%;}
    .in_news_item .right{width: 95%; float: none; margin: 15px auto;}

    .contact {
        background: #f7f9fb;
        padding-top: 35px;
        padding-bottom: 0px;
    }
    .contact .nr{width: 95%;}
    .cont_tit {
        font-size: 18px;
        padding-left: 45px;
        margin-bottom: 20px;
    }

    .cont_tit:before {
        width: 30px;
        top: 10px;
    }

    .cont_bt p {
        font-size: 13px;
        line-height: 23px;
    }

    .contact_tb tr td:first-child {
        font-size: 14px;
        width: 85px;
    }

    .contact_tb tr td {
        padding: 15px 0;
    }

    .contact_tb tr td:nth-child(2n) {
        font-size: 14px;
        line-height: 23px;
    }

    .contact_tb {
        margin-top: 25px;
        margin-bottom: 50px;
    }
    join_f, .join_zc, .join_ban {
        padding: 15px;
    }

    .j_inp input, .join_f select {
        width: 100%;
        height: 40px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .b_cent input {
        height: 40px;
        font-size: 14px;
        width: 120px;
    }

    .b_cent {
        margin-top: 0;
    }

    .join_f textarea {
        margin-bottom: 15px;
    }
    .cont_msg,.map{width: 100%;}
    .join_f{ padding: 25px 2.5%; width: 100%;}

}</pre></body></html>