@charset "utf-8";

html,
body {
    padding: 0;
    margin: 0;
    background: #fff;
    width: 100%;
    min-height: 100%;
}

* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';
    border: 0;
    outline: medium;
    text-shadow: none;
    text-decoration: none;
}

body {
    color: #444;
    font-size: 0.875rem;
    line-height: 1.875rem;
    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: #444;
    text-decoration: none;
}

a:hover {
    color: #444;
    text-decoration: none;
}

i,
em {
    font-style: normal;
}

p {
    margin-bottom: 0px;
}

/*input placeholder 样式 */
::-webkit-input-placeholder {
    color: #999999;
}

:-moz-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
}

:-ms-input-placeholder {
    color: #999999;
}

/*修改滚动条*/
::-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;
}

/* 无内容 */


@media (min-width: 1200px) {
    .container {
        max-width: 1230px !important;
    }
}

#dituContent label {
    max-width: unset !important;
    text-align: center;
}

/*头部*/
.topa {
    height: 40px;
    line-height: 40px;
    background: #383c45;
    color: #fff;
}

.top {
    height: auto;
    overflow: hidden;
}

.topa b {
    font-size: 16px;
}

.topb a {
    display: block;
    float: left;
    border-right: 1px solid #eee;
    margin-right: 1rem;
    padding-right: 1rem;
}

.topb span {
    display: block;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;
}

.topb p {
    line-height: 30px;
    color: #777;
}

.topb img {
    display: block;
    max-width: 100%;
}

.topaa {
    align-items: center;
    text-align: right;
}

.topaa a {
    transition: .4s;
}

.topaa a:hover {
    color: #d10000;
}

.topaa i {
    font-size: 30px;
    color: #2d75e5;
}

.topaa img {
    max-width: 70px;
}

.nav {
    height: auto;
    line-height: 3.125rem;
    overflow: hidden;
    background: #2d75e5;
}

.nava a {
    display: block;
    color: #fff;
    transition: .4s;
    text-align: center;
}

.nava:hover a {
    background: #d2e8ff;
    color: #444;
}

/*首页大图*/
.banner {
    position: relative;
    height: auto !important;
    z-index: 1
}

.banner .swiper-wrapper {
    height: auto !important;
}

.banner #bannerSwiper {
    height: auto !important;
}

.banner .swiper-slide {
    position: relative;
    height: auto !important;
    float: left;
}

.banner .swiper-slide a {
    display: block;
    width: 100%;
    height: auto !important;
}

.banner .swiper-slide a img {
    width: 100%;
    height: auto;
}

.banner .swiper-pagination {
    position: absolute;
    font-size: 0;
    left: 0;
    height: 20px;
    text-align: center;
    bottom: 13px;
    width: 100%;
    z-index: 9999;
}

.banner .swiper-pagination .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 0.6;
    margin: 0 5px;
    cursor: pointer;
}

.banner .swiper-pagination .swiper-active-switch {
    background: #fff;
    opacity: 1;
}


/*搜索*/
.topc {
    height: auto;
    overflow: hidden;
}

.topca {
    height: auto;
    overflow: hidden;
    border-left: 2px solid #2d75e5;
}

.topca a {
    float: left;
    padding: 0 2%;
    line-height: 20px;
    transition: .4s;
    border-right: 1px solid #d6d6d6;
    color: #666666;
}

.topca a:hover {
    color: #383c45 !important;
}

.search {
    position: relative;
    height: auto;
    overflow: hidden;
}

.search #search_name {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    border: solid 1px #cccccb;
    border-radius: 60px;
    outline: none;
    font-size: 12px;
    text-indent: 10px;
}

.search #button {
    position: absolute;
    right: 20px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 40px;
    background: url(../images/fdj.png) center no-repeat #2d75e5;
    border-radius: 60px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border: none;
    outline: none;
    transition: 0.3s;
}

.search #button:hover {
    background: url(../images/fdj.png) center no-repeat #333;
}

/*首页产品*/
.in_01 {
    height: auto;
    overflow: hidden;
    background: url(../images/in01a.jpg) center no-repeat;
}

.intita {
    height: auto;
    overflow: hidden;
    text-align: center;
}

.intita h2 {
    display: block;
    line-height: 45px;
}

.intita h2 em {
    color: #383c45;
}

.intita h6 {
    line-height: 30px;
    color: #777;
}

.intita i {
    display: block;
    background: url(../images/in01a.png) center no-repeat;
    height: 3px;
}

