body,input{font-family: "microsoft yahei";} .allpage{ background-color: #ffffff!important; } /*font*/ @font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');} @font-face{font-family:"iconfont1";src:url('../font/iconfont1.woff') format('woff'),url('../font/iconfont1.ttf') format('truetype');} .iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;} .iconfont1 { font-family:"iconfont1" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; borde/r-radius: 50%; display: inline-block; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale; } /* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */ .casei{width:100%;height:auto;overflow:hidden;margin:0 auto;} .blue{ } .s_b{ } .nav_new{ width:100%; margin: 0 auto; } .nav_new ul li{ width: 20%; height: 0.5rem; float: left; text-align: center; margin: 0; } .tpp ul li:nth-child(4){ border-right:0; } .boo ul li:nth-child(4){ border-right:0; } .tpp{background:#146cd7; } .boo{background:#146cd7;} .nav_new ul li a{ display: inline-block; /* padding:80%; */ color:#ffffff; font-size: 0.21rem; font-family: "microsoft yahei"; height: 0.5rem; line-height: 0.5rem; } .nav_new ul li a:nth-child(4){ border:none!important; } .nav_new ul li a:last-child{ border:none; } /* banner */ /* banner */ .banner{ width:100%; position: relative; margin:0 auto; } .swiper-pagination{ padding:0; margin:0; width: 100%!important; text-align: center!important; bottom:0!important; } .swiper-pagination-bullet{ width: 0.1rem!important; height: 0.1rem!important; background-color: #fff; opacity: 1!important; border-radius:50%!important; } .swiper-pagination-bullet-active{ background:#ff991f; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 5px!important; } .swiper-container{ } input{ outline: none; } .search-lh-input{ width: 75%; border:1px solid #65b673; border-radius: 15px 0 0 15px; float: left; border-right: none; height: 0.461rem; font-size: 0.18rem; font-family: "microsoft yahei"; text-indent: 5%; margin-top: 2%; } .search-lh-btn{ width: 15%; float: left; background-color: #fff; border-radius:0 15px 15px 0; border:1px solid #65b673; border-left: none; height: 0.491rem; font-size: 0.25rem; margin-top: 2%; } .search_hl{ width:14.0625%; left:0.1%; top:-1px; position:absolute; height:100%; font-size:0.38rem; line-height:0.8rem; color:#146cd7; text-align:center; overflow:hidden; } .search_hl a{ color:#146cd7} .search{ width: 96%; height: 0.691rem; padding:0 2%; position: absolute; top: -120%; left: 0; background-color: #0e2e71; font-family: "microsoft yahei"; } .search-lh-input{ width: 75%; border:1px solid #0e2e71; border-radius: 15px 0 0 15px; float: left; border-right: none; height: 0.461rem; font-size: 0.18rem; font-family: "microsoft yahei"; text-indent: 5%; margin-top: 2%; } .search-lh-btn{ width: 15%; float: left; background-color: #fff; border-radius:0 15px 15px 0; border:1px solid #0e2e71; border-left: none; height: 0.491rem; font-size: 0.25rem; margin-top: 2%; } .search a{ display: inline-block; width: 9%; float: left; color:#fff; text-align: center; height: 0.7rem; } .index_text{ font-size: 14px; width: 100%; height: 0.5rem; background: #fff url(../images/search_bg_05_1.png) no-repeat 95% center; -webkit-background-size: 7%; background-size: 7%; border:none; font-family:"microsoft yahei"; text-indent: 3%; } .search_new{ padding:0 2%; text-align: center; margin-top: 3%; } .search_new input{ width: 98%; border:1px solid #cdcdcd; background: url(../images/fdj_09.png) no-repeat 97% center; -webkit-background-size: 7%; background-size: 7%; text-indent: 3%; padding:2% 0; } .index_line{ float:left; width:100%; border-top:1px solid #262626;} .icon_nav{ width:100%; margin:0 auto ; background:#93d611; border-bottom:1px solid #bc6512; } .icon_nav ul li{ width: 24.4%; text-align: center; float: left; margin:0 0%; padding:2% 0 0 0; border-right:1px solid #ffa34b; border-left:1px solid #bc6512; } .icon_nav ul li:nth-child(1){border-left:0;} .icon_nav ul li:nth-child(4){border-right:0;} .icon_nav ul li a span{ display: inline-block; color:#fff; font-size: 0.19rem; width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .iconfont1_ys{ color:#fff; display:inline-block;font-family: "microsoft yahei"; font-size:0.45rem;width: 0.7rem; font-weight:normal; height: 0.6rem; padding:0; line-height:0.6rem;} .la1{ font-size:0.5rem;} .la4{ font-size:0.6rem;} .common_title{ text-align: center; position: relative; margin-top: 5%; margin-bottom: 3%; } .common_title span{ display: inline-block; position: absolute; top: 50%; left: 0; z-index: 0; width: 100%; height: 1px; background-color: #b9bbcb; } .common_title h2{ position: relative; z-index: 1; display: inline-block; width: 38%; background-color: #2332c6; color:#fff; font-size: 0.26rem; padding:1.5% 0; border-radius: 20px; } .more_i{ border-radius:20px; width:93.75%; float:left; margin-top:3%; margin-left:3%;background:#146cd7; } .more_i span{ padding:1% 5% 1% 3%; float:left; margin-left:0;font-size: 0.22rem; color:#ffffff; font-weight:bold; background:url(../images/dian.gif) 95% center no-repeat; background-size:15%; line-height:1.2;} .more_i a{ float:right;color:#ffffff; background:#93d611;font-size: 0.2rem; padding-left:2%; padding:1% 2% 1% 2%;border-radius:20px;} .about_i{ margin:0 auto; } .about_i_c{ line-height: 1.6; padding:3% 5% 2% 5%; font-size: 0.2rem; color:#222222; } .common_title_new h2{ background-color: #e00409!important; } .honor_i{ margin:0 auto; width:100%; padding:0 ; } .casei{width:100%;height:auto;overflow:hidden;margin:0 auto; } .casei li{width:100%;height:auto; margin:3% auto 0 auto;overflow:hidden} .case_i{ width:100%; margin:0 auto; padding:0 ;} .beian{ background-color: #e7e7e7; color:#222222; text-align: center; height: 0.65rem; line-height: 0.65rem; font-size: 0.21rem; } .beian a{ color:#222222; font-size: 0.21rem; } .common_bg{ background-color: #ff4863; } .honor_i_c{ margin:0 auto; padding:2% 0 1% 0; width:100%; } .honor_i_c ul li{ position:relative; width: 43.75%; float: left; text-align: center; margin: 2% 3% 0% 3%; } .honor_i_c ul li:nth-child(2n-1){ clear:left;} .honor_i_c ul li img{ width:95.71428%; border:0.05rem solid #e0e0e0} .honor_i_c ul li span{ position:relative; display:block; background:none;color:#21273c; width:100%; padding:3% 0 1% 0; text-align: center; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 0.2rem; } .honor_i_c ul li label{overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display:inline-block; margin:3% auto; padding:1% 2%; border:1px solid #d92619; border-radius:0.05rem; color:#db3d34; font-size:0.16rem;} .boda{ text-align:center; padding:1% 0; width:93.75%; margin:1% auto 1% auto;font-size:0.22rem; border-radius:0.1rem; display:block; background:#93d611;color:#ffffff} .boda font{ font-size:0.3rem; color:#ffffff; font-weight:normal; vertical-align:-0.01rem;} .boda a{ color:#ffffff;} .caseindex{ margin:0 auto; width:96.875%; padding:2% 0 1% 0; } .caseindex ul li{ width: 28.28125%; float: left; text-align: center; margin:1.5% 1% 0 2.7%; border:0.02rem solid #c7c7c7; border-radius:0.03rem; } .proliul{ float:left; width:96.875%; text-align:left; padding:1% 0 0 2%;} .proliul a{ display:inline-block; color:#ffffff; border-radius:0.05rem; padding:1% 1%; background:#a4a4a4; border:0.02rem solid #a4a4a4; margin: 2% 0 1% 0.9%; font-size:0.2rem;} .case_i_c{ padding:1% 0 1% 0; height:auto; overflow:hidden;} .case_i_c ul li{ padding:2.5% 0 0.2% 0; width:93.75%; display:block; float:left; margin-left:3%; margin-top:0; } .case_i_c ul li a{ float:left; width:100%;color:#222222; line-height:1.8; background:#ececec; border-radius:0.05rem;} .case_i_c ul li h2{ float:left; margin-left:3%; line-height:1.8; font-size: 0.20rem; font-weight: normal; width: 65%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .case_i_c ul li span{ float:right; line-height:2.2; font-size: 0.18rem; font-weight: normal; width:25%; margin-left:3%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .baoming { background:#93d611; width: 100%; pa/dding: 3% 0; margin-top:3%; font-family: "microsoft yahei"; color: #151515; } .baoming span { margin-bottom: 2%; } .baoming div.telbo{ font-weight:bold; float:left; width:100%; color:#fff; padding:3% 0; line-height:1; text-align:center; } .baoming .telname{ width:100%; display:block; font-size:0.2rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; padding:0;} .baoming .telphone{width:100%; display:block;font-size:0.2rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; padding:0;} @media all and (min-width:640px){ .content{width:640px;margin:0 auto;position:relative;} } .form-group{width: 95%; margin: 0 auto; clear: both; padding: 12px 0;} .form-group label{float: left; line-height:40px} .form-control{ float: left; width: 95%; border: 1px #ddd solid; height: 40px; line-height: 40px;} .form-control-c{float: left; width: 95%; border: 1px #ddd solid; height: 100px; line-height: 40px;} button.form-sub{width: 95%; margin: 0 auto; clear: both; padding: 12px 0;} .form-sub{ height: 40px; color: #fff; background: #333333; border: none;} .form-control-y{ float: left; width: 100px; border: 1px #ddd solid; height: 40px; line-height: 40px;}