/* CSS Document */
body{ font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px; overflow-x:hidden;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,select,span{margin:0px;padding:0px;font-weight:normal}
a{text-decoration:none; color:#444;font-weight:normal}
b{ font-weight:normal;}
p{font-weight:normal}
a:hover{text-decoration:none; color:#015db2;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
i,dl,dt,em,li{list-style-type:none; font-style:normal;}
input,textarea{ font-family:"微软雅黑";outline: none;}
a{ border:none\9;}
a img{border:none\9;}
.Left{float:left;}
.Right{float:right;}
.clearfix{clear:both;}
.indexbody{overflow-y: hidden;}

.i01{width:100%;height: auto;margin:0 auto;padding-top: 100px;}
.i01 .t{width: 89.34%;margin: 0 auto 80px;}
.i01 .t h2{font-size: 56px;color:#333;line-height: 58px;margin-bottom: 20px;font-weight: bold}
.i01 .t h3{font-size: 40px;color:#333;line-height: 42px;text-align: left;}
.i01 .b{width: auto;font-size: 0;text-align: left;}
.i01 .b .box{width: 33.3333%;display: inline-block;vertical-align: top;position: relative;cursor: pointer;}
.i01 .b .box .text{padding:85px 60px 100px 110px;}
.i01 .b .box .text i{width: 91px;height: 83px;display: block;margin-bottom: 45px;}
.i01 .b .box .text .icon01{background: url(../image/i01-1.png) no-repeat;background-size: 100%;opacity:0.7;transition: all 500ms;}
.i01 .b .box .text .icon02{background: url(../image/i01-2.png) no-repeat;background-size: 100%;opacity:0.7;transition: all 500ms;}
.i01 .b .box .text .icon03{background: url(../image/i01-3.png) no-repeat;background-size: 100%;opacity:0.7;transition: all 500ms;}
.i01 .b .box .text h2{font-size: 34px;color:#333;line-height: 40px;margin-bottom: 14px;transition: all 500ms;}
.i01 .b .box .text .desc{font-size: 16px;color:#555;line-height: 28px;text-align: justify;margin-bottom: 30px;width: 100%;height: 92px;}
.i01 .b .box .text .types{width: auto;}
.i01 .b .box .text .types p{font-size: 0;text-align: left;}
.i01 .b .box .text .types p span{font-size: 17px;color:#555;line-height: 38px;display: inline-block;vertical-align: middle;}
.i01 .b .box .text .types p b{width: 2px;height: 18px;display: inline-block;vertical-align: middle;background: #7d7c7c;margin: 0 45px;}
.i01 .b .box:nth-child(1){background: #fff;}
.i01 .b .box:nth-child(2){background: #f5f5f5;}
.i01 .b .box:nth-child(3){background: #f0f0f0;}
.i01 .b .box:nth-child(1) .text .types p span{min-width: 90px;}
.i01 .b .box:nth-child(2) .text .types p span{min-width: 110px;}
.i01 .b .box:nth-child(3) .text .types p span{min-width: 155px;}
.i01 .b .box:hover .text h2{color:#000;}
.i01 .b .box:hover .text .icon01{background:url(../image/i01-1.png) no-repeat;background-size: 100%;opacity: 1;}
.i01 .b .box:hover .text .icon02{background:url(../image/i01-2.png) no-repeat;background-size: 100%;opacity: 1;}
.i01 .b .box:hover .text .icon03{background:url(../image/i01-3.png) no-repeat;background-size: 100%;opacity: 1;}
.i01 .b .box:hover{box-shadow: 0px 0px 25px 2px rgba(0,0,0,.2);}



.i02{width: 89.34%;margin: 0 auto;padding-top: 100px;}
.i02 .t{margin: 0 auto 80px;}
.i02 .t h2{font-size: 56px;color:#333;line-height: 58px;margin-bottom: 20px;font-weight: bold}
.i02 .t h3{font-size: 40px;color:#333;line-height: 42px;text-align: left;}
.i02 .b{width: auto;}
.i02 .b ul{font-size: 0;text-align: left;}
.i02 .b ul li{width: 32%;background: #fff;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;}
.i02 .b ul li:nth-child(3n){margin-right: 0;}
.i02 .b ul li a{display: block;}
.i02 .b ul li .imgs{width: 100%;position: relative;z-index: 1;}
.i02 .b ul li .imgs img{width: 100%;display: block;}
.i02 .b ul li .imgs dt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);transition: all 500ms ease;z-index: 1;opacity: 0;}
.i02 .b ul li .imgs dd{position: absolute;left: 50%;z-index: 2;top: 50%;transform: translate(-50%,-50%);transition: all 500ms ease;}
.i02 .b ul li .imgs dd img{display: block;opacity: 0;transition: all 500ms ease;}
.i02 .b ul li .text{width: auto;padding:15px 20px;background: #fff;font-size: 0;text-align: left;}
.i02 .b ul li .text h2{font-size: 16px;color:#333;line-height: 40px;display: inline-block;vertical-align: text-bottom;margin-right: 10px;}
.i02 .b ul li .text span{font-size: 13px;color:#999;line-height: 40px;display: inline-block;vertical-align: text-bottom;}
.i02 .b ul li:hover{box-shadow: 0px 0px 25px 2px rgba(0,0,0,.2);}
.i02 .b ul li:hover .imgs dt{opacity: 1;}
.i02 .b ul li:hover .imgs dd{display: block;opacity: 1;}
.i02 .b ul li:hover .imgs .case-img01 img{opacity: 1;}
.i02 .b ul li:hover .imgs .case-img02 img{-webkit-transform: rotate(360deg);animation: rotation 10s linear infinite;-moz-animation: rotation 10s linear infinite;-webkit-animation: rotation 10s linear infinite;-o-animation: rotation 10s linear infinite;opacity: 1;}
@-webkit-keyframes rotation{
  from{-webkit-transform:rotate(0deg);}
  to{-webkit-transform:rotate(360deg);}
}


.i03{width: 100%;height: auto;position: relative;}
.i03 img{width: 100%;display: block;}
.i03 .text{width: 89.34%;position: absolute;left: 50%;top: 52%;transform: translate(-50%,-50%);}
.i03 .text h2{font-size: 56px;color:#fff;line-height: 60px;font-weight: bold;text-align: center;margin-bottom: 35px;}
.i03 .text p{font-size: 18px;color:rgba(255, 255, 255, 0.4);line-height: 40px;text-align: center;width: 90%;margin: 0 auto;margin-bottom: 167px;}
.i03 .text .banner_bar_bd{margin-top: 60px;width: 100%;}
.i03 .text .banner_bar_bd .bd_l{width:100%;margin: 0 auto;}
.i03 .text .banner_bar_bd .bd_l_box{font-size: 0;text-align: left;}
.i03 .text .banner_bar_bd .bd_l dl{text-align:center;width: 25%;display: inline-block;vertical-align: middle;}
.i03 .text .banner_bar_bd .bd_l dl .num{font-size:100px;color:#3074f9;height: 90px;font-weight: bold;position: relative;}
.i03 .text .banner_bar_bd .bd_l dl .num em{font-size:30px;color:#3074f9;font-weight:bold;position:absolute;top: -35px;margin-left: 5px;}
.i03 .text .banner_bar_bd .bd_l dl .num em b{font-size: 30px;margin-left: 5px;}
/* .banner_bar_bd .bd_l dl .num em.s_meter{font-size: 46px;color:#0091a0;font-weight: bold;margin-left: -10px;position: inherit;top: 0;}
.banner_bar_bd .bd_l dl .num em.s_meter sup{font-size: 20px;} */
.i03 .text .banner_bar_bd .bd_l dl .txt{color:#fff;font-size: 24px;line-height: 36px;margin-top: 0;}

.i04{width: 100%;padding: 110px 0;overflow: hidden;}
.i04 .t{width:89.34%;margin:0 auto 80px;font-size: 0;text-align: left;}
.i04 .t .l{width: 50%;display: inline-block;vertical-align: bottom;}
.i04 .t .l h2{font-size: 56px;color:#333;line-height: 58px;margin-bottom: 20px;font-weight: bold}
.i04 .t .l h3{font-size: 40px;color:#333;line-height: 42px;text-align: left;}
.i04 .t .r{width: 50%;display: inline-block;vertical-align: bottom;}
.i04 .t .r ul{font-size: 0;text-align: right;}
.i04 .t .r ul li{display: inline-block;vertical-align: top;margin-left: 35px;}
.i04 .t .r ul li a{font-size: 18px;color:#777;line-height: 20px;display: block;}
.i04 .t .r ul li:hover a{color:#333}
.i04 .t .r ul li.h1 a{color:#333}
.i04 .b{width: auto;}
.i04 .b .box{width: 110%;margin-left: -5%;}
.i04 .b .box .swiper-slide{width: 24%;margin-right: 1%;background: #f5f5f5;transition: all 500ms ease;}
.i04 .b .box .swiper-slide a{display: block;}
.i04 .b .box .swiper-slide .text{padding: 50px 40px;}
.i04 .b .box .swiper-slide .text .types{font-size: 16px;color:#999;line-height: 22px;display: block;margin-bottom: 30px;transition: all 500ms ease;}
.i04 .b .box .swiper-slide .text h2{font-size: 22px;color:#555;height: 72px;line-height: 36px;text-align: justify;margin-bottom: 25px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 500ms ease;}
.i04 .b .box .swiper-slide .text p{font-size: 16px;color:#999;line-height: 26px;text-align: justify;margin-bottom: 105px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: all 500ms ease;}
.i04 .b .box .swiper-slide .text .date{font-size: 16px;color:#b4b4b4;line-height: 20px;display: block;transition: all 500ms ease;}
.i04 .b .box .swiper-slide:hover{background: #3074f9;box-shadow: 0px 0px 20px 2px rgba(48, 116, 249, .8);}
.i04 .b .box .swiper-slide:hover .text .types{color:#fff}
.i04 .b .box .swiper-slide:hover .text h2{color:#fff}
.i04 .b .box .swiper-slide:hover .text p{color:#fff}
.i04 .b .box .swiper-slide:hover .text .date{color:#fff}

.i05{width: 100%;position: relative;}
.i05 img{width: 100%;display: block;}
.i05 .formbox{width: 89.34%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: #fff;font-size: 0;text-align: left;padding: 41px 0 74px;}
.i05 .formbox .l{width: 35%;display: inline-block;vertical-align: middle;padding-left: 5%;}
.i05 .formbox .l .tit{margin-bottom: 47px;}
.i05 .formbox .l .tit h3{font-size: 26px;color:#333;line-height: 28px;margin-bottom: 18px;}
.i05 .formbox .l .tit h2{font-size: 30px;color:#333;line-height: 32px;font-weight: bold;}
.i05 .formbox .l .text{margin-bottom: 40px;}
.i05 .formbox .l .text p{font-size: 18px;color:#333;line-height: 36px;padding-left: 14px;position: relative;}
.i05 .formbox .l .text p::before{content:"";width: 3px;height: 3px;background: #333;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);display: block;border-radius: 50px;}
.i05 .formbox .l .cont{width: auto;}
.i05 .formbox .l .cont .i05-phone{width: 45px;height: 45px;display: block;margin-bottom: 27px;font-size: 32px;color:#222;line-height: 45px;text-align: center;border: 2px solid #222;border-radius: 50%;}
.i05 .formbox .l .cont span{font-size: 46px;color:#222222;line-height: 48px;font-weight: bold;font-family: "Arial";display: block;}
.i05 .formbox .r{width: 50%;padding: 0 5%;display: inline-block;vertical-align: middle;}
.i05 .formbox .r .tit{margin-bottom: 25px;}
.i05 .formbox .r .tit h2{font-size: 30px;color:#333333;line-height: 62px;font-weight: bold;}
.i05 .formbox .r table{width: 100%;}
.i05 .formbox .r table td{padding: 0 0;font-size: 0;text-align: left;}
.i05 .formbox .r table label{display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 0;text-align: left;position: relative;margin-bottom: 2%;}
/* .i05 .formbox .r table label .inradio{width:24px;height: 24px;margin-right: 5px;position: absolute;left: 0;top: 0;opacity: 1;}
.i05 .formbox .r table label .radio-text{font-size: 16px;color:#333;} */
/* .i05 .formbox .r table label b{font-size: 16px;color:#333;line-height: 22px;display: inline-block;vertical-align: middle;} */
.i05 .formbox .r table p{font-size: 16px;color:#333;line-height: 40px;margin-bottom: 8px;}
.i05 .formbox .r table .box{display: inline-block;vertical-align: top;width: 48%;margin-bottom: 12px;}
.i05 .formbox .r table .box .intxt{width: calc(100% - 2px);border: 1px solid #dfdfdf;font-size: 16px;color:#333;line-height: 46px;text-indent: 10px;border-radius: 5px;}
.i05 .formbox .r table .line{width: 4%;height: 48px;display: inline-block;vertical-align: middle;}
.i05 .formbox .r table .inarea{width: calc(100% - 2px);border: 1px solid #dfdfdf;font-size: 16px;color:#333;height: 46px;text-indent: 10px;border-radius: 5px;resize: none;line-height: 46px;}
.i05 .formbox .r table .inbtn{width: 217px;height: 55px;display: block;background:linear-gradient(to right,#4081fd,#296ff7);font-size: 0;text-align: center;border-radius: 5px;margin-top: 28px;}
.i05 .formbox .r table .inbtn b{font-size: 18px;color:#fff;line-height: 55px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.i05 .formbox .r table .inbtn i{font-size: 18px;color:#fff;line-height: 55px;display: inline-block;vertical-align: middle;font-family: "宋体";}
.i05 .formbox .r table .inbtn:hover{background:linear-gradient(to right,#296ff7,#4081fd);}
.i05 .formbox .r table tr:nth-child(1){padding-bottom: 10px;}