.intypea {
    text-align: center;
}

.intypea a {
    display: block;
    background: #2d75e5;
    color: #fff;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    transition: .4s;
}

.intypea a:hover {
    background: #d50506;
}


.in01a li a {
    display: block;
    height: auto;
    overflow: hidden;
    background: #fff;
}

.in01a li .pic {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
    transition: .3s;
    border: 1px solid #f1f3f7;
    background: #fff;
}

.in01a li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

.in01a li span {
    display: block;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    padding: 0 .5rem;
    transition: .4s;
}

.in01a li span i {
    float: right;
}

.in01a li .pic:hover {
    filter: drop-shadow(-6px 5px 6px rgba(0, 0, 0, 0.1));
}

.in01a li .pic:hover img {
    transform: scale(1.1);
}

.in01a li li:hover span {
    background: #2d75e5;
    color: #fff;
}

.more a {
    display: block;
    width: 140px;
    line-height: 40px;
    background: #2d75e5;
    color: #fff;
    text-align: center;
    transition: .4s;
}

.more a:hover {
    background: #fff;
    color: #444;
}


.in_02 {
    height: auto;
    overflow: hidden;
    background: url(../images/in02a.jpg) center no-repeat;
    color: #fff;
}

.in_02 h4 {
    font-family: cursive;
}

.in_02 i {
    display: block;
    height: 40px;
    width: 1px;
    background: #919191;
}

.in_02 span {
    display: block;
    font-size: 17px;
    font-weight: bold;
}

.in_02 h1 {
    display: block;
    line-height: 60px;
    letter-spacing: 2px;
}

.in_02 p {
    color: #848484;
    font-family: fangsong;
    text-transform: uppercase;
}

.in_03 {
    height: auto;
    overflow: hidden;
    background: url(../images/in03a.jpg) center bottom no-repeat;
}

.in_03 img {
    display: block;
    max-width: 100%;
}

