@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #333;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #333;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}

/*.container{padding: 0px !important;}*/
button:focus{outline:none;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_14{font-size: 14px;line-height: 30px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_20{font-size: 20px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
.pf_44{font-size: 44px;line-height: 60px;}
.fb{font-weight: bold;}

.over-line-1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.over-line-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.over-line-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.over-line-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.over-line-6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
#dituContent label {max-width: unset!important;text-align: center;}


/*header*/
.head_top{height:42px; line-height: 42px; background: #f0f2f5;}
/* 主菜单 */
.head{position: relative;width:100%;height:48px;z-index: 9999}
.head .navbox{width: 1200px;margin: 0 auto;}
.head .nav{display: block; float: left;width:calc(100% - 180px)}
.head .nav .nav_pc{ width: 100%; margin: 0px !important;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{}
.head .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#000;}
.head .nav ul li:hover .f_a{color: #2b65f6; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%;background-color: rgba(0, 0, 0, .8);z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_nav a{color:#fff;font-size:16px;text-transform:uppercase;display:block;text-align: center;padding:15px 10px;}
.head .nav ul li .s_navbox .s_nav a:hover{background-color:#2b65f6;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.nav_active{background-color: #2b65f6}
.nav_active2{background-color: #2b65f6}

/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label{width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #2b65f6;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;margin: 0px !important;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;border-top: none;background-color: rgba(0, 0, 0, .8);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer;}
.sidenav .side li a{color: #fff;padding:30px 0;display: block;font-size: 16px; text-align: center;}
.sidenav .side li a:hover {background: #2b65f6;}
.sidenav .side li a:hover i {margin-left: 15px;}
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {margin-top:1px;padding:20px;display: none;width:990px;height:420px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);z-index: 7;}
.sidenav .side li:nth-child(2) .side_main{top:-84px;}
.sidenav .side li:nth-child(3) .side_main{top:-168px;}
.sidenav .side li:nth-child(4) .side_main{top:-252px;}
.sidenav .side li:nth-child(5) .side_main{top:-336px;}
.sidenav .side .side_main dl {padding: 0;margin: 16px 20px 0;border-bottom: 1px solid #f1f1f1;}
.sidenav .side .side_main dl dt {width:15%;color: #333;font-weight: bold;float: left;padding: 0 20px 0 0;}
.sidenav .side .side_main dl dt b{font-size: 14px;}
.sidenav .side .side_main dl dd {width:85%;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 8px;padding:0; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../images/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #2b65f6;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .head_top{display: none;}
   .navbar-brand{display: none;}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530;}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}


/*首页大图*/
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #2b65f6;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


/*搜索留言*/
.in_01{height: auto;overflow: hidden;}
.in01b{height: auto;overflow: hidden;text-align: center;}
.in01b span{display: block;margin:0 auto;font-weight: 100;}
.search{position: relative; height: auto;overflow: hidden; margin: 10px auto;width:80%;}
.search_btn{position: relative;left:-356px;top:0px;width:10%; height: 40px; line-height: 40px;border-radius:6px;color: #555;text-align: center; border:none;font-size: 16px;}
.btn_slt{background:#2b65f6;color: #fff;}
.btn_no{background-color: initial; }
.search .search_name{ width: 100%; height: 50px; line-height: 50px;float: left;border:solid 1px #2b65f6;border-radius:10px; outline: none;font-size: 16px;text-indent:10px;}
.search #button{position: absolute;right:5px;top:61px; width: 100px; height: 40px; line-height: 40px; background:#2b65f6;border-radius:10px;cursor: pointer;color: #fff;text-align: center; border:none;outline: none;font-size: 16px;}
.search #button:hover{ background:#2c5dd6;}

.product-block, .case-block {margin-bottom: 20px;}
.floor_box,.intr_box,.news_box,.foota,.link_box{margin: 0px !important;}

/*热门推荐*/
.in_02{height: auto;overflow: hidden;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita span{display: block;letter-spacing: 2px;}
/*.in02a .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}*/

.service_row{height: auto;}
.service_row .col-6{padding-left: 1% !important;padding-right: 1% !important;}
.service_row li a{display: block; position: relative;height: auto;overflow: hidden;background: #fff; text-align: center;}
.service_row li img {display: block;max-width: 100%;}
.service_block{display: block;height:auto;overflow:hidden;}
.service_block{width:100%; background:url(../images/servicebg.png) center top no-repeat; padding-top:35px;border-radius: 10px;}
.service_block:hover{background: #2b65f6;transition: 0.5s;box-shadow:0 10px 20px 0px rgba(0,27,95,.2);border-radius: 10px;transition: all 0.5s ease-out 0s;}

.service_block h4.info{color:#000;}
.service_block p.price{color:red;}
.service_block:hover h4.info,.service_block:hover p.price{color:#fff}

/* 楼层 */
.in_03{ background: #f6f7fc; }
/*.floor_adv{padding: 0px !important;}*/
/*.acea-row{display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple;-o-box-lines: multiple;flex-wrap: wrap;}*/
.acea-row .col-6{padding-left: 1% !important;padding-right: 1% !important;}
.acea-row .product_block{display: block;height:auto;overflow:hidden; padding: 15px; background: #fff; margin-bottom:10%;}
.acea-row .product_block:hover{transition: 0.5s;box-shadow:0 10px 20px 0px rgba(0,27,95,.2);transition: all 0.5s ease-out 0s;}
.acea-row .product_block a img{}
.product_block h5.info{color:#000; margin: 5px 0px;}
.product_block p.price{color:red;}
@media screen and (max-width: 1024px) and (min-width: 0px){
   .floor_adv{display: none;}
}

/* 首页介绍 */
.in_04{ background: #f6f7fc; }
.intr_box h2{position: relative; padding-bottom:16px;line-height: 1;margin-bottom:1.5rem;}
.intr_box h2:before{position: absolute;content: "";bottom: 0;left: 0;width: 129px;height:4px;background: #2c5dd6;}
.intr_box .over_line_6{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}
.intr_box p{line-height: 30px;color: #666;}
.intr_box a{color: #2c5dd6;}
.zz_box{margin-top: 60px;}
.data_col{ padding: 0px !important; text-align: center; border-right:1px solid #e9e9e9;}
.data_col:last-child{border-right:none;}
.zz_box_xg_list{}
.data_row{margin: 0px;}
.xg_text{text-align: left;word-wrap: break-word;word-break: normal;}
.xg_tit{margin-bottom: 0px;height: auto;color: #333333;font-size: 18px;line-height: 50px;position: relative;top: 0px;left: 0px;font-weight: bold; text-align: center;}
.xg_des{margin-bottom: 0px;height: auto;color: #777;font-size: 14px;line-height: 30px;position: relative;top: 0px;left: 0px; text-align: center;}

@media (max-width: 576px) and (max-width: 768px){
   .data_col{ padding: 0px !important; text-align: center; border:none;}
}

/*首页新闻*/
.news_box a{display: block; overflow: hidden; background: #fff;}
.news_box a:hover{transition: 0.5s;box-shadow:0 10px 20px 0px rgba(0,27,95,.2);transition: all 0.5s ease-out 0s;}
.news-block{ margin: 0px; padding-bottom: .5rem !important;}
.news_pic{width:100%;padding: 1rem !important; overflow: hidden;}
.news_cont{padding: 1rem !important; padding-left: 0px !important;}
.news_cont h3{font-size:18px;font-weight: bold;color: #000; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news_box a:hover .news_cont h3{color: #2b65f6; font-weight: bold;}
.news_cont p{font-size:14px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

/*案例展示*/
.in_05{ background: url(../images/in_05_bg.jpg) repeat center; }
.col-xs-1-8,.col-sm-1-8,.col-md-1-8,.col-lg-1-8 {min-height:1px;padding-left:15px;padding-right:15px;position: relative;}
.col-xs-1-8 {width: 12.5%;float: left;}
@media(min-width:768px){.col-sm-1-8 {width: 12.5%;float: left;}}
@media(min-width:992px){.col-md-1-8 {width:12.5%;float: left;}}
@media(min-width:1200px){.col-lg-1-8 {width: 12.5%;float: left;}}
.case_item{ padding-bottom:20px !important;/* margin:0 20px 20px 0; max-width: 12% !important;*/}
.case_item a{display: block; overflow: hidden; width: 100%;height: 100%;}
.case_box_row{width: 100%;margin: 0px !important;}
.case_item:hover .backface {opacity: 1;filter: alpha(opacity=100);z-index: 2;display: block;}
.case_item .backface{position: absolute;top: 0;left: 0;width:120px;height:120px;margin:0px 15px;  background: rgba(43, 101, 246, 0.9);opacity: 0;filter: alpha(opacity=0);transition: 0.5s;z-index: -1;}
.case_item .backface p{width: 100%;height: 100%; color: #fff; text-align: center;line-height:120px;}
@media screen and (max-width: 1024px) and (min-width: 0px){
   .in_05{display: none;}
}

/*服务宗旨*/
.in_06{background: url(../images/in_06_bg.jpg) no-repeat center;}
.serv_box_con{padding: 0px !important;flex: 0 0 calc(25% - 30px); max-width: calc(25% - 30px);margin-left: 15px;margin-right: 15px;box-sizing: border-box;}
.serv_box_con span.s_icon{display: inline-block;width: 60px;height: 60px;float: left;padding: 0px !important;}
.serv_box_con p{width:100%; height: 60px;color:#fff;padding: 0px !important;padding-left: 60px !important; line-height: 60px;font-weight: bold;}
.serv_box li:last-child p.s_tit{max-width:100% !important;}
@media screen and (max-width: 1024px) and (min-width: 0px){
   .in_06{display: none;}
}

/*脚步*/
.footer{height: auto;overflow: hidden;background: #282828; padding: 50px 0;text-align: left;}
.foota{margin: 0px !important;}
.foota_a{height: auto;overflow: hidden;color: #b0b0b0;padding: 0px !important; padding-left:40px !important;}
.foota_a li{line-height: 30px; }
.foota_a li a{display: block;color: #b0b0b0;transition:.4s;}
.foota_a li:hover a{color: #fff;}
.foottit{line-height: 50px;font-size: 18px;color:#dadada;margin-bottom:10px;}
.foota_c{height: auto;overflow: hidden;padding: 0px !important;}
.foota_b{color: #fff;padding: 0px !important; padding-left:15px;}
.foota_b li{ padding-left: 50px; background: url(../images/dianhua4.png) no-repeat center left;}
.foota_b a{display: block;width:100%;line-height: 40px;background: #2b65f6;text-align:center;color: #fff;transition:.4s;}
.foota_b a:hover{background: #fff;color: #444;}
.foota_b span{color: #b0b0b0;}
.foota_b i{float: left;font-size: 24px;margin-right: .5rem;}

.footb{line-height:32px;color: #777777;border-top: 1px solid #545454;text-align: center; padding-top:24px;}
.footb a{color: #777777;transition:.4s;}
.footb a:hover{color: #fff;}
.foot_logo{height: auto;overflow: hidden;}
.foot_logo span{display: block;line-height: 35px;text-align: left;color: #fff;}

.link_box{border-top: 1px solid #545454;padding-top: 1rem;}
.link_list{display: flex;flex-wrap: wrap;position: relative;}
.link_box li{display: block; overflow: hidden;}
.link_box li a{display: inline-block;height: 24px;color: #777; line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;padding-right:18px;}
.link_box li a:hover{color:#b0b0b0;}

/*弹框留言*/

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 400px; height: 300px; margin: 0 auto; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -230px; z-index: 10000; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); }
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos label{width: 100%;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{width: 70%;border:1px solid #ccc;padding:10px;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:110px;height:42px;line-height:42px;cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#2b65f6;color:#fff;}


/*简介*/
.ban{height: auto;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;padding: 1.8rem 0;}
.ban strong{display: block;font-size: 42px;line-height: 50px;color: #004098;font-family: fz;text-stroke: 1px #fff;-webkit-text-stroke:1px #fff;}
.ban strong b{font-family: impact;font-size: 60px;text-stroke: 2px #fff;-webkit-text-stroke:2px #fff;}
.ban span{display: block; color: #004098;}
.ban p i{display: block;width: 100px;border: 1px solid #004098;color: #004098;margin-bottom: 2%;border-radius: 60px;margin-right: 2%; line-height: 30px;float: left;text-align: center;}
.bana{text-align: right;}
.bana img{max-width: 100%;}

/*面包屑*/
.location{height: auto;line-height: 50px;border-bottom: 1px solid #e8e8e8;}
.locationb a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; position: relative; transition:.4s;text-align: center;}
.locationb a:hover{background: #2c5dd6;color: #fff;}
.locationb a.on{background: #2c5dd6;color: #fff;}
.locationa{text-align: right;color: #777;}
.locationa a {color: #777;transition:.4s;}
.locationa a:hover {color: #2c5dd6;}

/*评测列表*/
.pingcea{height: auto;overflow: hidden;background: #f6f7fc;}
.pingcea li a{display: block;position: relative;height: auto;overflow: hidden;background: #fff;}
.pingcea li a:hover{transition: 0.5s;box-shadow:0 10px 20px 0px rgba(0,27,95,.2);transition: all 0.5s ease-out 0s;}
.pingcea li p.pc_listit{position: absolute;margin-top: 25%;width: 100%;text-align: center;color: #fff; font-weight: bold; font-size: 18px;}
.pingcea li img{display: block;width:100%;}
.pingcea li .infonta p{font-size: 14px;line-height: 30px;}
.pingcea li .infonta{max-height: 174px; overflow: hidden;}

.problem{height: auto;overflow: hidden; padding: 0px;}
.problema{background: #fff; height: auto; overflow: hidden;}
.problema h2{position: relative; padding-bottom:8px; text-align: center; display: inline-block;margin: 0 auto;}
.problema h2:before{position: absolute;content: "";bottom: 0;left: 0;width:100%;height:4px;background: #2c5dd6;}
.answer_box{width:100%; overflow: hidden;}
.answer{background: #eff1f3;}
.answer .answer_tit{align-items: center;display: flex;font-weight: 700;line-height: 1.75rem;}
.answer .answer_tit i{align-items:center;color:#fff;display: flex;font-size: 14px;height:30px;justify-content:center;margin-right:8px;width:30px;border-radius:15px; background: #2b65f6;}
.answer_text{margin-left: 2.25rem;}
.answer_text_red{color: red;}

@media (max-width: 576px) and (max-width: 768px){
   .answer_tit{padding-left: 1.25rem;}
   .answer_text{margin-left: 3.25rem;margin-right: 1.25rem;}
   .problema .submit{width:100% !important;}
   .pingcea li .infonta p{font-size: 12px;line-height:24px;}
   .pingcea li p.pc_listit{font-size: 14px;}
}

.pingce_formlist{display: flex; float: left; padding: 0px;}
.pingce_formlist label{width:20%; float: left; line-height: 38px;text-align: center;}
.pingce_formlist input{width:80%; float: left;}
.problem_formlist label{width: 100%;display: flex;}
.answer_list{align-items: flex-start;display: inline-flex; font-size: 14px;line-height: unset;padding-left: 5px;position: relative;}
/* 新增隐藏原始的 radio input */
.custom-radio-input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* 自定义单选按钮的圆形外观 */
.custom-radio-checkmark {
            position: relative;
            flex-shrink: 0; /* 关键：防止在小屏幕或长文本下被压缩 */
            height: 18px;
            width: 18px;
            background-color: #fff;
            border: 2px solid #aaa;
            border-radius: 50%;
            margin-right: 1px; /* 与文字的间距 */
            margin-top: 2px; /* 微调，使其视觉上更居中 */
            transition: all 0.2s ease;}

/* 鼠标悬停时的边框颜色 */
.answer_list:hover .custom-radio-input ~ .custom-radio-checkmark {border-color: #2b65f6;}

/* 选中时的内部小圆点 */
.custom-radio-checkmark:after {
            content: "";
            position: absolute;
            display: none;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #2b65f6;
            transform: translate(-50%, -50%);
        }

/* 当关联的 input 被选中时，显示内部小圆点 */
.answer_list .custom-radio-input:checked ~ .custom-radio-checkmark:after {display: block;}

/* 当关联的 input 被选中时，改变外圈颜色 */
.answer_list .custom-radio-input:checked ~ .custom-radio-checkmark {border-color: #2b65f6;}

/* --- 兼容性处理说明 --- */
.compatibility-note {
            margin-top: 35px;
            padding: 15px;
            background-color: #e8f4fd;
            border-left: 4px solid #2b65f6;
            border-radius: 4px;
            font-size: 14px;
            color: #555;
        }
.problema .submit{width:30%;display: block;text-align: center;background: #2b65f6;transition: .4s;color: #fff;font-size: 16px;padding: .8rem;border:none !important;}
.problema .submit:hover{background: #2c5dd6;color: #fff;border:none !important;}

.pingce_tit{border-bottom:1px solid #e7e7e7;}
.pingce_tit h6{font-weight: 700;align-items: center;display: flex;}
.pingce_tit h6:before{background:#2b65f6;content: "";display: inline-block;height: 16px;margin-right:5px;width:4px;}
.pingce_box{width: 100%; overflow: hidden;}
.pc_box_tit{display: flex;align-items: center;}
.pingce_icon{height: 22px;width: 22px;display: inline-block;margin-right: .25rem;}
.pc_icon1{background: url(../images/company.png) no-repeat;}
.pc_icon2{background: url(../images/book.png) no-repeat;}
.pc_icon3{background: url(../images/time.png) no-repeat;}
.pc_icon4{background: url(../images/time1.png) no-repeat;}
.pingce_yj img{width: 1.25rem;height: 1.25rem;margin-top: .245rem;}
.pingce_box a{color: #2b65f6;}
.pingce_box a.download{color: #fff;background:#2b65f6; padding:2px 15px; border-radius:18px;}
.pc_score{background: url('../images/pc_scorebg.png') no-repeat center; margin: 0px;}
.pc_score h1{font-size:42px; font-weight: bold;}
.pc_score p{font-size:18px;}
.pingce_yj{display: flex; margin: 0px;align-items: flex-start;}
.pingce_sm{color: #ee7000;}
table{width:100%;}
td{border:1px solid #f0f0f0; padding: 20px;overflow-wrap: break-word;text-overflow: ellipsis;white-space: normal;vertical-align: middle;}
@media (max-width: 576px) and (max-width: 768px){
   .pingce_icon{display: none;}
   .pingce_yj img{display: none;}
}


/*content_product*/
.producta{height: auto;overflow: hidden;background: #f6f7fc;}
.productc{height: auto;overflow: hidden;position: relative;}
.productc img{display: block;max-width: 100%;max-height: 100%; position: relative;z-index: 1;}
.productaa{position: absolute;bottom: 1rem;left:1rem; z-index: 5;padding:1rem 2rem;background: rgba(255,255,255,.8);}
.productaa span{display: block;font-size: 22px;line-height: 40px;}
.productaa i{display: block;width: 30px;height: 3px;margin:1rem 0;background: #444;}
.productaa p{line-height: 30px;font-size: 16px;color: rgba(0,0,0,.8);}


/*关于我们*/
.companya{height: auto;overflow: hidden;background: #f6f7fc;}
.company_tit{height: auto;overflow: hidden;position: relative;text-align: center;margin-bottom: 1rem;}
.companyaa p{color:  #777;line-height: 30px;}
.companyaa img{max-width: 100%;}
.companyb{height: auto;overflow: hidden;}
.wenhua{height: auto;overflow: hidden;background:url(../images/wenhua_bg.jpg) center bottom no-repeat; background-size:cover;}
.wenhua_tit{height: auto;overflow: hidden;position: relative;text-align: center;margin-bottom: 1rem;}
.wenhua_tit h4{color:#fff; font-size: 32px;}
.wenhua_tit h4:before{position: absolute;content: "";bottom: 0;width:11%;height:4px;background: #fff;}
.wenhuabox{margin-top:40px; padding-top:60px;}
.wenhualist li{float: left; margin-bottom: 1rem;}
.wenhualist li a{ display:block; position:relative; background:rgba(255,255,255,.1); padding:30px 30px 30px 180px; color:#fff;}
.wenhualist li a:hover{background:rgba(255,255,255,.15);}
.wenhualist li a em{ font-size:130px; font-weight:800; color:rgba(255,255,255,.75); line-height:1; position:absolute; left:20px; top:50%; transform:translateY(-44%);font-family: Bahnschrift,Arial, Helvetica, sans-serif;}
.wenhualist li a span{ font-size:34px; font-weight:bold; transition:all .3s linear;color: #fff;}
.wenhualist li a:hover span{ margin-right:5px;}
.wenhualist li a i{ font-style:normal; font-size:48px; color:rgba(255,255,255,.8); font-weight: lighter; vertical-align:sub; margin-left:5px;}
@media (max-width: 576px) and (max-width: 768px){
.wenhuabox{margin-top:20px; padding-top:15px;}
.wenhua_tit h4{color:#fff; font-size: 22px;}
.wenhua_tit h4:before{position: absolute;content: "";bottom: 0;width:24%;height:2px;background: #fff;}
.wenhualist li{ padding:5px; margin-bottom: 0;}
.wenhualist li a{ padding:15px; text-align:center;}
.wenhualist li a span{ display:block; font-size:20px;}
.wenhualist li a i{ display:block; font-size:12px;}
.wenhualist li a em{ font-size:40px;}
}


/*content_public*/
.public{background: #f6f7fc;height: auto;overflow: hidden;}
.content{line-height: 30px;}
.content img{display: block;max-width: 100%;margin:0 auto;}
.content p{color: #777;}
.de-page-mian{height: auto;overflow: hidden;margin:1rem auto;}


/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;height: auto;margin:0 auto;  max-width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.honorfonta{position: absolute;z-index: 88;bottom: -100%;width: 100%;color: #fff; height: 100%;padding-top: 20%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.honorfonta span{display: block; line-height: 30px;font-size: 15px;}
.honorfonta i{font-size: 42px;}
.imga{height: auto;overflow: hidden;}


/*案例展示*/
.caselist li img{max-width: 100%;}
.caselist{height: auto;overflow: hidden;}
.caselist li{height: auto; padding: 0;}
.caselist li a.cbox{display:block;background: #fff;margin-right: 15px;}
.caselist li a:hover{transition: 0.5s;box-shadow:0 10px 20px 0px rgba(0,27,95,.2);transition: all 0.5s ease-out 0s;}
.caselist li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.nfonta{height: auto;overflow: hidden; text-align: center;border-top: 1px solid #eaeaea;}
.caselist li:hover .nfonta{background: #2b65f6; color: #fff;}
.nfonta span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.nimga{width: 100%;height: auto;overflow: hidden;position: relative;}


/*新闻*/
.newslist{height: auto;overflow: hidden;background: #f6f7fc;}
.newslist ul li{transition: all 1s ease; background: #fff; }
.news_img{float: left;max-width: 100%;position: relative;}
.news_img img{width:133px;height:133px;}
.newslist ul li a{display: block;overflow: hidden;}
.newslist ul li:hover{transition: 0.5s;box-shadow:0 10px 20px 0px rgba(0,27,95,.2);transition: all 0.5s ease-out 0s;}
.news_con{height: 100%; overflow: hidden;}
.infontc{padding:2%;height: auto;overflow: hidden;}
.infontc p{line-height: 30px;color: #777;transition:.4s;margin:0;}
/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;background: #f6f7fc;}
.newsinfoa{height: auto;overflow: hidden; background: #fff; padding:5%;}
.newsinfoa strong{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #000;margin-bottom: 23px;line-height: 32px;}
.meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width:0 0 1px;font-size: 12px;color: #808080;text-align: center;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:2% auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
/*详情翻页*/
#prev_next li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #23569e !important;}



/*产品详情*/
.proinfo{height: auto;overflow: hidden;margin:2% 0;}
.proa{height: auto;overflow: hidden;margin-bottom: 4%;background: #fff;}
.proaa{height: auto;overflow: hidden;}
.proaa span{display: block;font-size:28px;line-height: 60px;color: #000;}
.proaa p{color: #777;line-height: 28px; font-size: 16px;}
.proaab p{float: left; opacity: 0;font-size: 22px;color: #004098;transition:.4s;}
.proaab a{display: block;float: left; width: 198px;background:#2b65f6;line-height:50px;text-align:center;color:#fff;transition:.4s;}
.proaab a:hover{background: #2c5dd6;}
.proab{background: #f6f7fc;margin: 0 !important;}
.proab span{display: block; color: #e93323;}
.proab p{line-height: 30px;color: #777;}
.proac{height: auto;overflow: hidden;margin-top: 3rem !important;}

.proac p{line-height: 60px;border-bottom: 1px solid #e8e9eb;color: #777;font-size: 16px;}
.proac p i{color: #2c5dd6;font-size: 20px;}
/*.prodc{position: absolute;top:0;left:0;width: 70%;}
.prodd{position: absolute;bottom:0;left:0;}*/
.proad{position: relative;height: auto;overflow: hidden; border:1px solid #e9e9e9;transition:.4s}
.proad img{display: block; max-width: 100%;}
.proda{position: absolute;top:0;left:0;}
.prodb{position: absolute;bottom:0;left:0;width: 100%;}
.proca strong{display: block;line-height: 50px;border-bottom: 1px solid #eee;font-size: 18px;color: #444; background: url(../images/tipd.png) left no-repeat;padding-left:2rem;margin: 1rem 0;}
.proca p{line-height: 30px;font-size: 15px;}
.proca img{ max-width: 100%!important;} 
.proc_tit{height: auto;overflow: hidden;position: relative;text-align: center;margin-bottom: 1rem;}
.proc_tit h4{color:#000; font-size:24px; text-align: center;}
.proc_tit h4:before{position: absolute;content: "";bottom: 0;width:10%;height:4px;background: #2b65f6;}


/*合作*/
.hzpplist{height: auto;overflow: hidden; }
.hzpplist ul{border: 1px solid #e6e6e6; border-right: none; border-bottom: none;}
.hzpplist li{text-align: center;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; transition: 0.3s; cursor: default;}
.hzpplist li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.hzpplist li img{display: block;max-width: 100%;margin:0 auto;}



/*联系我们*/
.contact{height: auto;overflow: hidden;background: #f6f7fc;}
.contact_box{padding:3rem !important;}
.contact_tit h4{font-size: 32px;margin-bottom: 10px;}
.contact_tit span{color:#777;}
.contact_con{height: auto;overflow: hidden;}
.contact_con li{height: auto;overflow: hidden;border-bottom:1px solid #ededed;text-align:left; display: flex;}
.contact_con li p{line-height:32px;font-size: 16px;color:#777; margin-bottom: 1rem; }
.contact_con li p img{margin-right: 10px;}

.contactb{height: auto;overflow: hidden;}
.contactc{height: auto;overflow: hidden;background: url(../images/contactc.jpg) center top no-repeat; background-size:cover}
.cona{background: rgba(255,255,255,0.6);height: auto;overflow: hidden;}
.cona .forma{height: auto;overflow: hidden;}
.cona .forma input{float: left;width:49%;margin-right: 2%;line-height: 30px;background: #f5f5f5;padding:.5rem;}
.cona .forma input:last-child{margin-right: 0px;}
.cona textarea {display: block;padding-left:2%;width: 100%;height: 90px;background:#f5f5f5;line-height: 35px;}
.cona .code {width:100%;margin:0 auto; overflow: hidden;}
.cona .code input {width:80%;line-height: 30px;float: left; background:#f5f5f5; padding:.5rem;}
.cona p {line-height:24px;color: #777;}
.cona p i{font-size: 18px;}
.cona .code .verify {cursor: pointer;float: left;width:20%;}
.cona .code .verify img {display: inline-block;max-width: 100%;height:46px;}
.cona .submit{width:100%;display: block;text-align: center;background: #2b65f6;transition:.4s; color:#fff;font-size: 16px;padding:.8rem;}
.cona .submit:hover {background: #2c5dd6;color: #fff;}
.cona .form-tr {overflow: hidden;margin-top: 2%;}


@media (max-width: 576px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}

.topa span{font-size: 14px;}
.topa p{font-size: 12px;}
.search{width: 80%;}
.intitb strong{font-size: 56px;}
.in01a .col{padding-left: .25rem;padding-right: .25rem;}
.in02a_a .col-6:nth-of-type(9){display: none;}
.in03c{margin-top: 0px;}
.in03c strong{font-size: 20px;}
.in03c p{width: 100%;}
.in03b {left:6%;}
.in03b img{width: 94%}
.in03a .swiper-button-next,.in03a .swiper-button-prev{top:60%;}
.in_03 .swiper-slide{margin-top: 10%;}
.in_03 .swiper-slide img{max-width: 150%;}
.in04a span{font-size: 30px;line-height:40px;}
.footer{padding-bottom: 12%;}
.foot_logo{height: auto;overflow: hidden; text-align: center;}
.foot_logo span{display: block;line-height: 35px;text-align: center;color: #fff;}
.foota_b{color: #fff;padding: 0px !important; padding-left:15px;text-align: center; margin-top:1rem; }
.foota_b li{padding-left:0px; background: none; width: 56%; margin: 0 auto;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 36px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;}
.locationa{text-align: left;}
.proaab a{width: 100%;}
.proac{margin-top: 0rem !important;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
#hxys .swiper-slide{height: 200px;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
.companyc li{margin-bottom: 4%;}
.in_02 .row{margin-left: 0px;margin-right: 0px;}
.location .row{margin-left: 0px;margin-right: 0px;}
.companyc .row{margin-left: 0px;margin-right: 0px;}
.companyc .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.honorlist .col-4{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.contactc .code{width: 90%;}
.contact_box{padding:0 !important; padding-top:2rem !important; padding-bottom: 2rem !important;}
.cona .submit {width: 100% !important;}
.caselist li a{height: auto;margin-left:1%;margin-right:1%;}
.in04c span{display: none;}
.prod li span{font-size: 18px;}

}

@media (min-width: 576px) and (max-width: 768px) {  
.topa span{font-size: 14px;}
.topa p{font-size: 12px;}
.search{width: 80%;}
.intitb strong{font-size: 56px;}
.in01a .col{padding-left: .25rem;padding-right: .25rem;}
.in02a_a .col-6:nth-of-type(9){display: none;}
.in03c{margin-top: 0px;}
.in03c strong{font-size: 20px;}
.in03c p{width: 100%;}
.in03b {left:6%;}
.in03b img{width: 94%}
.in03a .swiper-button-next,.in03a .swiper-button-prev{top:60%;}
.in_03 .swiper-slide{margin-top: 10%;}
.in_03 .swiper-slide img{max-width: 150%;}
.in04a span{font-size: 30px;line-height:40px;}
.footb{line-height: 50px;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 36px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;}
.locationa{text-align: left;}
.proaab a{width: 100%;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
#hxys .swiper-slide{height: 200px;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
.companyc li{margin-bottom: 4%;}
.in_02 .row{margin-left: 0px;margin-right: 0px;}
.location .row{margin-left: 0px;margin-right: 0px;}
.companyc .row{margin-left: 0px;margin-right: 0px;}
.companyc .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.honorlist .col-4{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.contactc .code{width: 90%;}
}

@media (min-width: 1200px) {
.top .container{max-width: 1200px;}
.container{max-width: 1200px;}
 }
@media (min-width: 768px) and (max-width:992px){
.locationa{text-align: left;}
.proaab a{width: 100%;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
} 

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}


/* 分页样式  */
/*.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a,.pagination li{
  background: #fff;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  line-height:100%; 
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
}
.pagination a:hover {
  color: #fff;
  background: #2b65f6;
}
.pagination a.page-num-current,.pagination li.active{
  color: #fff;
  background: #2b65f6;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
*/
.pagebar{ padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination li{
   padding: 0px;
    margin: 0px;
    display: block;
}
.pagination a{margin-right:0px;}
.pagination a,.pagination span{
    color: #333;
    font-size: 12px;
    margin: 0 2px;
    position: relative;
    border: 1px solid #dee2e6;
    background: #fff;
    padding: 8px 10px;
    margin: 0 2px;
    line-height: 100%;
    display: block;
}
.pagination a:hover {
  color: #fff;
  background: #2b65f6;
}
.pagination a.page-num-current,.pagination li.active a{
  color: #fff;
  background: #2b65f6;
  margin: 0px;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.pagebar input.form-control{display: flex;margin-top: -7px;width: 38px;margin-left: 5px;height: 30px;}