@charset "UTF-8";
/**
 * 
 * @authors WEB小工匠 (twb804@qq.com)
 * @date    2019-07-04 14:16:43
 * @QQ      1318523288
 * @link    http://www.twbweb.com
 */
body{ background:#FFF; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin: 0;padding: 0;  font-family:"微软雅黑";}
fieldset, img {border: 0;}
:focus {outline: 0;}
a{text-decoration: none;}
li{list-style: none;}
address, caption, cite, code, dfn,em, th, var, optgroup ,i{font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;	font-weight: inherit;}
.fl {float:left;}
.fr {float:right;}
.clear{ clear:both;}

.icenter{margin: 0 auto;  overflow: hidden;}

.iw900{width: 900px; }
.iw1000{width: 1000px;  }
.iw1100{width: 1100px;  }
 
.ibannerall{float: left; width: 100%;}
 
 
.ibanner .izb{float:left; width: 100%;position: relative; height:703px;
    background:url(../images/iban_zb_01.jpg)  center top no-repeat,
    url(../images/iban_zb_02.jpg)  center 234px no-repeat,
    url(../images/iban_zb_03.jpg)  center 468px no-repeat}
.ibanner .isc{float:left; width: 100%;position: relative; height:703px;
    background:url(../images/iban_01.jpg)  center top no-repeat,
    url(../images/iban_02.jpg)  center 234px no-repeat,
    url(../images/iban_03.jpg)  center 469px no-repeat}

.ibanner a{float: left; width: 100%; height: 703px;}


 .ipr{position: relative; }
 
.ione{float: left; width:90%; margin:50px 5%; }
.itwo_all{float: left; width:100%;background: #00cbd2; min-height: 500px; padding-bottom:50px; }
.ithree_all{float: left; width:100%;background: #ffaf04; min-height: 500px; padding-bottom:50px; }
.ifour_all{float: left; width:100%;background: #ffdadb; min-height: 500px; padding-bottom:50px; }
.ifive_all{float: left; width:100%;background: #ffaf04; min-height: 500px; padding-bottom:50px; }

.ititle{margin: 30px auto;display:table;color: #fff;text-align: center; }
.ititle_cont{font-size: 46px;}
.ititle span{margin: 0 auto;display: table; text-align: center;font-size: 40px;position: relative;}
.ititle span:before{float: left;margin-top:15px;margin-right:20px; content: ""; width: 56px; height: 20px; background:url(../images/ileft.png) center top  no-repeat; }
.ititle span:after{float: right;margin-top:20px;margin-left:20px; content: ""; width: 56px; height: 20px; background:url(../images/iright.png) center top  no-repeat; }
.ititle p{text-align: center;font-size:24px;}
.ititle2{color: #f51952;}
.ititle2 span:before{background:url(../images/ileft2.png) center top  no-repeat; }
.ititle2 span:after{ background:url(../images/iright2.png) center top  no-repeat; }


.ismall_title{float: left;margin: 20px 0; width: 100%;text-align: center;font-weight: 100;}
.ismall_title span{display: table;margin: 0 auto; font-size: 34px; color: #00cbd2;}
.ismall_title p{display: table;margin: 0 auto;letter-spacing:2px;text-transform :Uppercase; font-size: 16px; color: #00cbd2;}
.is_title p{letter-spacing:6px;}
.icolor span,.icolor p{color: #ff0000;}


.ileft{float: left; width: 49.5%;background: #fff; border-radius:20px;}
.iright{float: right; width: 49.5%;height: 375px; background: #fff; border-radius:20px;}
.ibottom{float: right; width: 100%;margin-top: 10px;padding-bottom: 20px; background: #fff; border-radius:20px;}
.ixmleft{float: left; width: 96%;margin-left:2%;margin-bottom:15px; border-radius: 10px;overflow: hidden;}
.iboxshadow{ box-shadow:0px 0px 20px rgba(125,125,125,.2);  }
 
 .ixm_xiong{float: left; width: 96%;margin-top: 20px;margin-left: 2%;padding-bottom:10px;}
 .ixm_xiong li{float: left; width: 30%; margin: 0 1.65%; border-radius: 10px;box-shadow:0px 0px 20px rgba(125,125,125,.2);  overflow: hidden;}
 .ixm_xiong li img{float: left; width: 100%;}
 .ixm_yan{float: left; width: 96%;margin-top: 20px;padding-bottom:10px; margin-left: 2%;}
 .ixm_yan dd{float: left; width: 30%; margin: 0 1.65%; border-radius: 10px;box-shadow:0px 0px 20px rgba(125,125,125,.2);  overflow: hidden;}
 .ixm_yan dt{float: left; width: 47%; margin: 0 1.5%;margin-top:20px; border-radius: 10px;box-shadow:0px 0px 20px rgba(125,125,125,.25);  overflow: hidden;}
 .ixm_yan dd img, .ixm_yan dt img{float: left; width: 100%;}
 .ixm_bi{float: left; width: 96%;margin-top: 20px;margin-left: 2%;padding-bottom:10px;}
 .ixm_bi dd{float: left; width:23%; margin: 0 1%; border-radius: 10px;box-shadow:0px 0px 20px rgba(125,125,125,.25);  overflow: hidden;}
 .ixm_bi dd img, .ixm_yan dt img{float: left; width: 100%;}

 .ixm_pf{float: left; width: 96%;margin-top: 20px;padding-bottom:10px; margin-left: 2%;}
 .ixm_pf dd{float: left; width: 23%; margin: 0 1%; border-radius: 10px;box-shadow:0px 0px 20px rgba(125,125,125,.2);  overflow: hidden;}
 .ixm_pf dt{float: left; width: 47%; margin: 0 1.5%;margin-top:20px; border-radius: 10px;box-shadow:0px 0px 20px rgba(125,125,125,.25);  overflow: hidden;}
 .ixm_pf dd img, .ixm_pf dt img{float: left; width: 100%;}
 

 
.icase_title{margin: 30px auto;display:table;color: #10becd;text-align: center; }
.icase_title span{margin: 0 auto;display: table; text-align: center;font-weight: bold;font-size: 40px;position: relative;}
.icase_title p{text-align: center;font-size:24px;}

 
.ibtn{margin: 30px auto;display:table; text-align: center; width: auto;}
.ibtn a{float: left; color: #00cbd2;background: #fff; padding:10px 100px; line-height: 1.8; border-radius:30px; text-align: center; font-size:28px; overflow: hidden; }
.ibtn_case{margin:20px auto 30px; display:table; text-align: center; width: auto;}
.ibtn_case a{float: left; color: #fff;background: #10becd; padding:10px 100px;  line-height: 1.8; border-radius:30px; text-align: center; font-size:28px; overflow: hidden; }


.icaseall{float: left; width:90%;margin-left: 5%; position: relative;overflow: hidden;}
.swiper-button-white{background:rgba(100,100,100,.3); width: 30px;height: 48px;}
.swiper-pagination-bullet{width: 12px; height: 12px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
 
.izjlist{float: left; width:98%; margin-left: 1%;}
.izjlist img{float: left; width: 100%;}

 
 .izj_title{margin-top: 50px;}
.izjall{float: left; width: 100%; height:933px;
   background:url(../images/izj_201.jpg) center top no-repeat,
   url(../images/izj_202.jpg) center 311px no-repeat,
   url(../images/izj_203.jpg) center 622px no-repeat;

 }

li:hover,dd:hover,dt:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);transition: all .3s;}


 .btnas{animation:pulse 1.5s infinite;}
@keyframes pulse { 0% {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
    50% {
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}