.in03aa h4 {
    display: block;
    color: #2d75e5;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}

.in03aa h4 b {
    float: left;
    font-size: 36px;
    display: block;
    background: #2d75e5;
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.in03aa p {
    color: #777;
}

.in03ab {
    margin-top: -6%;
    color: #fff;
}

.in03ab h4 {
    display: block;
    color: #fff;
    height: 60px;
    line-height: 60px;
    margin-top: 24%;
}

.in03ab h4 b {
    float: left;
    font-size: 36px;
    display: block;
    background: #fff;
    color: #2d75e5;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.in03ab p {
    color: #fff;
}

.in_04 img {
    display: block;
    max-width: 100%;
}

.in_04 h4 {
    display: block;
    color: #2d75e5;
    line-height: 30px;
}

.in_04 h4 b {
    float: left;
    font-size: 36px;
    display: block;
    background: #2d75e5;
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.in_04 p {
    color: #777;
    font-size: 14px;
    line-height: 25px;
}


.in_05 {
    height: auto;
    overflow: hidden;
    background: url(../images/in05a.jpg) center top no-repeat;
}

.in05a {
    color: #fff;
}

.in05a i {
    display: block;
    height: 5px;
    width: 80px;
    background: #2d75e5;
}

.in05a p {
    color: #d6d7d8;
}

.in05b {
    background: #f7f7f7;
}

.in05b .swiper-slide img {
    display: block;
    max-width: 100%;
}

.in05b .swiper-button-prev {
    background: rgba(0, 0, 0, 0.4);
    transition: .4s;
}

.in05b .swiper-button-prev:hover {
    background: rgba(45, 117, 229, 0.8);
}

.in05b .swiper-button-prev i {
    color: #fff;
}

.in05b .swiper-button-next i {
    color: #fff;
}

.in05b .swiper-button-next {
    background: rgba(0, 0, 0, 0.4);
    transition: .4s;
}

.in05b .swiper-button-next:hover {
    background: rgba(45, 117, 229, 0.8);
}

.in05b .swiper-button-next:after,
.in05b .swiper-button-prev:after {
    display: none;
}


.in_06 img {
    display: block;
    width: 100%;
}

.in06a {
    border-bottom: 1px solid #ddd;
}

.in06a span {
    position: relative;
    display: block;
    line-height: 40px;
    font-size: 16px;
    transition: .4s;
}

.in06a span::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background: #383c45;
    bottom: 0;
}

.in06a span i {
    float: right;
    font-size: 14px;
    color: #777;
}

.in06a p {
    line-height: 30px;
    color: #777;
}

.in06a a {
    display: block;
}

.in06a a:hover span {
    padding-left: 4%;
    color: #383c45;
}

.intitb {
    height: auto;
    overflow: hidden;
    border-left: 3px solid #383c45;
}

.intitb h5 {
    margin-bottom: 0px;
    text-transform: uppercase;
}

.intitb h5 small {
    color: #777;
}

.intitb a {
    text-transform: uppercase;
    color: #777;
    transition: .4s;
}

.intitb a:hover {
    color: #383c45;
}

.in06b i {
    display: block;
    color: #777;
}

.in06b span {
    display: block;
    line-height: 40px;
    font-size: 16px;
    transition: .4s;
}

.in06b p {
    color: #777;
}

.in06b a {
    display: block;
}

.in06b a:hover span {
    padding-left: 4%;
    background: #383c45;
    color: #fff;
}




.in06c i {
    display: block;
    color: #777;
    transition: .4s;
}

.in06c span {
    display: block;
    line-height: 40px;
    font-size: 16px;
}

.in06c p {
    color: #777;
    transition: .4s;
}

.in06c a {
    display: block;
    background: #f7f7f7;
    transition: .4s;
}

.in06c a:hover {
    background: #383c45;
    color: #fff;
}

.in06c a:hover i {
    color: #fff;
}

.in06c a:hover p {
    color: #fff;
}

/*脚步*/
.footer {
    height: auto;
    overflow: hidden;
    background: #363a43;
}

.foota {
    border-bottom: 1px dashed #545454;
}

.foota span {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
}

.foota span a {
    display: block;
    color: #fff;
}

.foota span::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #fff;
}

.foota p {
    line-height: 30px;
    color: #7c7c7c;
}

.foota p a {
    display: block;
    color: #7c7c7c;
    transition: .4s;
}

.foota p a:hover {
    color: #fff;
}

.footab {
    text-align: center;
    margin: 0 .25rem;
}

.footab p {
    display: block;
    text-align: center;
    line-height: 30px;
}

.footb {
    line-height: 50px;
    color: #7c7c7c;
}

.footb a {
    color: #7c7c7c;
    transition: .4s;
}

.footb a:hover {
    color: #fff;
}

.footnav {
    left: 0;
    bottom: 0;
    float: left;
    width: 100%;
    position: fixed;
    background: #444;
    color: #fff;
    z-index: 888;
}

.footnav li {
    float: left;
    text-align: center;
    color: #fff;
}

.footnav li a {
    display: block;
}

.footnav li:nth-of-type(1) {
    width: 15%;
}

.footnav li:nth-of-type(1) a {
    border-right: 1px solid #3c3c3c;
}

.footnav li:nth-of-type(2) {
    width: 15%;
}

.footnav li:nth-of-type(2) a {
    border-right: 1px solid #3c3c3c;
}

.footnav li:nth-of-type(3) {
    background: #444;
    width: 35%;
}

.footnav li:nth-of-type(3) a {
    border-right: 1px solid #3c3c3c;
}

.footnav li:nth-of-type(4) {
    background: #444;
    width: 35%;
}

.footnav li i {
    font-size: 20px;
}

.footnav li span {
    display: block;
    line-height: 25px;
}

.footnav li a {
    display: block;
    color: #fff !important;
    padding-top: 4%;
}

.footnav li a:hover {
    color: #ffb40b
}

.footaa img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*公共*/
.ban {
    height: auto;
    overflow: hidden;
}

.ban img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.location {
    line-height: 50px;
    border-bottom: 1px solid #e8e8e8;
}

.locationb {
    height: 50px;
    overflow: hidden;
    line-height: 50px;
}

.locationb a {
    display: block;
    position: relative;
    transition: .4s;
}

.locationb a::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 2px;
    background: #fff;
    left: 0px;
    bottom: 0;
    transition: .4s;
}

.locationb a:hover {
    color: #383c45;
}

.locationb a:hover::before {
    background: #383c45;
    width: 55px;
}

.locationa {
    text-align: right;
    color: #777;
    height: 50px;
    overflow: hidden;
}

.locationa a {
    color: #777;
}

.locationa a:hover {
    color: #383c45;
}

.companya {
    height: auto;
    overflow: hidden;
}

.companya img {
    max-width: 100%;
}

