@charset "utf-8";
body{background: #fff;overflow-x: hidden;min-width:1120px}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
@font-face {
  font-family: 'iconfont_rrjbd';  /* project id 291933 */
  src: url('../../../../t/font_k2nd9sainlhoxbt9.eot');
  src: url('../../../../t/font_k2nd9sainlhoxbt9-1.eot') format('embedded-opentype'),
  url('../../../../t/font_k2nd9sainlhoxbt9.woff') format('woff'),
  url('../../../../t/font_k2nd9sainlhoxbt9.ttf') format('truetype'),
  url('../../../../t/font_k2nd9sainlhoxbt9.svg') format('svg');
}
.w1120{margin: 0 auto;width: 1120px}
.appCode .codeBox{display:none;}
.appCode .codeWrap .codeBox{width: 140px;height: auto;background: #fff;position: absolute;z-index: 9999;border: 1px solid #e3e3e3;top: 36px;left: -36px;text-align: center; padding-bottom: 10px;}
.appCode .codeWrap>a{display: inline-block;padding: 10px 0}
.appCode .codeWrap>a{*display: inline}
.appCode .codeBox a{color: #0066cc}
.appCode .codeWrap:hover .codeBox{display: block;}
.appCode .codeWrap:hover .codeBox i{display: block;position: absolute;width:14px;height: 7px;left: 50%;margin-left: -7px;background: url("../images/wei/topArrow.png") no-repeat;top: -7px;}
.appCode .weixin_icon p{padding: 5px;}
.appCode .weixin_icon span{color: #fe5842;padding-right: 3px;}
.appCode .weixin_icon img{width: 110px;height: 110px;}
.appCode .app_img{float: left;margin-top: 7px;}
.appCode .app_icon p{padding: 5px;}
.appCode .app_icon span{color: #fe5842;padding-right: 3px;}
.appCode .app_icon img{width: 110px;height: 110px;}
.navAndLogo{line-height: 90px}
.navAndLogo .logo{position: relative;z-index: 1001; width: 215px; height:90px;}
.navAndLogo .logo img{width: 100%; vertical-align: middle;}
.navAndLogo .bigNav{text-align: center;position: relative;z-index: 1000;float: right;}
.navAndLogo .bigNav ul li{display: inline-block;margin: 0 15px}
.navAndLogo .bigNav ul li{*display: inline}
.navAndLogo .bigNav ul li a{display: block;font-size: 18px;color: #3d3d3d;padding: 0;position: relative}
.navAndLogo .bigNav ul li.navArrow:hover,.navAndLogo .bigNav ul li.hover{background: url("../images/wei/navArrow.png") bottom center no-repeat}
.navAndLogo .bigNav ul li.on a,.navAndLogo .bigNav ul li:hover a,.navAndLogo .bigNav ul li.hover a{color: #3399cc}
.subNav{position: absolute;left: 0;right: 0;top: 90px;padding: 30px 0;text-align: center;background: #3d3d3d;background:rgba(61,61,61,.9);display: none}
.subNav .row{display: none}
.normalNav ul,.proNv ul{text-align: center}
.normalNav ul li,.proNv ul>li{display: inline-block;margin: 0 30px}
.normalNav ul li,.proNv ul>li{*display: inline}
.normalNav ul li a{padding-bottom: 8px;color: #fff;font-size: 16px;}
.normalNav ul li a:hover{border-color: #3399cc;color:#3399cc}
.aboutNv ul li{float: right;margin: 0 0 0 65px}
.proNv ul>li{width: 130px;vertical-align: top}
.proNv ul>li .navOl li{text-align: left}
.proNv ul>li .navOl li a{font-size: 14px;color: #ddd;margin-top: 10px;display: block}
.proNv ul>li .navOl li a:hover{color: #fff}
.proNv ul>li .navOl li h3 a{font-size: 16px;margin: 0}
.proNv ul>li .navOl li h3 a{color: #fff;padding-bottom: 8px;border-bottom: 1px solid #5b5d5f}
.proNv ul>li .navOl li h3:hover a{border-color: #3399cc;color:#3399cc}
#fixedNav{position: relative}
.flashBox{position:relative;margin:-15px auto;overflow:hidden;width: 100%;height:423px}
.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.flashBox ul li{width:100%;height:348px;position:absolute;top:75px;left:0;display:none;}

.flashBox ul li:first-child{display:block}

.flashBox ul li a{width:100%;height:348px;display: block;background-position: top center;background-repeat: repeat;background-size: cover}

.bannerBtn{position: absolute;top:60%;margin-top: -25px;width: 100%;z-index: 3;}
.bannerBtn .w1120{position: relative}
.bannerBtn a{position: absolute;width: 26px;height:51px; top:0; background: url("../images/wei/icons.png") no-repeat -0px -15px;z-index: 99;display: none}
.bannerBtn a.prev{background-position: -0px -15px;left: -80px}
.bannerBtn a.next{background-position: -26px -15px;right: -80px;}
.flashBox ol{z-index:2;width:100%;text-align:center;position:absolute;bottom:10px}
.flashBox ol li{width:15px;height:15px;margin:0 2px;display:inline-block;background:#fff;color:#dd1827;line-height:20px;text-align:center;border-radius: 100px;cursor:pointer;background: url("../images/wei/icons.png") no-repeat 0px -0px;text-indent: -99999px;}
.flashBox ol li{*display:inline}
.flashBox ol .active{background:url("../images/wei/icons.png") no-repeat -20px -0px;color:#fff;}
.flashBox ul li a .warp{position: relative;height: 500px}
.flashBox ul li a .warp img{position: absolute}
.flashBox .b1{}
.flashBox .b1-1{position: absolute;top: 0;right: 0;z-index: 0}
.flashBox .b1-2{position: absolute;top: 0;right: 0;z-index: 2}
.flashBox .b2-1{position: absolute;top: 0;right: 0;z-index: 0}
.flashBox .b3-1{position: absolute;top: 0;right: 0;z-index: 0}
.bannerLeftInfo{position: relative;z-index: 3;top: 60px}
.bannerLeftInfo h2{font-size: 50px;color: #fff;font-weight: normal;margin-bottom: 20px}
.bannerLeftInfo h3{font-size: 30px;color: #fff;font-weight: normal;margin-bottom: 15px}
.bannerLeftInfo p{font-size: 14px;color: #fff;width: 600px}
.bannerLeftInfo .targetBtn{margin-top: 20px}
.bannerLeftInfo .targetBtn a{float: left;width:170px;height: 50px;background: url("../images/wei/icons.png") no-repeat -140px -500px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;margin-right: 15px}
.bannerLeftInfo .targetBtn a{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;}
.bannerLeftInfo .targetBtn a i{display: inline-block;width: 31px;height: 31px;background: url("../images/wei/icons.png") no-repeat -140px -415px;vertical-align: middle;margin-right: 10px}
.bannerLeftInfo .targetBtn a i{*display: inline}
.flashBox .bannerLeftInfo .targetBtn a:hover{background-position: -312px -500px}
.flashBox .bannerLeftInfo .targetBtn a:first-child{width: 110px;background-position: -140px -448px}
.flashBox .bannerLeftInfo .targetBtn a:first-child:hover{background-position: -312px -448px}
.singleBanner li{height: 350px;position: relative}
.singleBanner .bannerLeftInfo h2{font-size: 60px;margin-bottom: 0}
.singleBanner .bannerLeftInfo p{font-size: 40px;width: 600px}
.singleBanner .bannerLeftInfo .targetBtn a{background-position: -140px -500px;width: 170px;height: 50px}
.singleBanner .bannerLeftInfo .targetBtn a:hover{background-position: -312px -500px}
.singleBanner  img.appImg,.singleBanner  img.b3-1{position: absolute;top: 0;    bottom: 0; right: 0; z-index: 0;}
.singleBanner .bannerLeftInfo .targetBtn a.trial{width: 110px;background-position: -140px -448px}
.singleBanner .bannerLeftInfo .targetBtn a.trial:hover{background-position: -312px -448px}
.banner-zb{background: #00a8ff}
.banner-zb img{position: absolute}
.banner-zb .z1{ top: 0; left: 50%;margin-left: -366px;}
.banner-zb .z2{right: 0;top: 74px;}
.banner-zb .z3{left: 0;top: 86px;}

.banner-applet{background: #0099e8}
.banner-applet a .w1120{height: 100%;}
.banner-applet img{position: absolute}
.banner-applet .applet1{left: 2px;top: 90px;}
.banner-applet .applet2{left: 70px;bottom: 0;}
.banner-applet .applet3{left: 30px;top: 190px;}
.banner-applet .applet4{right: 0;top: 50px;}

.banner-zb .z1{  -webkit-animation:pulse 2s 0s ease both infinite;-moz-animation:pulse 2s 0s ease both infinite;animation:pulse 2s 0s ease both infinite;}
.banner-zb .z2{ -webkit-animation:bounceInLeft 1.5s .5s ease both;-moz-animation:bounceInLeft 1.5s .5s ease both;animation:bounceInLeft 1.5s .5s ease both;}
.banner-zb .z3{ -webkit-animation: zoomInDown 1.2s  ease both;animation: zoomInDown 1.2s  ease both;}

.banner-applet .applet1{-webkit-animation: bounceInLeft 1.5s 0s ease both;-moz-animation: bounceInLeft 1.5s 0s ease both;animation: bounceInLeft 1.5s 0s ease both;}
.banner-applet .applet2{-webkit-animation:zoomInUp 1.5s 0s ease both;-moz-animation:zoomInUp 1.5s .0s ease both;animation:zoomInUp 1.5s 0s ease both;}
.banner-applet .applet3{-webkit-animation: bounceInLeft 1.5s .5s ease both;-moz-animation: bounceInLeft 1.5s .5s ease both;animation: bounceInLeft 1.5s .5s ease both;}
.banner-applet .applet4{-webkit-animation: zoomInDown 1.2s ease both;animation: zoomInDown 1.2s ease both;}

.integralBanner{ width:100%; background:#00a8ff; height:350px;}
.width1120{ width:1120px; margin:0 auto;    position: relative;}
.integralBanner dl{}
.integralBanner dl dd{ position:absolute;}
.integralBanner dl dd.n1{ left:23px; top:112px;-webkit-animation: zoomInLeft 1s 0s 1 linear both  ;  animation: zoomInLeft 1s 0s 1 linear both;}
.integralBanner dl dd.n2{ left:20px; top:200px;-webkit-animation: zoomInLeft 1s 0.5s 1 linear both  ;  animation: zoomInLeft 1s 0.5s 1 linear both;}
.integralBanner dl dd.n3{ right:38px; top:20px;    z-index: 9;-webkit-animation: zoomIn 1s 1.5s 1 linear both  ;  animation: zoomIn 1s 1.5s 1 linear both;}
.integralBanner dl dd.n4{ right:20px; top:10px;-webkit-animation: slideInDown 1s 1s 1 linear both  ;  animation: slideInDown 1s 1s 1 linear both;}
.bannerLeftInfo h2{-webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both;animation:bounceInLeft 1.5s 0s ease both;}
.bannerLeftInfo h3{-webkit-animation:bounceInRight 1.5s 0s ease both;-moz-animation:bounceInRight 1.5s 0s ease both;animation:bounceInRight 1.5s 0s ease both;}
.bannerLeftInfo p{-webkit-animation:fadeInDown 1s 0s ease both;-moz-animation:fadeInDown 1s 0s ease both;animation:fadeInDown 1s 0s ease both;}
.bannerLeftInfo .targetBtn{-webkit-animation:zoomInUp 1s 0s ease both;-moz-animation:zoomInUp 1s 0s ease both;animation:zoomInUp 1s 0s ease both;}
.bannerLeftInfo .targetBtn a:last-child{-webkit-animation:pulse 2s 0s ease both infinite;-moz-animation:pulse 2s 0s ease both infinite;animation:pulse 2s 0s ease both infinite;}
.flashBox .b3-1{-webkit-animation: bounceInRight 1.5s .5s ease both;-moz-animation: bounceInRight 1.5s .5s ease both;animation: bounceInRight 1.5s .5s ease both;}


.indexMod{background: #fff}
.indexScroll ul li{float: left;width: 230px;height: 320px;text-align: center;margin: 0 17px;color: #fff;cursor: pointer}

.bgfa{background: #fafafa}

.modHd{text-align: center;padding: 50px 0}

.modHd h2{font-size: 48px;color: #222;font-weight: normal;border-bottom: 1px solid #d5dfe7;padding: 15px 0}

.modHd p{padding: 50px 0;color: #6e6e6e;font-size:24px;}

.indexMod .projectDesc{padding-bottom: 30px;}
.mod8 ul{margin-left: -280px}

.mod8 ul li{float: left; width: 50%; padding: 20px 0;}

.mod8 ul li .icon{width: 100px;height: 100px;float: left;margin-left: 280px}

.mod8 ul li .icon i{display: block;margin: 0 auto;width: 100px;height: 100px;background:url("../images/wei/icons.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.mod8 ul li.i0 .icon i{background-position:-486px -410px;}

.mod8 ul li.i1 .icon i{background-position:-586px -410px;}

.mod8 ul li.i2 .icon i{background-position:-686px -410px;}

.mod8 ul li.i3 .icon i{background-position:-486px -510px;}

.mod8 ul li.i4 .icon i{background-position:-586px -510px;}

.mod8 ul li.i5 .icon i{background-position:-686px -510px;}

.mod8 ul li.i6 .icon i{background-position:-486px -610px;}

.mod8 ul li.i7 .icon i{background-position:-586px -610px;}

.mod8 ul li:hover .icon i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

.mod8 ul li .desc{overflow: hidden;display: table;height: 100px;padding-left: 20px;}

.mod8 ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;}

.mod8 ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px;color: #4f5b6c}

.mod8 ul li .desc> .row0 p{font-size: 12px;color:#9d9d9d}

.mod13 .app ul li{height: auto}
.mod13 .app ul li i{display: block;width: 132px;height: 132px;margin: 40px auto 30px auto;-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
.mod13 .app ul li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.mod13 .app ul li p{padding: 0 10px;
    margin-top: 15px;
    height: 62px;
    line-height: 20px;
    padding-bottom: 10px;
    overflow: hidden;}
.mod13 .app ul li h3{font-size: 20px;color: #fff;font-weight: normal;}
.mod13 .app ul li .btnA{display: block;text-align: center;margin-bottom: 40px;margin-top: 20px}
.mod13 .app ul li .btnA a{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;}
.mod13 .app ul li .btnA a{display: inline-block;width: 200px;height: 55px;line-height: 55px;color: #0173ca;background: url("../images/wei/icons.png") no-repeat 0 -1230px;color: #fff;font-size: 20px}
.mod13 .app ul li .btnA a{*display: inline}
.mod13 .app ul li:hover .btnA a{color: #fff;background-position: 0 -1340px}
.mod13 .app ul li.i1{background: #8eb3de;}
.mod13 .app ul li.i2{background: #f7b93e;}
.mod13 .app ul li.i3{background: #29ccae;}
.mod13 .app ul li.i4{background: #6dd823;}
.mod13 .app ul li.i1:hover .btnA a{color: #8eb3de}
.mod13 .app ul li.i2:hover .btnA a{color: #6dd823}
.mod13 .app ul li.i3:hover .btnA a{color: #29ccae}
.mod13 .app ul li.i4:hover .btnA a{color: #f7b93e}


.u-ban .box{overflow:hidden;margin:0 auto;padding:5px 0;width:1050px;border-bottom: 1px solid #ddd;}
.u-ban h2{margin:10px 0 70px;color:#000;text-align:center;font-size:2pc}
.slide-number2{float:left;width:470px}
.slide-number2 a{display:inline-block;overflow:hidden;margin:0 3px 0 0;width:100%;outline:0;background:0 0}
.slide-number2 a::moz-focus-inner{border:0}
.slide-number2 .slide-number-active{border-radius:5px;background:#f5f5f4}
.slide-number2 a .u-lt{display:block;overflow:hidden}
.slide-number2 a .u-lt .s-bgi-i1{background:url(../images/icon1.png) no-repeat;background-size:100% auto}
.slide-number2 a .u-lt .s-bgi-i1,.slide-number2 a .u-lt .s-bgi-i2{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px}
.slide-number2 a .u-lt .s-bgi-i2{background:url(../images/icon2.png) no-repeat;background-size:100% auto}
.slide-number2 a .u-lt .s-bgi-i3{background:url(../images/icon3.png) no-repeat;background-size:100% auto}
.slide-number2 a .u-lt .s-bgi-i3,.slide-number2 a .u-lt .s-bgi-i4{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px}
.slide-number2 a .u-lt .s-bgi-i4{background:url(../images/icon4.png) no-repeat;background-size:100% auto}
.slide-number2 a .u-lt .s-bgi-i5{background:url(../images/icon5.png) no-repeat;background-size:100% auto}
.slide-number2 a .u-lt .s-bgi-i5,.slide-number2 a .u-lt .s-bgi-i6{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px}
.slide-number2 a .u-lt .s-bgi-i6{background:url(../images/icon6.png) no-repeat;background-size:100% auto}
.slide-number2 a .u-lt .u-lf{float:right;display:block;overflow:hidden;padding:9pt 0;width:100%}
.slide-number2 .f-mgl{margin-left:5pc}
.slide-number2 .slide-number-active h4,.slide-number2 .slide-number-active p{color:#ff734f}
.slide-number2 a.slide-number-active .s-bgi-i1{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px;background:url(../images/icon7.png) no-repeat;background-size:100% auto}
.slide-number2 a.slide-number-active .s-bgi-i2{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px;background:url(../images/icon8.png) no-repeat;background-size:100% auto}
.slide-number2 a.slide-number-active .s-bgi-i3{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px;background:url(../images/icon9.png) no-repeat;background-size:100% auto}
.slide-number2 a.slide-number-active .s-bgi-i4{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px;background:url(../images/icon10.png) no-repeat;background-size:100% auto}
.slide-number2 a.slide-number-active .s-bgi-i5{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px;background:url(../images/icon11.png) no-repeat;background-size:100% auto}
.slide-number2 a.slide-number-active .s-bgi-i6{position:relative;float:left;display:block;margin:9pt -5pc 9pt 20px;width:46px;height:46px;background:url(../images/icon12.png) no-repeat;background-size:100% auto}
.slide-number2 h4{color:#333;font-weight:700}
.slide-number2 p{color:#666}
#banner2{position:relative;z-index:100;overflow:hidden;margin:10px auto 0;width:100%;height:460px;min-width:825pt}
#J-slide2{float:left;width:580px;height:500px}
#J-slide2 .slide2{position:absolute;top:0;left:470px;float:left;width:580px;height:100%;background:0 0}
.bghome{position:relative;overflow:hidden;width:580px;height:100%;background-position:center center;opacity:0}
.slide-1 .bg2-1,.slide-1 .pic-1{display:block;opacity:1;background: url(../images/pro1.jpg?v=1) left top no-repeat;}
.slide-2 .bg2-2,.slide-2 .pic-2{display:block;opacity:1;background: url(../images/pro2.jpg?v=1) 100px top no-repeat;}
.slide-3 .bg2-3,.slide-3 .pic-3{display:block;opacity:1;background: url(../images/pro3.jpg?v=1) center 50px no-repeat;}
.slide-4 .bg2-4,.slide-4 .pic-1{display:block;opacity:1;background: url(../images/pro4.jpg?v=1) center center no-repeat;}
.slide-5 .bg2-5,.slide-5 .pic-2{display:block;opacity:1;background: url(../images/pro5.jpg?v=1) center center no-repeat;}
.slide-6 .bg2-6,.slide-6 .pic-3{display:block;opacity:1;background: url(../images/pro6.jpg?v=1.5) center center no-repeat;}
.slide-7 .bg2-7,.slide-7 .pic-1{display:block;opacity:1;background: url(../images/pro1.jpg?v=1) center center no-repeat;}

.u-abt{margin:0 auto;padding:60px 40px 60px 34px;width:990px;border-bottom: 1px solid #ddd;}
.u-abt h1{margin-bottom:24px;color:#333;text-align:center;font-size:34px}
.u-abt p{margin-bottom:24px;color:#666;font-size:1pc;line-height:26px}
.u-cutp{background-color:#f7f7f7}
.u-cutp .box{margin:0 auto;padding:60px 53px 40px 54px;width:967px}
.u-cutp h2{margin-bottom:4px;color:#333;text-align:center;font-size:34px}
.u-cutp p{margin-bottom:24px;color:#666;text-align:center;font-size:1pc;line-height:26px}
.five_toollist{width: 880px;margin:0 auto;padding-top: 50px;position: relative;height: 400px;}
.five_toollist .toollist{width: 25%;float: left;}
.five_toollist .lists{width: 138px;height: 138px;margin:18px 18px 18px 50px;cursor: pointer;background-color: rgba(245,245,245,.5);border-radius: 50%;text-align: center;float: left;position: relative;}
.five_toollist .tool_list{position: absolute;left:5px;top:5px;width: 128px;height: 128px;border-radius: 50%;float: left;text-align: center;color: #fff;font-size: 34px;font-weight: 600;line-height: 128px;}
.five_toollist .tool0{background-color: #5a98d2;line-height: 40px;}
.five_toollist .tool1{background-color: #26c0c3;line-height: 40px;}
.five_toollist .tool2{background-color: #42bb86}
.five_toollist .tool3{background-color: #2998d2}
.five_toollist .tool4{background-color: #985ad2;line-height: 40px;}
.five_toollist .tool5{background-color: #d2985a}
.five_toollist .tool6{background-color: #cc1114}
.five_toollist .tool7{background-color: #d29829;line-height: 40px;}
.five_toollist .tool8{background-color: #f0a425}
.five_toollist .tool9{background-color: #738680}
.tool_list span{display: inline-block;width: 100%;height: 85px;margin-top: 22px;}
.hide{display: none;}
.lists .hover_show{position: absolute;z-index: 9;width: 800px;height: 300px;border-radius: 5px;background-color: rgba(0,0,0,.5);padding: 10px 30px;}
.lists .hover_show img{width: 170px;height: 300px;}
.lists .hover_show li{float: left;width: 25%;}
.lists .hover_show li.qr_code{margin-top: 60px;}
.lists .hover_show .qr_code img{width: 145px;height: 145px;padding: 10px;background-color: #fff;}
.lists .hover_show .qr_code p{color: #fff;font-size: 14px;}
.lists .tool_1{top:135px;}
.lists .tool_1:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:50px;}
.lists .tool_2{top:135px;left:-320px;width: 950px;}
.lists .tool_2:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:370px;}
.lists .tool_2 ul li,.lists .tool_7 ul li{width: 20%;}
.lists .tool_3{top:135px;left:-460px;}
.lists .tool_3:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:510px;}
.lists .tool_4{top:135px;left:-680px;}
.lists .tool_4:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:730px;}
.lists .tool_5{bottom:135px;}
.lists .tool_5:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:50px;}
.lists .tool_6{bottom:135px;left:-240px;}
.lists .tool_6:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:290px;}
.lists .tool_7{bottom:135px;left:-560px;width: 950px;}
.lists .tool_7:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:610px;}
.lists .tool_8{bottom:135px;left:-280px;width: 400px;}
.lists .tool_8 ul li{width: 50%;}
.lists .tool_8:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:330px;}


.indexTab .tabThis .subTab{border-top: 0;}
.indexTab .tabThis .subTab{padding: 30px 0;width:1020px;margin: 0 auto}
.indexTab .tabThis .subTab .hd{border-bottom: 1px solid #eee}
.indexTab .tabThis .subTab .hd ul li{float: left;margin-right: 20px}
.indexTab .tabThis .subTab .hd ul li a{display: block;padding: 0px 15px 10px 15px;border-bottom:1px solid #eee;margin-bottom: -1px;font-size: 18px;color: #9d9d9d}
.indexTab .tabThis .subTab .hd ul li.on a{border-color: #49b44f;color: #49b44f}
.indexTab .tabThis .subTab .bd{border:1px solid #eee;border-top: 0;}

.skillMod{}
.skillMod ul li{float: left;width: 50%;padding: 10px 0;height: 80px;background: #fff;overflow: hidden}
.rect3Box ul li{float: left;width: 33%;padding: 10px 0}
.skillMod ul li .icon{width: 78px;height: 78px;float: left;border: 1px solid #999;margin-left: 10px;    border-radius: 100%;}

.rectBox ul li .icon,.rect3Box ul li .icon{border-radius: 0;background: #f6f6f6;border: 0}

.skillMod ul li .icon i{display: block;margin: 0 auto;background: url("icons.png") no-repeat;width: 78px;height: 78px;}

.skillMod ul li .desc{overflow: hidden;display: table;height: 80px;padding-left: 20px}

.skillMod ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;}

.skillMod ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px}

.skillMod ul li .desc> .row0 p{font-size: 12px;height: 34px;overflow: hidden;text-overflow: ellipsis;line-height: 34px;white-space: nowrap;width: 100%;color: #888}

.skillMod ul li .desc> .row0 p{width: 335px;}
.rect3Box ul li .desc> .row0 p{width: 220px;}
.skillMod ul li.i0 .icon i{background-position: -0px -0px}
.skillMod ul li.i0:hover .icon i{background-position: -80px -0px}
.skillMod ul li.i1 .icon i{background-position: -0px -80px}
.skillMod ul li.i1:hover .icon i{background-position: -80px -80px}
.skillMod ul li.i2 .icon i{background-position: -0px -160px}
.skillMod ul li.i2:hover .icon i{background-position: -80px -160px}

.skillMod ul li.i3 .icon i{background-position: -0px -240px}
.skillMod ul li.i3:hover .icon i{background-position: -80px -240px}

.skillMod ul li.i4 .icon i{background-position: -0px -320px}
.skillMod ul li.i4:hover .icon i{background-position: -80px -320px}

.skillMod ul li.i5 .icon i{background-position: -0px -400px}
.skillMod ul li.i5:hover .icon i{background-position: -80px -400px}

.skillMod ul li.i6 .icon i{background-position: -0px -480px}
.skillMod ul li.i6:hover .icon i{background-position: -80px -480px}

.skillMod ul li.i7 .icon i{background-position: -0px -560px}
.skillMod ul li.i7:hover .icon i{background-position: -80px -560px}

.skillMod ul li.i8 .icon i{background-position: -0px -640px}
.skillMod ul li.i8:hover .icon i{background-position: -80px -640px}

.skillMod ul li.i9 .icon i{background-position: -0px -80px}
.skillMod ul li.i9:hover .icon i{background-position: -80px -80px}

.skillMod ul li.i10 .icon i{background-position: -0px -800px}
.skillMod ul li.i10:hover .icon i{background-position: -80px -800px}

.skillMod ul li.i11 .icon i{background-position: -0px -1676px}
.skillMod ul li.i11:hover .icon i{background-position: -80px -1676px}

.skillMod ul li.i12 .icon i{background-position: -0px -1760px}
.skillMod ul li.i12:hover .icon i{background-position: -80px -1760px}

.skillMod ul li.i13 .icon i{background-position: -0px -1842px}
.skillMod ul li.i13:hover .icon i{background-position: -80px -1842px}

.skillMod ul li.i14 .icon i{background-position: -0px -1600px}
.skillMod ul li.i14:hover .icon i{background-position: -80px -1600px}

.skillMod ul li.i15 .icon i{background-position: -0px -1200px}
.skillMod ul li.i15:hover .icon i{background-position: -80px -1200px}
.skillMod ul li.i16 .icon i{background-position: -0px -1280px}
.skillMod ul li.i16:hover .icon i{background-position: -80px -1280px}
.skillMod ul li.i17 .icon i{background-position: -0px -1360px}
.skillMod ul li.i17:hover .icon i{background-position: -80px -1360px}
.skillMod ul li.i18 .icon i{background-position: -0px -1440px}
.skillMod ul li.i18:hover .icon i{background-position: -80px -1440px}
.skillMod ul li.i19 .icon i{background-position: -0px -1520px}
.skillMod ul li.i19:hover .icon i{background-position: -80px -1520px}
.skillMod ul li.i20 .icon i{background-position: -0px -1600px}
.skillMod ul li.i20:hover .icon i{background-position: -80px -1600px}


.skillMod ul li.i21 .icon i{background-position: -160px -0px}
.skillMod ul li.i21:hover .icon i{background-position: -240px -0px}
.skillMod ul li.i22 .icon i{background-position: -160px -562px}
.skillMod ul li.i22:hover .icon i{background-position: -240px -562px}
.skillMod ul li.i23 .icon i{background-position: -160px -160px}
.skillMod ul li.i23:hover .icon i{background-position: -240px -160px}
.skillMod ul li.i24 .icon i{background-position: -160px -240px}
.skillMod ul li.i24:hover .icon i{background-position: -240px -240px}
.skillMod ul li.i25 .icon i{background-position: -160px -320px}
.skillMod ul li.i25:hover .icon i{background-position: -240px -320px}
.skillMod ul li.i26 .icon i{background-position: -160px -400px}
.skillMod ul li.i26:hover .icon i{background-position: -240px -400px}
.skillMod ul li.i27 .icon i{background-position: -160px -480px}
.skillMod ul li.i27:hover .icon i{background-position: -240px -480px}
.skillMod ul li.i28 .icon i{background-position: 0px -1603px}
.skillMod ul li.i28:hover .icon i{background-position: -80px -1603px}
.skillMod ul li.i29 .icon i{background-position: 0px -245px}
.skillMod ul li.i29:hover .icon i{background-position: -80px -245px}

.skillMod ul li:hover,.skillMod ul li.on{background: #1d9ae1}

.skillMod ul li:hover .icon,.skillMod ul li.on .icon{border-color: #fff;background: #fff}

/*.skillMod ul li:hover .icon i,.skillMod ul li.on .icon i{background-position-x:-148px}*/

.skillMod ul li:hover .row0,.skillMod ul li.on .row0{color: #fff}

.skillMod ul li:hover .row0 p{width: 96%;white-space: normal;line-height: 18px;color: #eee}
.jsRect ul{width: 100%;height: 300px;position: relative}

.jsRect ul li{position: absolute;}

.jsRect ul li.i9{left: 0;top: 0}

.jsRect ul li.i10{right: 0;top: 0}

.jsRect ul li.i11{left: 0;top: 100px}

.jsRect ul li.i12{right: 0;top: 100px}

.jsRect ul li.i13{left: 0;top: 200px}

.jsRect ul li.i14{right: 0;top: 200px}
.jsRect ul li.i15{left: 0;top: 0}
.jsRect ul li.i16{right: 0;top: 0}

.jsRect ul li.i17{left: 0;top: 100px}

.jsRect ul li.i18{right: 0;top: 100px}

.jsRect ul li.i19{left: 0;top: 200px}

.jsRect ul li.i20{right: 0;top: 200px}

.js3Rect ul{position: relative;width: 100%;height: 300px}


.js3Rect ul li{position: absolute}

.js3Rect ul li.i0,.js3Rect ul li.i21{left: 0;top: 0}

.js3Rect ul li.i1,.js3Rect ul li.i22{right: 33%;top: 0}

.js3Rect ul li.i2,.js3Rect ul li.i23{right: 0;top: 0}

.js3Rect ul li.i3,.js3Rect ul li.i24{left: 0;top: 100px}

.js3Rect ul li.i4,.js3Rect ul li.i25{right: 33%;top: 100px}

.js3Rect ul li.i5,.js3Rect ul li.i26{right: 0;top: 100px}

.js3Rect ul li.i6,.js3Rect ul li.i27{left: 0;top: 200px}

.js3Rect ul li.i7,.js3Rect ul li.i28{right: 33%;top: 200px}

.js3Rect ul li.i8,.js3Rect ul li.i29{right: 0;top: 200px}

.funMod{border: 1px solid #e3e3e3;border-top: 0}
.funMod ul li{float: left;border-left:1px solid #e3e3e3;border-top: 1px solid #e3e3e3;margin: -1px 0 0 -1px; width: 230px;text-align: center;background: #fff}
.funMod ul li i{display: block;width: 120px;height: 120px;margin: 25px auto 15px auto}
.funMod ul li i img{width:120px;height: 120px}
.funMod ul li i img.hover{display: none}
.funMod ul li h3{font-size: 16px;color: #9d9d9d;font-weight: normal;padding-bottom:20px }
.funMod ul li:hover h3{color: #49b44f}
.funMod ul li:hover i img.cover{display: none}
.funMod ul li:hover i img.hover{display: block}

.floor_3{height:600px;overflow: hidden;padding-bottom:70px; border-bottom: 1px solid #ebeaea;background-color: #fafafa;}
.floor_3 .title{
    color: #000;display: block;font-size: 38px;font-weight: 100;padding-top:60px; text-align:center;margin-bottom:30px;
}
.floor_3 h2{  color: #5d5d5d;display: block;font-size: 15px;margin: 5px 0 40px;text-align: center;}
.floor_3 .xuank_ul {width:680px;height:430px;float:right;}
.floor_3 .xuank_ul li{float:left;width:210px;height:200px;margin-left:9px;margin-top: 10px;background: #fff;border:solid 1px #c6c9d7;-moz-border-radius: 5px;
-webkit-border-radius: 5px; }
.floor_3 .xuank_ul li img{padding-top:15px;padding-left:60px;display: block;}
.floor_3 .xuank_ul li em{display:block;font-size: 20px;text-align: center;color:#301d4e;margin-top:5px;margin-bottom:5px; font-weight:100;}
.floor_3 .xuank_ul li span{display: block;font-size: 14px;text-align: center;color: #777575;}
.floor_3 .xuank_ul li strong{font-size:38px;text-align: center;padding-top:80px;display: block;color:#e8363e;padding-bottom:8px;}
.floor_3 .xuank_ul li:hover{opacity: 0.7; cursor:pointer;}
.floor_3 .show1{width:392px;height:410px;color:#ffffff;border:1px solid #c6c9d7;-moz-border-radius: 5px;
-webkit-border-radius: 5px;float:left;margin-top:10px; }
.floor_3 .show1 em{display: block;font-size: 42px;color:#ffffff;text-align: center;padding-top:50px; font-weight:400;}
.floor_3 .show1 strong{font-size: 16px;display: block;text-align: center;color:#ffffff;margin-top:10px;margin-bottom:85px; font-weight:200;}
.floor_3 .show1 span{display: block; width:325px; color:#fff; margin:100px auto;font-size: 16px; line-height:26px; text-align:left; text-indent:28px;}



.floor_4 {background:url(../images/product/function_02_bg.jpg) no-repeat center top;height:572px; border-bottom: 1px solid #ebeaea;border-top: 1px solid #ebeaea;}
.floor_4 .title em{
    color: #000;display: block;font-size: 38px;font-weight: 100;padding-top:60px; text-align:center;margin-bottom:30px;
}
.floor_4 .title p{  color: #5d5d5d;display: block;font-size: 15px;margin-top: 5px;text-align: center;}


.floor_4 .block-wap.weichat01 {height:350px;}
.floor_4 .block-wap {margin:20px auto 0;position: relative;width: 1100px;z-index: 1;}
.floor_4 .block-wap.weichat01 .pic {height:207px;left: 145px;bottom:10px;width:374px;}
.floor_4 .block-wap.weichat01 .texts {left: 150px;top:30px;width: 500px;}
.floor_4 .block-wap .pic, .floor_4 .block-wap .texts {display: block;position: absolute;z-index: 1;}
.floor_4 .block-wap.weichat01 .texts h3 {color: #333;font-size: 32px;line-height: 50px;margin-bottom: 10px; height:35px;}
.floor_4 .block-wap.weichat01 .texts h3 i{ width:30px; height:30px; color:#fff; font-weight:600; font-size:16px; background-color:#434a54; display:block; text-align:center; line-height:30px; float:left;  }
.floor_4 .block-wap.weichat01 .texts h3 strong {color: #000; font-size:25px;line-height:25px; font-weight: normal; float:left; margin-left:10px;}
.floor_4 .block-wap .texts h4 {color: #777;font-size:13px; color: #000; font-weight: lighter;line-height: 180%;float:left; }
.floor_4 .block-wap.weichat02 {height: 440px;}
.floor_4 .block-wap.weichat02 .pic {height: 320px;right: 100px;top: 30px;width: 320px;}
.floor_4 .block-wap.weichat02 .texts {left: 150px;top: 80px; width: 500px;}
.floor_4 .block-wap.weichat02 .texts h3 strong { color: #78b241;font-size: 44px;font-weight: normal; }
.floor_4 .block-wap.weichat02 .texts h3 {color: #333;font-size: 32px;line-height: 50px;margin-bottom: 10px;}
.scroll{margin:0 auto; width:1100px; height:400px;  position:relative; overflow:hidden;}
.scroll ul{list-style-type:none; padding:0; margin:0; position:absolute; top:0;left:0; width:99999px; height:210px; }
.scroll li{float:left; width:1100px;}
.prev{position:absolute; left:20px;top:150px; z-index:99 }
.next{position:absolute; right:0px; top:150px; z-index:99}
.floor_4 .block-wap.weichat01 .block-wap-list{ display: block; float:right; width:310px; height:290px; top:30px; right:120px;position:absolute; }
.floor_4 .block-wap.weichat01 .block-wap-list dl{background:url(../images/product/block.png) no-repeat center top; width:93px; height:93px; float:left;  margin:0 0 10px 10px;}
.floor_4 .block-wap.weichat01 .block-wap-list dl dt img{ width:45px; height:45px; margin:13px 25px 0; }
.floor_4 .block-wap.weichat01 .block-wap-list dl dd{ text-align:center; font-size:12px;  }

.main_nei {
    margin: 0 auto;
    width: 1200px;
	height:660px;
    z-index: 1;
    position: relative;
    left: 0;
    top: 0;
    min-width: 1200px;
}
.introduce {
    width: 1180px;
    padding-top: 5px;
    clear: both;
}
.introduce_left {
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    color: #353736;
    margin: 0 20px;
    padding: 10px 0px 30px;
}
.application-model li {
    position: relative;
    margin-left: -2px;
    float: left;
    overflow: hidden;
}
.application-model li .show {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s;
}
.application-model li:hover .show {
    height: 473px;
}
.application-model li .mask-z {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: block;
    position: absolute;
    left: 0;
}
.application-model li div.application-model-tips {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    padding: 0 20px;
    height: 473px;
    display: table;
}
.application-model li div.application-model-tips div {
    display: table-cell;
    vertical-align: middle;
}

.load_up_wap{ width:1120px; height:50px; margin:0 auto; position:relative;}
.load_dowm_wap{width:1120px; margin:0 auto; position:relative; margin-top:50px;}
.load_down,.load_up{position: absolute;width: 100px;height: 40px;left:50%;margin-left: -50px;bottom: 10px;cursor:pointer;-webkit-animation:down_up 1s infinite; }
@keyframes down_up{
  0%{
    -webkit-transform:translateY(5px)
  }
  50%{
    -webkit-transform:translateY(-5px)
  }
  100%{
    -webkit-transform:translateY(5px)
  }
}
.area { margin:0 auto; width:1120px;}
.jbd-ban{height: 576px;}
.bg.bgcol{background-color: #efefef;}
.bg.bgcol2{background-color: #faf9f5;}
.supplier_1 img{ width:721px; margin-left:200px;}
.supplier_2 img{ width:859px; margin-left:130px;}
.supplier_5{height:449px;}
.supplier_3{width:1360px;}
.supplier_4 img{width:935px; margin-left:92px;}
.super_1 img{width:1028px; margin-left:46px;}
.super_2 img{width:938px; margin-left:91px;}
.super_3 img{width:708px; margin-left:206px;}

.iconfont_rrjbd{
    font-family:"iconfont_rrjbd" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.block-wap-list dl dt{width:93px; height:58px; text-align:center;}
.block-wap-list dl dt i.iconfont_rrjbd{ font-size:40px;}

.bannerBox{
    min-width:1200px;height:436px;background:url("../images/banner.jpeg") center center no-repeat;margin-top:90px;
}