* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
}

body {
    font-family: "微软雅黑";
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

.clear {
    clear: both;
    overflow: hidden;
}

.head {
    width: 100%;
    overflow: hidden;
}

.heads {
    margin: auto;
    max-width: 1255px;
}

.heads img {
    width: 100%;
}
.proheader
{ padding: 20px;}

.top {
    width: 100%;
    overflow: hidden;
    height: 37px;
    background: #ededed;
    line-height: 37px;
}

.tops {
    margin: auto;
    max-width: 1255px;
}

.top_fl {
    float: left;
    font-size: 12px;
    color: #888888;
}

.top_fr {
    float: right;
    font-size: 0;
}

.top_fr a {
    font-size: 12px;
    color: #888888;
    padding: 0 3px;
}

.top_fr a:first-child {
    border-right: 1px solid #888;
}

.banner img {
    width: 100%;
}

.banner .swiper-button-prev {
    left: 15.5%;
    width: 55px;
    height: 55px;
    background: url(../images/banner_left.png) center no-repeat;
}

.banner .swiper-button-next {
    right: 15.5%;
    width: 55px;
    height: 55px;
    background: url(../images/banner_right.png) center no-repeat;
}

.nav {
    width: 100%;
    height: 70px;
    background: #e91e1a;
   
}

.navs {
    max-width: 1255px;
    margin: auto;
}

.navs ul {
    margin-bottom: 0;
}

.navs ul li {
    float: left;
    width: 12.5%;
    text-align: center;
    height: 70px;
    line-height: 70px;
    position: relative;
}

.navs ul li a {
    display: block;
    font-size: 17px;
    color: #fff;
}

.navs ul li:hover {
    color: #fff;
    background: #be1d2c;
}

.navs ul li a img {
    margin-right: 5px;
    margin-top: -3px;
}

.navs ul li .detailnav {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 999;
    display: none;
  
}

.navs ul li .detailnav li {
   background: #fff;
    height: 41px;
    display:block;
    line-height: 40px;
    width: 100%;
}

.navs ul li .detailnav  a {
    background: #ededed;
    font-size: 15px;
    color: #414242;
}



.navs ul li:hover .detailnav  {
    display: block;
    color: #000;
   
}

.navs ul li .detailnav a:hover {
 background: #ef0058;
    color: #fff;
 
}

.title {
    text-align: center;
}

.maintitle {
    background: url(../images/titlebg.png) center no-repeat;
    font-size: 37px;
    color: #191917;
    font-weight: bold;
}

.titles {
    font-size: 18px;
    color: #1f1a1b;
}


.title1 {
    text-align: center;
}

.maintitle1 {
    background: url(../images/titlebg1.png) center no-repeat;
    font-size: 37px;
    color: #fff;
    font-weight: bold;
}

.titles1 {
    font-size: 18px;
    color: #fff;
}
.service {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 60px 0;
}

.homeSerList{float: left; width: 100%; position: relative; margin-top: 11px;}
.homeSerList::after,
.homeSerList::before{position: absolute; width: 100%; height: 38px; background: #fff; left: 0; top: 0; content: ""; z-index: 9;}
.homeSerList::after{top: auto; bottom: 0;}
.homeSerList ul{float: left; width: 100%; position: relative;}
.homeSerList ul::after{position: absolute; content: ""; right: 0; top: 0; width: 1px; height: 100%; background: #fff;}
.homeSerList ul li{float: left; width: 33.3%; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding: 38px 0;}
.homeSerList ul li a{float: left; width: 100%; text-align: center; padding: 0 66px; display: block;}
.homeSerList ul li i{display: inline-block; *display: inline; *zoom:1; vertical-align: top; position: relative;  width: 152px;}
.homeSerList ul li i img{display: block; width: 100%; 
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeSerList ul li i img.img02{position: absolute; left: 0; top: 0; filter:alpha(opacity=00);opacity:0;}
.homeSerList ul li h4{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 18px; color: #222222; margin-top: 13px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeSerList ul li span{float: left; width: 100%; line-height: 22px; height: 44px; overflow: hidden; font-size: 14px; color: #888888; display: block; margin-top: 9px;
 margin-bottom: 20px;}
.homeSerList ul li a:hover .img01{filter:alpha(opacity=00);opacity:0;}
.homeSerList ul li a:hover .img02{filter:alpha(opacity=100);opacity:1;}
.homeSerList ul li a:hover h4{color: #284b90;}



.yous{height: 715px;background:#e91e1a;padding-top: 60px;}
.wh{ width: 1200px; margin: auto;}
.fl {
    float: left;
}
.yul{background: url(../images/ysimg.png) no-repeat center;height: 506px;padding-top: 22px;}
.yul li{width: 403px;height: 220px;padding-top: 10px;}
.yul li:nth-child(2n){float: right;margin-left: 200px;}
.shu{color: #ffffff;opacity: 0.5;font-size: 51px;font-style: italic;margin-top: 17px;}
.yul h3{color: #ffffff;font-size: 24px;padding-left: 10px;margin-right: 5px;margin-top: 47px;}
.yul li p{color: #ffffff;font-size: 16px;line-height: 32px;}
.yul li .img{width:76px;text-align:center;}
.yul li:nth-child(3) h3,.yul li:nth-child(4) h3{margin-top:31px;}
.yul li:nth-child(3) .shu,.yul li:nth-child(4) .shu{margin-top:0;}



.product {
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    padding: 60px 0;
}

.products {
    max-width: 1255px;
    margin: 40px auto 0;
}

.pnav {
    overflow: hidden;
    text-align: center;
}

.pnav a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    border-radius: 40px;
    width: 11%;
    background: #fff;
    font-size: 18px;
    color: #131111;
    margin: 0 1.5%;
}

.pnav a:hover {
    color: #fff;
    background: #e91e1a;
}

.plist {
    margin-top: 45px;
}

.plist_fl {
    float: left;
    width: 49.8%;
    text-align: center;
}

.plist_fl img {
    width: 100%;
    border: 8px solid #e91e1a;
}

.plist_fl p {
    line-height: 36px;
    font-size: 18px;
    color: #2d2e2e;
}

.plist_fr {
    float: right;
    width: 49.5%;
}

.plist_fr a {
    display: block;
    width: 46%;
    margin-right: 1.5%;
    text-align: center;
    float: left;
}

.plist_fr a:nth-child(2n) {
    margin-right: 0;
}

.plist_fr a img {
    width: 100%;
    border: 8px solid #e91e1a;
}

.plist_fr a p {
    line-height: 44px;
    font-size: 18px;
    color: #2d2e2e;
}

.midcontact {
    width: 100%;
    overflow: hidden;
    height: 194px;
    background: url(../images/image_31.jpg) center no-repeat;
}



.i-guide{width: 100%; padding:60px 0; background: #f8f8f8; overflow: hidden; }
.guide{ width: 1200px; margin: auto;}
.i-guide .box{display: flex; flex-wrap: wrap;border: 1px solid #dcdcdc; margin-top: 60px; -ms-flex-wrap: wrap;}
.i-guide .box dl{width: 33.333%; background: #fff; display: flex;color: #333333; flex-wrap: wrap; -ms-flex-wrap: wrap; position: relative; margin-bottom: 0;}
.i-guide .box dl a{width: 100%; display: flex;color: #333333; flex-wrap: wrap; -ms-flex-wrap: wrap; padding: 44px 40px;}
.i-guide .box dl dt{width: 100%;}
.i-guide .box dl dd{ width: 100%; display: flex;flex-direction: column; justify-content: center;}
.i-guide .box dl dd span{font-size: 26px; font-weight: bold;}
.i-guide .box dl dd p{font-size: 18px; text-align: center;  font-weight: bold; }
.i-guide .box dl dt i{display: block; width: 74px; height: 74px; margin:10px auto; background: #fff; border-radius: 100%; border: 1px solid #dcdcdc;}
.i-guide .box dl dt i.g01{background:#fff url("../images/icon05.png") no-repeat; background-size: 100%;}
.i-guide .box dl dt i.g02{background:#fff url("../images/icon06.png") no-repeat; background-size: 100%;}
.i-guide .box dl dt i.g03{background:#fff url("../images/icon07.png") no-repeat; background-size: 100%;}
.i-guide .box dl dt i.g04{background:#fff url("../images/icon08.png") no-repeat; background-size: 100%;}
.i-guide .box dl dt i.g05{background:#fff url("../images/icon09.png") no-repeat; background-size: 100%;}
.i-guide .box dl dt i.g06{background:#fff url("../images/icon10.png") no-repeat; background-size: 100%;}
.i-guide .box dl a:hover{background: #da251c;color: #fff;}

.i-guide .box .guide-txt{width: 100%; height: 100%; left: 0; top: 0; position: absolute; background:rgba(218,37,28,0.9); display: flex; flex-direction: column; justify-content: center; color: #fff;opacity: 0; transition: 0.4s; text-align: center;}
.i-guide .box .guide-txt h4{font-weight: bold;  font-size: 16px;}
.i-guide .box .guide-txt em{display: block; width: 44px; height: 1px; margin:5px auto; background: #fff; }
.i-guide .box .guide-txt p{  font-size: 14px; line-height: 22px; padding: 0 40px; margin-top: 5px;}
.i-guide .box dl:hover .guide-txt{opacity: 1;}

.i-guide .box dl:nth-child(1){border-bottom: 1px solid #dcdcdc;}
.i-guide .box dl:nth-child(2){border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.i-guide .box dl:nth-child(3){border-bottom: 1px solid #dcdcdc;}
.i-guide .box dl:nth-child(5){ border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}



.proswiper img {
    width: 100%;
}

.proswiper p {
    width: 100%;
    height: 80px;
    padding-left: 25px;
    background: #fff url(../images/image_38.jpg) right 50px center no-repeat;
    font-size: 16px;
    color: #221f1f;
    font-weight: bold;
    line-height: 80px;
}

.application {
    width: 100%;
    overflow: hidden;
    margin-top: 80px;
}

.appliacations {
    width: 100%;
    margin-top: 40px;
}

.app_nav {
    width: 100%;
    overflow: hidden;
    height: 160px;
    background: #f5f5f5;
}

.app_navs {
    max-width: 1255px;
    margin: auto;
}

.app_nav_name {
    font-size: 16px;
    color: #191917;
}

.app_nav_pic {
    height: 108px;
    line-height: 108px;
}

.app_navs a {
    float: left;
    text-align: center;
    width: 25%;
    height: 160px;
    border-right: 1px solid #e3e3e3;
}

.app_navs a.active {
    background: #e91e1a;
}

.app_navs a.active .app_nav_name {
    color: #fff;
}

.app_bots {
    display: none;
    position: relative;
}

.app_bots img {
    width: 100%;
}

.app_bot_before {
    position: absolute;
    left: 320px;
    top: 40%;
    width: 36%;
    line-height: 1.9;
    background: #fff;
    opacity: 0.9;
    padding: 20px;
}

.app_bot_before_title {
    font-size: 20px;
    color: #000;
}

.app_bot_before_con {
    text-indent: 2em;
    font-size: 16px;
    color: #000;
}

.new {
    width: 100%;
    overflow: hidden;
    background: #f7f7f7;
    padding: 60px 0;
}

.news {
    max-width: 1255px;
    margin: 45px auto 0;
}

.left_new {
    float: left;
    width: 47%;
}

.lnewpic img {
    width: 100%;
}

.lnewbot {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.lnewdate {
    float: left;
    text-align: center;
    height: 85px;
    border-right: 1px solid #ece8e8;
    width: 17.2%;
}

.lnewday {
    font-weight: bold;
    font-size: 43.7px;
    color: #1e1a1a;
}

.lnewtime {
    font-size: 15px;
    color: #1e1a1a;
    opacity: 0.8;
}

.lnewintro {
    float: right;
    width: 75%;
}

.lnewtitle {
    font-size: 16px;
    color: #1e1a1a;
}

.lnewcon {
    font-size: 14px;
    color: #595757;
    line-height: 1.8;
    margin-top: 5px;
}

.right_new {
    float: right;
    width: 50%;
}

.rnew {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eeeaea;
    margin-bottom: 18px;
}

.rnew:last-child {
    margin-bottom: 0;
}

.rnew .lnewdate {
    height: 110px;
    padding-top: 10px;
}

.rnew .lnewintro {
    padding: 15px 0;
}

.about {
    width: 100%;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 40px;
}

.about img {
    width: 100%;
}

.abouts {
    max-width: 1200px;
    margin: auto;
    padding: 85px 95px 55px 75px;
    margin-top: -295px;
    z-index: 9;
    position: relative;
    background: url(../images/ab_map.png) 90% 50px no-repeat #fff;
    overflow: hidden;
}

.lab1 {
    font-size: 30px;
    color: #3a2a2a;
    font-weight: bold;
}

.lab2 {
    font-size: 16px;
    color: #3a2a2a;
    margin-top: 30px;
    margin-bottom: 25px;
}

.left_about a {
    display: block;
    width: 155px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #e91e1a;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}

.left_about {
    width: 240px;
    float: left;
}

.right_about {
    width: 690px;
    float: right;
    text-indent: 2em;
    font-size: 16px;
    color: #3a2a2a;
    line-height: 30px;
    margin-top: 10px;
}

.partner {
    width: 100%;
    overflow: hidden;
    padding: 60px 0;
    background: #f7f9fa;
}

.partners {
    max-width: 1255px;
    margin: auto;
}

.partop {
    width: 100%;
    overflow: hidden;
}

.partop span {
    float: left;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.partop a {
    float: right;
    font-size: 16px;
    color: #666;
}

.parswiper img {
    width: 100%;
}

.swiper-container.parswiper {
    margin-top: 30px;
}

.copy {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #1d1d1d;
    line-height: 85px;
}

.copy a {
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
}

.foot {
    width: 100%;
    overflow: hidden;
    background: #262626;
    padding: 55px 0;
    border-top: 11px solid #e91e1a;
}

.foots {
    max-width: 1255px;
    margin: auto;
}

.fnav {
    float: left;
    border-right: 1px solid #616161;
    height: 390px;
}

.ftitles {
    font-size: 26px;
    color: #fff;
}

.fline {
    width: 52px;
    height: 3px;
    background: #ad2e28;
    margin-top: 5px;
}

.fnavs {
    overflow: hidden;
    margin-top: 25px;
}

.fn {
    float: left;
    margin-right: 120px;
}

.fntitles {
    font-size: 17px;
    color: #fff;
}

.fnline {
    margin-top: 12px;
    width: 54px;
    height: 1px;
    background: #575759;
}

.fnlist a {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #cbc9c9;
}

.fcontact {
    float: left;
    border-right: 1px solid #616161;
    height: 390px;
    padding: 0 50px;
}

.cname {
    margin-top: 25px;
    font-size: 20px;
    color: #fff;
}

.fcon {
    overflow: hidden;
    margin-top: 25px;
}

.saoma {
    float: left;
}

.fcons {
    float: left;
    margin-left: 25px;
}

.fc {
    overflow: hidden;
}

.fc_pic {
    float: left;
    width: 17px;
    text-align: center;
}

.fc_intro {
    float: left;
    margin-left: 10px;
}

.fc_intro p {
    font-size: 14px;
    color: #a19696;
    margin-bottom: 15px;
}

.flogo {
    float: right;
    margin-top: 35px;
}

.inpro {
    width: 32%;
    float: left;
    margin-right: 2%;
    text-align: center;
    border: 1px solid #ccc;
}

.inpro:nth-child(3n) {
    margin-right: 0;
}

.inpro {
    margin-bottom: 20px;
}

.inpro img {
    width: 100%;
}

.inpro p {
    line-height: 83px;
    font-weight: bold;
    font-size: 15.6px;
    color: #100f0f;
    background: #fff;
}

.inpro:hover {
    color: #e91e1a;
    border: 1px solid #e91e1a;
   
}
.inpro:hover p{
    color: #e91e1a;
   
}
.proshow_video video {
    width: 100%;
    border: 1px solid #d3d3d3;
    margin-top: 25px;
}

.proshow_special_list {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.proshow_specials {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 15px;
    border: 3px solid #efeded;
}

.proshow_specials:nth-child(3n) {
    margin-right: 0;
}

.proshow_specials_pic img {
    width: 100%;
    border-bottom: 3px solid #efeded;
}

.proshow_specials_bot {
    width: 100%;
    background: #f8f8f8;
    height: 165px;
    padding: 15px;
}

.proshow_specials_bot_title {
    text-align: center;
    line-height: 43px;
}

.proshow_specials_bot_num {
    display: inline-block;
    height: 43px;
    line-height: 43px;
    width: 43px;
    border-radius: 100%;
    background: #e91e1a;
    color: #fff;
    font-size: 28.5px;
    font-family: "思源黑体 CN";
    font-weight: bold;
}

.proshow_specials_bot_titles {
    display: inline-block;
    line-height: 43px;
    height: 43px;
    margin-left: 10px;
    font-size: 23px;
    color: #232020;
    font-weight: bold;
    font-family: "思源黑体 CN";
}

.proshow_specials_bots {
    margin-top: 13px;
    font-size: 14px;
    color: #232020;
    line-height: 2;
}

.proshow_dingzhi img {
    width: 100%;
    margin-top: 20px;
}

.proshow_application_title {
    margin-top: 20px;
    font-size: 15px;
    color: #1b1818;
}

.proshow_application_list {
    overflow: hidden;
    margin-top: 30px;
}

.proshow_application_lists {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.proshow_application_lists:nth-child(3n) {
    margin-right: 0;
}

.proshow_application_lists img {
    width: 100%;
    border-radius: 15px;
}

.proshow_application_lists p {
    text-align: center;
    position: relative;
    width: 115px;
    height: 41px;
    border-radius: 10px;
    line-height: 41px;
    background: #e91e1a;
    font-size: 14.7px;
    color: #fff;
    margin: -20px auto 0;
}

.proshow_shili .advbot_fl_title {
    font-size: 15px;
}

.proshow_shili {
    padding-bottom: 0 !important;
}

.proshow_shili .advbot_fl {
    width: 40%;
}

.proshow_shili .advbot_frs {
    padding: 0 10px;
}

.proshow_shili .advbot_frs_top span {
    font-family: "Bahnschrift";
    font-size: 36px;
    color: #e91e1a;
}

.proshow_shili video {
    margin-top: 20px;
}

.proshow_contact_list {
    overflow: hidden;
    margin-top: 30px;
}

.proshow_contacts {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    text-align: center;
}

.proshow_contacts:nth-child(4n) {
    margin-right: 0;
}

.proshow_contacts_pic {
    height: 80px;
    line-height: 80px;
}

.proshow_contacts_title {
    margin-top: 30px;
    font-size: 18px;
    color: #050505;
    font-weight: bold;
}

.proshow_contacts_titles {
    font-size: 16px;
    color: #242121;
    margin-top: 13px;
}

.case_lists,
.plists {
    display: none;
}

.page-content .content-box .list-content {
    width: 75%;
}

.inside-pagination {
    margin: 2rem auto;
    padding: 5rem 0;
    text-align: center;
    background: #fff;
}

.inside-pagination ul li a {
    color: #333333;
    padding: 5px 10px;
}

.inside-pagination ul li a:hover,
.inside-pagination ul li a.active {
    background: #3a8cff;
    color: #fff;
}

.inside-pagination ul li {
    display: inline-block;
    margin: 0 3px;
    font-size: 18px;
}

.inside-pagination ul li.dump {
    background: #3a8cff;
    padding: 1px;
}

.inside-pagination ul li.dump #dumppage {
    width: 30px;
    border: none;
}

.inside-pagination ul li.dump span {
    color: #fff;
    font-size: 14px;
    padding: 2px 5px;
    cursor: pointer;
    font-weight: bold;
}

.inside-pagination ul li.pre-page>a>img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transform: rotate(180deg);
}

.inside-pagination ul li:hover>a>img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%) brightness(10000%);
}