.companya p {
    color: #777;
    line-height: 30px;
}

/*简介*/
.companyb {
    background: url(../images/coma.jpg) center top no-repeat;
}

.companyb li a {
    display: block;
    background: #fff;
    position: relative;
    width: 100%;
}

.companyb li em {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: .4s;
}

.companyb li img {
    display: block;
    width: 100%;
}

.companyb li:hover span {
    background: #383c45;
    color: #fff;
}

.companyb li:hover em {
    background: rgba(0, 0, 0, 0.6)
}

.companyb li span {
    display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    background: #eee;
    padding-left: 2%;
    transition: .4s;
}

.comtita {
    height: auto;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.comtita h2 {
    display: block;
    line-height: 45px;
}

.comtita h6 {
    line-height: 30px;
    color: #fff;
}

.comtita i {
    display: block;
    background: url(../images/in01a.png) center no-repeat;
    height: 3px;
}

.companyca {
    height: auto;
    overflow: hidden;
}

.companyca a {
    display: block;
    position: relative;
}

.companyca a:hover span {
    line-height: 65px;
    background: rgba(0, 0, 0, 0.8)
}

.companyca a:hover img {
    transform: scale(1.05, 1.05)
}

.companyca span {
    display: block;
    line-height: 45px;
    background: rgba(0, 0, 0, 0.3);
    padding: 0 2%;
    bottom: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    transition: .4s;
}

.companycaa {
    margin-bottom: 2%;
}

.companyca img {
    display: block;
    max-width: 100%;
    transition: all 1s ease
}

.companyca em {
    display: block;
    height: auto;
    overflow: hidden;
}

.companycaa .col-6 {
    padding-left: 0.5%;
    padding-right: 0.5%;
    margin-bottom: 1%;
}

.companycab {
    background: #ddd;
}

.inimga {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

/*产品*/
.prolist {
    height: auto;
    overflow: hidden;
    background: #f6f6f6;
}

.prolist li {
    margin-bottom: 2%;
}

.prolist li:hover .pimg i {
    background: rgba(0, 0, 0, 0.4);
}

.prolist li:hover span {
    color: #0b59bb
}

.prolist li>div {
    border: 1px solid #eee;
}

.prolist img {
    display: block;
    max-width: 100%;
}

.pfonta {
    height: auto;
    overflow: hidden;
}

.pfonta span {
    display: block;
    line-height: 35px;
    transition: .4s;
    height: 35px;
    overflow: hidden;
}

.pfonta a {
    float: right;
    transition: .4s;
    padding: 0 4%;
    background: #eee;
    border-radius: 40px;
    font-size: 12px;
}

.pfonta a:hover {
    background: #383c45;
    color: #fff;
}

.pimg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    transition: 0.3s;
    background: #fff;
}

.pimg i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: .4s
}

.public {
    background: #f6f6f6;
}

.dang {
    line-height: 40px;
    font-size: 22px;
}




/*案例*/
.caselist {
    height: auto;
    overflow: hidden;
    background: #f6f6f6;
}

.caselist li a {
    display: block;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-bottom: 8%;
}

.caselist li:hover img {
    transform: scale(1.05, 1.05);
}

.caselist li:hover b {
    background: rgba(0, 0, 0, 0.5);
}

.caselist li img {
    display: block;
    width: 100%;
    transition: all 0.6s ease 0s;
}

.caselist li b {
    position: absolute;
    z-index: 88;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    transition: .4s;
}

.pfontp {
    height: auto;
    overflow: hidden;
    margin: 4%;
}

.pfontp span {
    display: block;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}

.pfontp p {
    line-height: 30px;
    color: #777;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    padding-bottom: 2%;
}

.pfontp strong {
    display: block;
    line-height: 30px;
    font-weight: normal;
    margin-top: 2%;
    color: #777;
}

.pfontp strong i {
    float: right;
}

.pimga {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    transition: 0.3s;
    background: #fff;
}

.content {
    line-height: 30px;
}

.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;
    padding: 2% 0;
}

/*荣誉*/
.honorlist {
    height: auto;
    overflow: hidden;
}

.honorlist .col-6 {
    padding-left: 0.5%;
    padding-right: 0.5%;
}

.honorlist li {
    height: auto;
    overflow: hidden;
    margin-bottom: 3%;
}

.honorlist li a {
    display: block;
    position: relative;
    border: 1px solid #efefef;
}

.honorlist li img {
    display: block;
    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: -420px;
    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;
}

/*新闻*/
.newslist {
    height: auto;
    overflow: hidden;
}

.newslist li {
    position: relative;
    height: auto;
    overflow: hidden;
    margin-bottom: 1%;
}

.newslist li a {
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    border: 1px solid #e7e7e7;
    transition: .4s;
}

.newslist li span {
    display: block;
    font-size: 16px;
}

.newslist li img {
    max-width: 100%;
    transition: all 1s ease;
}

.newslist li b {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 0;
    background: #f2f2f2;
    transition: .6s;
}

.newslist li:hover a {
    border: 1px solid #f2f2f2;
}

.newslist li:hover img {
    transform: scale3D(1.1, 1.1, 1.1)
}

.newslist li:hover b {
    width: 100%;
}

.newslist .col-lg-3 {
    padding-left: 0px !important;
    padding-right: 0.5% !important;
}

.newslist .col-md-3 {
    padding-left: 0px !important;
    padding-right: 0.5% !important;
}

.newslist .col-sm-6 {
    padding-left: 0px !important;
    padding-right: 0.5% !important;
}

.newslist .col-xs-6 {
    padding-left: 0px !important;
    padding-right: 0.5% !important;
}

.imga {
    background: #fff;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

.newsa {
    height: auto;
    overflow: hidden;
    padding: 2%;
}

.newsa span {
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin: 3% 0;
}

.newsa p {
    line-height: 30px;
    color: #777;
}

.newsa i {
    display: block;
    line-height: 30px;
    margin-top: 2%;
}

.wentilist {
    height: auto;
    overflow: hidden;
    background: #f6f6f6;
}

.wenti li {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    transition: .4s;
}

.wenti li a {
    display: block;
}

.wenti li em {
    color: #777;
}

.wenti li:hover {
    background: #383c45;
}

.wenti li:hover a {
    color: #fff;
}

.wenti li:hover i {
    color: #fff;
}

.wenti li:hover em {
    color: #fff;
}

.wenti li i {
    float: right;
    color: #777;
}

/*新闻详情*/
.newsinfoa {
    height: auto;
    overflow: hidden;
}

.newsinfoa strong {
    display: block;
    text-align: center;
    font-size: 20px;
    margin-top: 40px;
    font-weight: bold;
    color: #4c4c4c;
    margin-bottom: 23px;
    line-height: 32px;
}

.meta {
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    border-width: 1px 0;
    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;
}

.newsinfob {
    padding: 2% 0;
    height: auto;
    overflow: hidden;
}

.newsinfob strong {
    display: block;
    font-size: 1.375rem;
    line-height: 60px;
}

.newsinfob li {
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 15px;
    transition: .4s;
}

.newsinfob li:hover {
    background: #383c45;
    color: #fff;
}

.newsinfob li:hover span {
    color: #fff;
}

.newsinfob li:hover p {
    color: #fff;
}

.newsinfob li img {
    max-width: 100%;
}

.newsinfob li span {
    display: block;
    line-height: 25px;
    margin: 10px 0;
    color: #666;
}

.newsinfob li p {
    line-height: 25px;
    color: #666;
    font-size: 13px;
}

#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: #383c45 !important;
}

/*产品*/
.product-list {
    height: auto;
    overflow: hidden;
    margin: 2% 0;
}

.pro-tit {
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    background: #ebebeb;
    padding-right: 2%;
}

.pro-tit span {
    display: block;
    float: left;
    color: #fff;
    background: #d52026;
    width: 140px;
    text-align: center;
}

.pro-tit .right {
    transition: .4s;
}

.pro-tit .right:hover a {
    color: #d52026 !important;
}

.sectype a {
    float: left;
    transition: .4s;
    padding: 0 2%;
}

.sectype a:hover {
    background: #d52026;
    color: #fff !important;
}

/*产品详情*/
.proa {
    height: auto;
    overflow: hidden;
    background: #fff;
}

.proa img {
    max-width: 100%;
}

.proaa {
    height: auto;
    overflow: hidden;
}

.proaa span {
    display: block;
    font-size: 24px;
    line-height: 40px;
}

.proaa p {
    line-height: 35px;
    color: #777;
    border: 1px solid #ebebeb;
    border-radius: 60px;
    width: 80%;
    text-align: center;
    margin: 2% 0;
}

.proab {
    height: auto;
    overflow: hidden;
    margin: 2% 0;
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 2%;
    margin-bottom: 2%;
}

.proab p {
    line-height: 30px;
}

.proab p i {
    color: #0b59bb;
    font-weight: bold;
}

.order-btn {
    background: #ebeef1;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
}

.order-btn a {
    display: block;
    color: #fff;
    width: 50%;
    text-align: center;
    float: left;
    background: url(../images/pinfob.png) center no-repeat #ff9900;
    border-radius: 50px;
    transition: .4s
}

.order-btn a:hover {
    background: url(../images/pinfob.png) center no-repeat #1e3e83;
}

.order-btn b {
    font-size: 22px;
    color: #e10000;
}


.prob {
    position: relative;
    overflow: hidden;
}

.prob .col-lg-3 {
    padding-right: 0.5% !important;
}

.prob .col-md-3 {
    padding-right: 0.5% !important;
}

.prob .col-lg-9 {
    padding-left: 0.5% !important;
    padding-right: 0px !important;
}

.prob .col-md-9 {
    padding-left: 0.5% !important;
    padding-right: 0px !important;
}

.side {
    height: auto;
    overflow: hidden;
}

.side ul {
    height: auto;
    overflow: hidden;
    padding: 4%;
    background: #FFF;
    border-bottom: 5px solid #ececeb;
    margin-bottom: 4% !important;
}

.side ul li {
    line-height: 40px;
    border-bottom: 1px dashed #dfdfdf;
    padding-left: 4%;
    transition: .4s;
}

.side ul li:last-child {
    border-bottom: none;
}

.side ul li:hover {
    background: #383c45;
}

.side ul li:hover a {
    color: #fff !important;
}

.side ul li a {
    display: block;
}

.side dl {
    height: auto;
    overflow: hidden;
    padding: 4%;
    background: #fff;
    border-bottom: 5px solid #ececeb;
    margin-bottom: 4% !important;
}

.side dl dd {
    margin-bottom: 2%;
    text-align: center;
}

.side dl dd img {
    display: block;
    width: 100%;
    border: 1px solid #f7f7f7;
}

.side dl dd:hover span {
    background: #383c45;
    color: #fff;
}

.side dl dd span {
    display: block;
    line-height: 45px;
    background: #fff;
    transition: .4s;
}


.sidetit {
    position: relative;
    background: #2d75e5;
    text-align: center;
    padding: 10% 0;
    height: 80px;
}

.sidetit strong {
    display: block;
    font-size: 36px;
    color: #3866ae;
    font-family: impact;
}

.sidetit span {
    display: block;
    font-size: 30px;
    color: #f7f7f7;
    font-weight: bold;
    position: absolute;
    z-index: 88;
    top: 30%;
    left: 30%;
}

.sidea {
    height: auto;
    overflow: hidden;
    padding: 6%;
    background: #fff;
    border-bottom: 5px solid #ececeb;
}

.sidea p {
    line-height: 30px;
    margin-bottom: 0px;
}

.sidea span {
    display: block;
    line-height: 35px;
}

.proba {
    height: 60px;
    overflow: hidden;
    background: #f7f7f7;
    line-height: 60px;
    position: relative;
    z-index: 88;
}

.proba li {
    float: left;
    width: 25%;
}

.proba li a {
    display: block;
    text-align: center;
    transition: .4s;
    font-size: 15px;
}

.proba li:hover a {
    background: #383c45;
    color: #fff !important;
}

.probb {
    height: auto;
    overflow: hidden;
    background: #fff;
    padding: 2%;
}

.probb .content p {
    color: #777;
}

.ptit {
    height: auto;
    overflow: hidden;
    margin-bottom: 4%;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-bottom: 4%;
}

.ptit span {
    display: block;
    font-size: 1.375rem;
    line-height: 40px;
    color: #383c45;
}

.ptit p {
    color: #777;
}

.proc {
    height: auto;
    overflow: hidden;
    margin: 4% 0;
}

.prod {
    height: auto;
    overflow: hidden;
    margin-bottom: 4%;
}

.prod li {
    text-align: center;
}

.prod li i {
    color: #2f76e5;
    font-size: 54px;
}

.prod li span {
    display: block;
    font-size: 18px;
    line-height: 55px;
}

.prod li p {
    color: #777;
}

.proca table {
    width: 100% !important;
    border-collapse: collapse;
    border: 1px solid #ddd;
    border-bottom: none;
    line-height: 40px;
}

.proca table p {
    width: 100% !important;
    border-collapse: collapse;
}

.proca .firstRow {
    background: #f6f6f6;
}

.proca th,
tr {
    width: 100% !important;
    border-collapse: collapse;
    border-bottom: 1px solid #ddd;
}

.proca td {
    border-right: 1px solid #ddd;
    text-align: center;
}

.proca td p {
    text-indent: 0em !important;
    text-align: center !important;
}

.proca td p span {
    text-indent: 0em !important
}


.proe {
    height: auto;
    overflow: hidden;
    margin-bottom: 4%;
}

.proe li {
    height: auto;
    overflow: hidden;
    padding: 4% 4%;
    background: #f3f3f3;
    margin-bottom: 1%;
    transition: .4s;
}

.proe li:hover {
    background: #2f76e5;
    color: #fff;
}

.proe li:hover strong {
    color: #fff;
}

.proe li:hover span {
    color: #fff;
}

.proe li:hover i {
    color: #fff;
}

.proe li:hover p {
    color: #fff;
}

.xgtime {
    float: left;
    width: 10%;
}

.xgtime strong {
    display: block;
    font-size: 48px;
    color: #555;
    line-height: 60px;
    transition: .4s;
}

.xgtime span {
    display: block;
    line-height: 25px;
    transition: .4s;
}

.xgnews {
    float: left;
    width: 90%;
}

.xgnews span {
    display: block;
    font-size: 15px;
    line-height: 35px;
    transition: .4s;
}

.xgnews i {
    display: block;
    font-style: normal;
    color: #777;
    line-height: 30px;
    transition: .4s;
}

.xgnews p {
    color: #777;
    line-height: 25px;
    transition: .4s;
}

.prof {
    height: auto;
    overflow: hidden;
    margin: 4% 0;
}

.prof ul {
    height: auto;
    overflow: hidden;
    margin-top: 4%;
}

.prof ul li {
    height: auto;
    overflow: hidden;
    text-align: center;
}

.prof ul li em {
    display: block;
    width: 80px;
    height: 80px;
    padding-top: 10px;
    border-radius: 40px;
    background: #f6f6f6;
    margin: 0 auto;
}

.prof ul li i {
    font-weight: normal;
    font-size: 40px;
    color: #727272;
}

.prof ul li span {
    display: block;
    line-height: 45px;
}

.profimg {
    height: auto;
    overflow: hidden;
}

.casecontent {
    height: auto;
    overflow: hidden;
    margin: 2% 0;
}

/*联系*/
.contacta {
    height: auto;
    overflow: hidden;
}

.contactaa {
    height: auto;
    overflow: hidden;
}

.contactaa li {
    height: auto;
    overflow: hidden;
    padding: 2% 0;
    border-right: 1px solid #ededed;
    text-align: center;
}

.contactaa li i {
    display: block;
    font-size: 38px;
    color: #888;
}

.contactaa li span {
    display: block;
    line-height: 40px;
}

.contactaa li p {
    line-height: 30px;
    font-size: 16px;
    color: #777;
}

.contactaa li:nth-of-type(4) p {
    font-size: 13px;
}

.contactb {
    height: auto;
    overflow: hidden;
    padding-top: 2%;
}

.contactb .common-inner {
    margin-top: 2%;
}

.proh {
    height: auto;
    overflow: hidden;
    margin-top: 2%;
    background: #f8f8f8;
    padding: 2% 0;
}

.forma {
    height: auto;
    overflow: hidden;
}

.forma input {
    float: left;
    width: 32%;
    margin-right: 2%;
    line-height: 40px;
    padding-left: 2%;
    border: 1px solid #e6e6e6;
}

.forma input:last-child {
    margin-right: 0px;
}

.form-tr {
    margin-top: 2%;
}


.online_kefu {
    position: fixed;
    bottom: 20vh;
    right: 1px;
    z-index: 889;
}

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

.online_kefu ul li {
    width: 60px;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #535964;
    border-top: 1px solid #2a2d33;
    position: relative;
    background-color: #383c45;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s linear 0s;
    perspective: 1000;
    transform-style: preserve-3d;
}

.online_kefu ul li a {
    color: #fff;
}

.online_kefu ul li .con {
    position: relative;
    line-height: 60px;
}

.online_kefu ul li .con i {
    font-size: 30px;
    color: #fff;
}

.online_kefu ul li .hover_con {
    position: absolute;
    left: -200px;
    left: -100px;
    width: 100px;
    color: #ffffff;
    text-align: center;
    background-color: #ff6801;
    height: 60px;
    line-height: 60px;
    bottom: 0;
    transform: rotateX(-90deg);
    transition: all .2s linear 0s;
}

.online_kefu ul li .hover_con img {
    width: 100px;
}

.online_kefu ul li.qrcode .hover_con {
    height: 137px;
    padding: 10px;
    width: 130px;
    left: -130px;
}

.online_kefu ul li.qrcode .hover_con p {
    color: #fff;
    line-height: 24px;
    font-size: 12px;
}

.online_kefu li:hover {
    background-color: #ff6801;
}

.online_kefu li:hover .hover_con {
    left: -110px;
    transform: rotateY(0deg);
}

.online_kefu li .hover_con:before {
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-left: 8px solid #ff6801;
    display: block;
    content: '';
    position: absolute;
    top: 12px;
    right: -16px;
    transition: top .2s linear;
    transition-delay: .1s;
}

.online_kefu li.qrcode:hover .hover_con {
    bottom: -60px;
}

.online_kefu li.qrcode:hover .hover_con:before {
    top: 48px;
}



@media (max-width: 576px) {
    .topb a {
        width: 48%;
        margin-right: .5rem;
        padding-right: .5rem;
    }

    .topb span {
        font-size: 16px;
        line-height: 25px;
    }

    .intita h2 {
        font-size: 22px;
    }

    .comtita h2 {
        font-size: 22px;
    }

    .intype .row {
        padding-left: 12px;
        padding-right: 12px;
    }

    .intype .col-4 {
        padding-left: 0.5%;
        padding-right: 0.5%;
    }

    .in_02 {
        background: url(../images/in02a.jpg) center right no-repeat;
    }

    .in_02 h1 {
        font-size: 22px;
        line-height: 40px;
    }

    .in03a h4 {
        font-size: 16px;
    }

    .in_04 h4 {
        font-size: 16px;
    }

    .in_05 {
        background: url(../images/in05a.jpg) left top no-repeat;
    }

    .in_04 {
        margin-bottom: 6%;
    }

    .footer {
        padding-bottom: 6%;
    }

    .locationc {
        text-align: left;
    }

    .prolist .row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .prolist .col-6 {
        padding-left: 0.5%;
        padding-right: 0.5%;
    }

    .proaa p {
        width: 100%;
    }

    .common-inner .inner-right .de-message .mes-form .form-tr .code input {
        width: 36% !important;
    }

    .common-inner .inner-right .de-message .mes-form .form-tr .submit {
        width: 36% !important;
    }

    .common-inner .inner-right .de-message .mes-form .form-tr .code .verify {
        width: 20% !important;
        margin: 0 2% !important;
    }

    .caselist .row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .caselist .col-6 {
        padding-left: 0.5%;
        padding-right: 0.5%;
    }

    .contactaa .row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contactaa .col-6 {
        padding-left: 0.5%;
        padding-right: 0.5%;
    }

    .contactaa li:nth-of-type(2n+0) {
        border-right: none;
    }

    .locationb {
        font-size: 12px;
    }

    .in03ab h4 {
        margin-top: 6%;
    }

    .companyca .row {
        margin-right: 0px;
        margin-left: 0px;
    }


}

@media (min-width:460px) and (max-width: 576px) {
    .topb span {
        font-size: 20px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .in_02 {
        background: #393d46;
    }

    .in_05 {
        background: #393d46;
    }

    .topb a {
        border-right: none;
    }

    .in03ab h4 {
        margin-top: 6%;
    }

    .locationc {
        text-align: left;
        font-size: 12px;
    }

    .in03ab h4 {
        margin-top: 10%;
    }

    .topb span {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .topb a {
        border-right: none;
    }

    .in_02 {
        background: #393d46;
    }

    .in_05 {
        background: #393d46;
    }

    .in_05 {
        margin-top: 4%;
    }

    .proaa p {
        width: 100% !important;
    }

    .locationc {
        text-align: left;
        font-size: 12px;
    }

    .in03ab h4 {
        font-size: 18px;
    }

    .in03ab h4 {
        margin-top: 10%;
    }
}

@media (max-width: 1200px) {
    .topb p {
        font-size: 12px;
    }

    .in03ab {
        margin-top: 2% !important;
    }
}

@media (max-width: 1400px) {
    .online_kefu {
        display: none !important;
    }
}