/* 
* @Author: anchen
* @Date:   2018-06-20 19:09:55
* @Last Modified by:   anchen
* @Last Modified time: 2018-07-20 11:55:06
*/
.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th {padding: 15px 10px;}
.layui-table[lay-size=lg] .p1 { width:200px!important;}
.layui-table[lay-size=lg] .p2 { width:260px!important;}
.layui-table[lay-size=lg] .p3 { width:80px!important;}
.layui-table[lay-size=lg] .p4 { width: 120px!important;}
.idx-banner { height: 550px;min-width: 1200px;overflow: hidden;position: relative;}
.idx-banner .wp { width: 1180px;padding: 0 10px;}
.idx-banner .swiper-slide {height: 550px; background-repeat: no-repeat;background-size: cover;background-position: center center;}
.idx-banner .swiper-slide h1 { font-size: 32px;color: #fff;padding-top: 200px;letter-spacing: 2px;margin-bottom: 5px;}
/*.idx-banner .swiper-slide h1:after { content: '';width: 25px;height: 3px;background: #30b2e4;position: absolute;bottom: -30px;left: 0;}*/
.idx-banner .swiper-slide p { font-size: 24px;color: #fff;margin-bottom: 5px;font-family: "sansource";}
.idx-banner .swiper-pagination { bottom: 40px;}

.idx-banner .swiper-pagination-bullet { opacity: 1;width: 29px;height: 29px;position: relative;background: none;}
.idx-banner .swiper-pagination-bullet:after { content: '';width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -4px;margin-top: -4px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idx-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: url(../images/circle.png) no-repeat;width: 29px;height: 29px;left: 0;top: 0;margin-left: 0;margin-top: 0;}


.idx-solution { overflow: hidden;}
.idx-solution,.idx-use { margin-top: 50px;}
.idx-solution .wp { background: #f8f8f8;overflow: hidden;height: 525px;}
.idx-solution .left {padding-bottom: 50px;}
.idx-solution .left , .idx-solution .right { width: 600px;position: relative;overflow: hidden;}
.idx-solution .right { padding-top: 224px;}
.idx-solution .left img, .idx-solution .right img { width: 100%;display: block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idx-solution .text { padding: 40px 25px;background: #f8f8f8;height: 224px;box-sizing: border-box;z-index: 2;width: 100%;}
.idx-solution .left h1,.idx-solution .right h1 {padding-left: 60px;position: relative;font-size: 20px;color: #30b2e4;font-family: "sansource";margin-bottom: 30px;}
.idx-solution .left h1 i,.idx-solution .right h1 i { width: 50px;height: 37px;background: url(../images/sprits.png) no-repeat -98px 0;display: inline-block;position: absolute;top: -4px;left: 0;}
.idx-solution p span { display: inline-block;margin-right: 40px;position: relative;font-size: 16px;color: #333;padding-left: 20px;}
.idx-solution p span:before { content: '';width: 5px;height: 5px;background: #30b2e4;border-radius: 50%;position: absolute;left: 0;top: 9px;}
.idx-solution .left .text { position: relative;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idx-solution .left .text:before {content:'';border: 16px solid #f8f8f8;position: absolute;top: -15px;left: 40px;-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);z-index: 2;}
.idx-solution .right h1 i { background-position: -45px 0;}

.idx-solution .right .text { padding-bottom: 90px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;position: absolute;top: 0;left: 0;}
.idx-solution .right .text:after { content: '';border: 16px solid #f8f8f8;position: absolute;bottom: -15px;left: 40px;-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);z-index: 2;}
.idx-solution .img { position: relative;}
.idx-solution .zhe { width: 100%;height: 100%;display: block;background: rgba(0,0,0,.8);position: absolute;top: 0;left: 0;opacity: 0;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idx-solution .left:hover .zhe ,.idx-solution .right:hover .zhe  { opacity: .4;z-index: 1;}
.idx-solution .left:hover img ,.idx-solution .right:hover img  { -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
.idx-solution .left:hover .text { margin-top: -10px;}

.idx-solution .right:hover .text { margin-top: 10px;}

.idx-use .use { background-position: center center;background-size: cover;background-repeat: no-repeat;height: 520px;}
.idx-use  .wp { position: relative;height: 100%;}
.idx-use h1 {text-align: center;font-size: 26px;color: #666; margin-bottom: 30px;}
.idx-use ul { width: 100%;box-sizing: border-box;}
.idx-use ul li { color: #fff;text-align: center;height: 520px;display: none;}
.idx-use ul li.show { display: block;}
.idx-use ul li h2 { font-size: 22px;padding-bottom: 30px;margin-bottom: 20px;position: relative;padding-top: 100px;}
.idx-use ul li h2:after { content: '';width: 38px;height: 1px;background: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -19px;}
.idx-use ul li p { line-height: 26px;width: 50%;margin: 0 auto;margin-bottom: 70px;}
.idx-use ul li a { width: 120px;height: 35px;line-height: 35px;color: #fff;background: #30b2e4;display: block;margin: 0 auto;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;text-align: left;padding-left: 30px;position: relative;font-size: 14px;}
.idx-use ul li a i { width: 14px;height: 8px;background: url(../images/sprits.png) no-repeat -29px -22px;position: absolute;right: 30px;top: 50%;margin-top: -4px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idx-use ul li a:hover { background: #fff;color: #30b2e4;}
.idx-use ul li a:hover i { background-position: -29px -31px;right: 20px;}
.idx-use .use-type {position: absolute;background: #fff;left: 0;bottom: 0;width: 22px;width: 100%;box-shadow: 0 2px 5px rgba(0,0,0,.5);-webkit-transform: translateY(50%);
   -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
     -o-transform: translateY(50%);
        transform: translateY(50%);}
.idx-use .use-type ol {overflow: hidden;}
.idx-use .use-type ol li { width: 16.5%;float: left;text-align: center;padding: 18px 0;}
.idx-use .use-type ol li a { display: block;}
.idx-use .use-type ol li i { width: 35px;height: 40px;background: url(../images/sprits.png) no-repeat 0 -42px;display: block;margin: 0 auto;margin-bottom: 10px;}
.idx-use .use-type ol li:nth-child(2) i { width: 35px;background-position: -40px -42px;}
.idx-use .use-type ol li:nth-child(3) i { width: 33px;background-position: -80px -42px;}
.idx-use .use-type ol li:nth-child(4) i { width: 37px;background-position: -160px -42px;}
.idx-use .use-type ol li:nth-child(5) i { width: 39px;background-position: -119px -42px;}
.idx-use .use-type ol li:nth-child(6) i { width: 34px;background-position: -201px -41px;}
.idx-use .use-type ol li p {font-size: 16px;color: #333;padding: 0 10px;display: inline-block;position: relative;}
.idx-use .use-type ol li + li a { border-left: 1px solid #ebebeb;}
.idx-use .use-type ol li p:after { content: '';width: 0;height: 3px;background: #30b2e4;position: absolute;left: 0;bottom: -18px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idx-use .use-type ol li:hover p:after,.idx-use .use-type ol li.hover p:after { width: 100%;}

.idx-use .use-type ol li.hover i,.idx-use .use-type ol li:hover i { background-position: 0 -83px;}
.idx-use .use-type ol li.hover p,.idx-use .use-type ol li:hover p {color: #30b2e4;}
.idx-use .use-type ol li.hover:nth-child(2) i,.idx-use .use-type ol li:hover:nth-child(2) i { background-position: -40px -83px;}
.idx-use .use-type ol li.hover:nth-child(3) i,.idx-use .use-type ol li:hover:nth-child(3) i { background-position: -80px -83px;}
.idx-use .use-type ol li.hover:nth-child(4) i,.idx-use .use-type ol li:hover:nth-child(4) i {background-position: -160px -83px; }
.idx-use .use-type ol li.hover:nth-child(5) i,.idx-use .use-type ol li:hover:nth-child(5) i {background-position: -119px -83px; }
.idx-use .use-type ol li.hover:nth-child(6) i,.idx-use .use-type ol li:hover:nth-child(6) i { background-position: -201px -82px;}

.work-use { margin-top: 60px;}


.idx-news { height: 445px;background: #f0f0f0;padding-top: 110px;padding-bottom: 50px;overflow: hidden;}
.idx-news .box { background: #fbfbfb;overflow: hidden;}
.idx-news .box .part { width: 33.33%;float: left;padding: 30px 25px;box-sizing: border-box;padding-bottom: 50px;height: 460px;}
.idx-news .box .part h1 { font-size: 24px;color: #30b2e4;margin-bottom: 30px;}
.idx-news .box .part+.part { border-left: 1px solid #e0e0e0;}
.idx-news .box .part h1 a { float: right;color: #666;font-size: 14px;margin-top: 10px;}
.idx-news .box .part h1 a i,.idx-news .box .part > a i { width: 14px;height: 8px;background: url(../images/sprits.png) no-repeat -150px -31px;display: inline-block;margin-left: 5px;margin-bottom: 1px;}
.idx-news .box .part h1 a:hover ,.idx-news .box .part > a:hover{ color: #8ab65e;}
.idx-news .box .part h1 a:hover i ,.idx-news .box .part > a:hover i{ background-position: -166px -31px;}
.idx-news .box .part .img { overflow: hidden;margin-bottom: 20px;}
.idx-news .box .part .img img,.idx-news .box .part h2,.idx-news .box .part p,.idx-news .box .part h1 a {-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;
}
.idx-news .box .part .img img { width: 100%;}
.idx-news .box .part h2 { font-size: 14px;color: #333;margin-bottom: 5px;}
.idx-news .box .part p { font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;height: 33px;padding-bottom: 15px;}
.idx-news .box .news:hover h2 { color: #8ab65e;}
.idx-news .box .news:hover p { color: #666;}
.idx-news .box .news:hover img { -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
.idx-news .box .news a { display: block;}
.idx-news .box .newsline { margin: 25px 0;position: relative;}
.idx-news .box .newsline:after { content: '';height: 1px;background: #8ab65e;width: 0;position: absolute;bottom: 0;left: 0;-webkit-transition: all .25s .1s;
   -moz-transition: all .25s .1s;
    -ms-transition: all .25s .1s;
     -o-transition: all .25s .1s;
        transition: all .25s .1s;}
.idx-news .box .newsline a { display: block;}
.idx-news .box .newsline h3 { font-size: 14px;color: #666;margin-bottom: 10px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;width: 80%;position: relative;padding-right: 20%;}
.idx-news .box .newsline h3 span { position: absolute;right: 0;top: 0;}
.idx-news .box .newsline p { padding-bottom: 15px;background: url(../images/dot.jpg) repeat-x left bottom;display: none;}

.idx-news .box .newsline:hover h3,.idx-news .box .newsline.hover h3 { color: #8ab65e;}
.idx-news .box .newsline:hover p ,.idx-news .box .newsline.hover p { display: block;}
.idx-news .box .newsline:hover:after { width: 100%;}

.idx-news .box .part > a { font-size: 14px;color: #666;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}






.idx-partner { padding: 40px 0;padding-bottom: 80px;overflow: hidden;}
.idx-partner .wp { position: relative;overflow: hidden;}
.idx-partner h1,.hire3 h1 { font-size: 26px;text-align: center;color: #333;margin-bottom: 20px;}
.idx-partner p { color:#999;text-align: center;font-size: 14px;margin-bottom: 45px;}
.idx-partner .tab ,.hire3 .tab,.develop .tab { width: 300px;height: 50px;border-radius: 30px;overflow: hidden;margin: 0 auto;border: 1px solid #30b2e4;margin-bottom: 35px;}
.idx-partner .tab a ,.hire3 .tab a ,.develop .tab a{ width: 50%;height: 50px;text-align: center;color: #30b2e4;float: left;line-height: 50px;}
.idx-partner .tab a i,.hire3 .tab a i,.develop .tab a i { width: 24px;height: 19px;background: url(../images/sprits.png) no-repeat -417px 0;display: inline-block;margin-right: 10px;margin-bottom: -3px;}
.idx-partner .tab a:nth-child(2) i ,.hire3 .tab a:nth-child(2) i { background-position: -471px 0;}
.idx-partner .tab a.on ,.hire3 .tab a.on ,.develop .tab a.on{ background: #30b2e4;color: #fff;}
.idx-partner .tab a.on i,.hire3 .tab a.on i,.develop .tab a.on i { background-position: -443px 0;}
.idx-partner .tab a:nth-child(2).on i ,.hire3 .tab a:nth-child(2).on i,.develop .tab a:nth-child(2).on i { background-position: -494px 0;}

.develop .tab a:nth-child(1) i {width: 22px;height: 22px; background-position: -355px -132px;}
.develop .tab a:nth-child(2) i { width: 25px;height: 25px;background-position: -410px -132px;}
.develop .tab a:nth-child(1).on i { background-position: -331px -132px;}
.develop .tab a:nth-child(2).on i { background-position: -381px -132px;}


.idx-partner .partner-box { background: url(../images/line.png) no-repeat 26px 95%;height: 518px;}
.idx-partner .partner1 > a,.idx-partner .partner2 > a { position: absolute;right: 0;bottom: -50px;font-size: 14px;color: #666;font-family: "sansource";}
.idx-partner .partner1 > a:hover,.idx-partner .partner2 > a:hover { color: #8ab65e;}
.idx-partner .partner-box .partner1,.idx-partner .partner-box .partner2 { position: absolute;left: 100%;width: 1200px;top: 230px;height: 405px;}
.idx-partner .partner-box .partner1.show,.idx-partner .partner-box .partner2.show { left: 0;}
.idx-partner .partner-container,.idx-partner .partner-container2 { border: 1px solid #e9e9e9;overflow: hidden;box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.idx-partner .swiper-slide img {display: block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;width: 100%;opacity:0.5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.idx-partner .swiper-slide .img { border: 1px solid #e9e9e9;box-sizing: border-box;position: relative;}
.idx-partner .swiper-slide a { display: block;position: relative;z-index: 2;}
.idx-partner .swiper-slide .img:after { content: '';width: 101%;height: 101%;position: absolute;top: -1px;left: -1px;border: 5px solid #c7d0cf;box-sizing: border-box;opacity: 0;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idx-partner .swiper-slide .img:hover img  { opacity: 1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none;-webkit-transform: scale(0.95);
   -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
     -o-transform: scale(0.95);
        transform: scale(0.95);}
.idx-partner .swiper-button-prev,.idx-partner .swiper-button-next { left: 0;top: 115%;z-index: 22;}
.idx-partner .swiper-button-prev { width: 14px;height: 26px;background: url(../images/sprits.png) no-repeat -518px 0;}
.idx-partner .swiper-button-next { left: 50px;width: 14px;height: 26px;background: url(../images/sprits.png) no-repeat -571px 0;}



.hire3 .tab a i {  width: 29px;height: 24px;background-position: -179px -132px;}
.hire3 .tab a.on i { background-position: -210px -132px;}
.hire3 .tab a:nth-child(2) i { width: 31px;height: 25px;background-position: -242px -132px;}
.hire3 .tab a:nth-child(2).on i { background-position: -275px -132px;}

.obanner { height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.obanner h1 { font-size: 36px;color:#fff;padding-top: 120px;}
.obanner p { font-size: 20px;color: #fff;margin-top: 30px;}
.obanner h3 { font-size: 36px;text-align: center;padding-top: 140px;color: #fff;}

.brandnav {z-index: 5;box-shadow: 0 3px 10px rgba(0,0,0,.1);background: #fff;position: relative;}

.brandnav .wp .right { margin-top: 15px;}
.brandnav .wp .right a { padding: 10px 35px;display: inline-block;border-radius: 30px;color: #333;border: 1px solid transparent;font-size: 14px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.brandnav .wp .right a.on,.brandnav .wp .right a:hover { border: 1px solid #30b2e4;color: #30b2e4;}




.solution,.partner,.resource { background: #f8f8f8;padding: 60px 0;padding-bottom: 100px;}
.solution h1 , .work-use h1{ font-size: 24px;text-align: center;margin-bottom: 40px;}
.solution ol, .work-use ol { overflow: hidden;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.solution ol li,.work-use ol li  { float: left;flex: 1;text-align: center;border: 1px solid #ccc;padding: 15px 0;font-size: 14px;color: #666;cursor: pointer;}
.solution ol li+li,.work-use ol li+li { border-left: none;}
.solution ol li.on,.work-use ol li.on { background: #30b2e4;color: #fff;border-color: #30b2e4;}
.solution .content ,.work-use .content { margin-top: 30px;}
.solution .content .box,.work-use .content .box { background: #fff;padding: 45px 70px;display: none;}
.solution .content .box.show,.work-use .content .box.show {display: block;}
.solution .content .part,.work-use .content .part {overflow: hidden;margin-bottom: 30px;}
.solution .content .part .text,.work-use .content .part .text {position: relative;width: 45%;float: left;margin-bottom: 25px;}
.solution .content .ct .text:nth-child(odd),.work-use .content .ct .text:nth-child(even) { margin-left: 10%;}
.solution .content .line,.work-use .content .line { display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;align-items: flex-end;}
.solution .content .line .text,.work-use .content .line .text { width: 45%;height: 100%;}



.solution .box ul li .line,.work-use .box ul li .line {overflow: hidden;}
.solution .box ul li .part,.work-use .box ul li .part { width: 45%;float: left;position: relative;}
.solution .box ul li .part:nth-child(even),.work-use .box ul li .part:nth-child(even) { float: right;}

.solution .content .box ul li h2,.work-use .box ul li h2 { font-size: 20px;color: #30b2e4;margin-bottom: 30px;}
.solution .box ul li .part i,.work-use .box ul li .part i { width: 8px;height: 6px;background: url(../images/sprits.png) no-repeat -264px -33px;position: absolute;bottom: 20px;right: 0px;}
.solution .box ul li .part a,.work-use .box ul li .part a { display: block;padding-right: 50px;font-size: 14px;padding-bottom: 15px;color: #666;line-height: 24px;background: url(../images/dot.jpg) repeat-x left bottom;}
.solution .box ul li .part a:after,.work-use .box ul li .part a:after {content: '';width: 0;height: 1px;background: #8ab65e;position: absolute;left: 0;bottom: 0px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.solution .box ul li .part a:hover,.work-use .box ul li .part a:hover { color: #8ab65e;}
.solution .box ul li .part:hover i,.work-use .box ul li .part:hover i { background-position: -264px -41px;}
.solution .box ul li .part a:hover:after,.work-use .box ul li .part a:hover:after { width: 100%;}


.partner ul {overflow: hidden;}
.partner ul li { float: left;width: 20%;border: 1px solid #eaeaea;box-sizing: border-box;position: relative;overflow: hidden;}
.partner ul li img { display: block;width: 100%;}
.partner ul li .text {position: absolute;top: 200%;left: 0;padding: 10px 10px;background: #8ab65e;color: #fff;width: 100%;height: 100%;box-sizing: border-box;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;display: flex;align-items: center;}
.partner ul li .text .tc { display: inline-block;}
.partner ul li .text h2 { font-size: 16px;margin-bottom: 10px;}
.partner ul li .text p {opacity: .8;font-size: 14px;text-align: left;margin-bottom: 3px;}
.partner ul li .text a { width: 30px;height: 30px;border-radius: 50%;background: #fff url(../images/sprits.png) no-repeat -235px -50px;position: absolute;right: 5px;top: 5px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.partner ul li .text a:hover {background: #333 url(../images/sprits.png) no-repeat -235px -82px;}
.partner ul li:hover .text { top: 0;}


.resource { background: #f8f8f8 url(../images/bg.jpg) no-repeat center bottom;}
.resource .box { padding: 40px 60px;background: #fff;}
.resource .box .part { margin-top: 20px;padding: 20px 30px;background: url(../images/dot.jpg) repeat-x left bottom;overflow: hidden;}
.resource .box .search input[type="text"] { width: 930px;padding: 15px 0;padding-left: 10px;background: none;border: 1px solid #dcdcdc;color: #666;}
.resource .box .search input[type="submit"] { width: 130px;padding: 15px 0;color: #fff;background: #30b2e4;border: none;} 
.resource .box .part .date {font-size: 14px;color: #666;float: left;margin-right: 30px;}
.resource .box .part .date span { color: #30b2e4;font-size: 20px;display: inline-block;}
.resource .box .part .title { float: left;border-left: 1px solid #dcdcdc;padding: 5px 0;padding-left: 45px;width: 730px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;color: #666;-webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;}
.resource .box .part a {float: right;color:#999;font-size: 12px;margin-top: -15px;-webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;}
.resource .box .part a i { width: 23px;height: 20px;background: url(../images/sprits.png) no-repeat -268px -54px;display: block;margin: 0 auto;margin-bottom: 10px;-webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;}
.resource .box .part:hover .title,.resource .box .part:hover a { color: #8ab65e;}
.resource .box .part:hover i { background-position: -268px -79px;}


.our-tech { background: #f8f8f8;padding-top: 45px;text-align: center;padding-bottom: 45px;}
.our-tech h1 { text-align: center;font-size: 22px;margin-bottom: 30px;}
.our-tech p { width: 70%;margin: 0 auto;font-size: 14px;color: #666;text-align: center;line-height: 26px;margin-bottom: 45px;}
.our-tech .line a { padding-bottom: 8px;border-bottom: 1px solid #999;color: #666;margin: 0 30px;display: inline-block;padding-left: 20px;position: relative;cursor: default;font-size: 14px;}
.our-tech .line a:before { content: '';width: 8px;height: 8px;background: url(../images/sprits.png) no-repeat -275px -32px;display: inline-block;position: absolute;left: 0;top: 7px;}
.our-tech .line { display: inline-block;margin-bottom: 30px;}
.our-tech .line2 { margin-left: -68px;}




.our-lab { background-position: center top;background-repeat: no-repeat;padding-bottom: 80px;}
.our-lab h1 { font-size: 22px;/*font-family: "sansource";color: #fff;*/text-align: center;padding-top: 66px;padding-bottom: 35px;}
.our-lab .lab-container { overflow: hidden;margin: 0 70px;margin-bottom: 45px;}
.our-lab .swiper-slide img { width: 100%;}
.our-lab .lab { position: relative;}
.our-lab .swiper-button-prev { left: 5px;width: 59px;height: 59px;background: url(../images/sprits.png) no-repeat -300px -32px;}
.our-lab .swiper-button-next { right: 5px;width: 59px;height: 59px;background: url(../images/sprits.png) no-repeat -365px -32px;}
.our-lab h2 { font-size: 18px;text-align: center;margin-bottom: 20px;}
.our-lab p { color: #666;text-align: center;margin-bottom: 10px;font-size: 14px;}


.service2 {background: #f8f8f8;padding: 70px 0;}
.service2 .content{ overflow: hidden;}
.service2 .left { width: 555px;}
.service2 .right { width: 535px;}
.service2 .left h1 { font-size: 24px;margin-bottom: 25px;}
.service2 .left p { font-size: 14px;color: #666;line-height: 26px;}
.service2 .left h3 {display: inline-block;font-size: 14px;font-weight: normal;margin-right: 50px;margin-top: 30px;}
.service2 .left h3 span { font-size: 50px;color: #8ab65e;}


.service3 { padding: 40px 0;padding-bottom: 80px;}

.service3 .box { overflow: hidden;margin-bottom: 30px;margin-top: 20px;}
.service3 .box .part { width: 30%;float: left;cursor: pointer;position: relative;}
.service3 .box .part .zhe { width: 90%;height: 100%;background: rgba(0,0,0,.6) url(../images/youzhi.png) no-repeat center 40%;background-size: 89px;position: absolute;top: 0;left: 0;text-align: center;line-height: 480px;color: #fff;font-size: 24px;opacity: 0;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.service3 .box .part:nth-child(2) .zhe { background: rgba(0,0,0,.6) url(../images/safe.png) no-repeat center 40%;}
.service3 .box .part:nth-child(3) .zhe { background: rgba(0,0,0,.6) url(../images/bianjie.png) no-repeat center 40%;}
.service3 .box .part:hover .zhe { opacity: 1;}
/*.service3 .box .part .zhe1 { width: 100%;height: 100%;background: rgba(0,0,0,.6) url(../images/safe.png) no-repeat center 40%;background-size: 89px;position: absolute;top: 0;left: 0;text-align: center;line-height: 480px;color: #fff;font-size: 24px;opacity: 0;-webkit-transition: all .25s;
        -moz-transition: all .25s;
         -ms-transition: all .25s;
          -o-transition: all .25s;
             transition: all .25s;}
     .service3 .box .part:hover .zhe1 { opacity: 1;}
     .service3 .box .part .zhe2 { width: 100%;height: 100%;background: rgba(0,0,0,.6) url(../images/bianjie.png) no-repeat center 40%;background-size: 89px;position: absolute;top: 0;left: 0;text-align: center;line-height: 480px;color: #fff;font-size: 24px;opacity: 0;-webkit-transition: all .25s;
        -moz-transition: all .25s;
         -ms-transition: all .25s;
          -o-transition: all .25s;
             transition: all .25s;}
     .service3 .box .part:hover .zhe2 { opacity: 1;}*/
.service3 .box .part img { width: 90%;display: block;}
.service3 .box .part:nth-child(2) {margin: 0 5%;}
.service3 p { font-size: 14px;line-height: 26px;}



.service4 { background: #f8f8f8;padding: 60px 0;padding-bottom: 80px;}
.service4 h2 { font-size: 18px;margin-bottom: 100px;}
.service4 ul { overflow: hidden;margin: 30px 0;}
.service4 ul li { width: 25%;float: left;text-align: center;}
.service4 ul li em { width: 93px;height: 93px;border-radius: 50%;border: 2px solid #d8d8d8;display: inline-block;}
.service4 ul li:nth-child(1) em { background: url(../images/s01.png) no-repeat center center;background-size: 43px 37px;text-align: center;}
.service4 ul li:nth-child(2) em { background: url(../images/s02.png) no-repeat center center;background-size: 37px 46px;text-align: center;}
.service4 ul li:nth-child(3) em { background: url(../images/s03.png) no-repeat center center;background-size: 47px 38px;text-align: center;}
.service4 ul li:nth-child(4) em { background: url(../images/s04.png) no-repeat center center;background-size: 37px 42spx;text-align: center;}
.service4 ul li h3 { font-size: 18px;margin: 20px 0 ;font-family: 'sansource';}
.service4 ul li p { font-size: 14px;color: #666;width: 90%;margin: 0 auto;line-height: 24px;}





.product { padding: 60px 0;padding-bottom: 80px;background: #f8f8f8;}
.product .pro { margin-bottom: 30px;}
.product .pro h1 { font-size: 18px;color: #333;padding-left: 30px;position: relative;font-family: "sansource";margin-bottom: 20px;}
.product .pro h1 i { position: absolute;left: 0;top: 50%;}
.product .pro1 h1 i { width: 18px;height: 26px;background: url(../images/sprits.png) no-repeat 0 -129px;margin-top: -13px;}
.product .pro2 h1 i { width: 25px;height: 25px;background: url(../images/sprits.png) no-repeat -21px -129px;margin-top: -13px;}
.product .pro3 h1 i { width: 21px;height: 25px;background: url(../images/sprits.png) no-repeat -50px -129px;margin-top: -13px;}
.product .pro4 h1 i { width: 23px;height: 23px;background: url(../images/sprits.png) no-repeat -74px -129px;margin-top: -13px;}
.product .pro5 h1 i { width: 24px;height: 23px;background: url(../images/sprits.png) no-repeat -100px -131px;margin-top: -12px;}
.product .pro6 h1 i { width: 21px;height: 21px;background: url(../images/sprits.png) no-repeat -126px -132px;margin-top: -11px;}
.product .pro7 h1 i { width: 20px;height: 20px;background: url(../images/sprits.png) no-repeat -151px -133px;margin-top: -10px;}

.product .pro .line a { font-size: 14px; min-width: 120px;color: #666;display: inline-block;background: url(../images/dot.jpg) repeat-x left bottom;padding-bottom: 10px;margin-bottom: 25px;margin-right: 40px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.product .pro .line a:hover { color: #8ab65e;}
.product .pro .line a i { width: 9px;height: 7px;background: url(../images/sprits.png) no-repeat -265px -41px;display: inline-block;margin-left: 12px;}



.brandnav {position: relative;height: 70px;}
/*.brandnav .protype,.brandnav .infotype { display: inline-block;color: #999;}
.brandnav .protype span ,.brandnav .infotype span { font-size: 14px;color: #666;display: inline-block;margin: 0 10px;cursor: pointer;}
.brandnav .protype span i,.brandnav .infotype span i { width: 9px;height: 5px;background: url(../images/square.jpg) no-repeat;display: inline-block;margin-left: 10px;margin-bottom: 2px;}
.brandnav .protype.on span i { -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
        transform: rotate(-180deg);}
.brandnav .protype span.on i ,.brandnav .infotype span.on i { -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
        transform: rotate(-180deg);}

*/
.brandnav .home,.brandnav .procenter,.brandnav .pro { display: inline-block;height: 70px;line-height: 70px;}
.brandnav .home i { width: 23px;height: 18px;background: url(../images/sprits.png) no-repeat -239px -31px;display: inline-block;margin-right: 5px;margin-bottom: -3px;}
.brandnav .home a { font-size: 14px;color: #333; margin-right:20px;}
.brandnav .home a:hover{ color:#30b2e4}
.brandnav .home s ,.brandnav .procenter s,.brandnav .pro s{ text-decoration: none;display: inline-block;margin: 0 10px;color: #30b2e4;}

.brandnav .pro span { cursor: pointer;display: inline-block;}
.brandnav .pro span i { width: 9px;height: 5px;background: url(../images/square.jpg) no-repeat;display: inline-block;margin-left: 10px;margin-bottom: 2px; }
.brandnav .procenter a,.brandnav .procenter s ,.brandnav .procenter span{ color: #333;font-size: 14px;}
.brandnav .procenter a:hover { color: #30b2e4;}
.procenter a{ margin-left:20px; margin-right:20px;}
.pro1{ margin-left:20px;}
.brandnav .pro span ,.brandnav .pro s{ color: #999;font-size: 14px;}
.brandnav .pro.on span i { -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
        transform: rotate(-180deg);}
.brandnav .pro.on span { color: #30b2e4;}
.brandnav .type { width: 100%;position: absolute;left: 0;top: 69px;background: #f6fdff;box-shadow: 0 5px 5px rgba(0,0,0,.1);display: none;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;z-index: 2;
		padding:0px 50px;}
.brandnav .type.show {display: block;}
.brandnav .type a { line-height: 24px;

margin-top: 24px;

width: 132.5px;

line-height: 40px;

border-radius: 100px;

text-align: center;

height: 40px;

border: 1px solid #eee;

float: left;

margin-right: 20px;}
.brandnav .type a:nth-child(8){ margin-right:0px;}
.brandnav .type a:nth-child(16){ margin-right:0px;}
.brandnav .type a:nth-child(24){ margin-right:0px;}
.brandnav .type a:nth-child(32){ margin-right:0px;}
.brandnav .type a:nth-child(40){ margin-right:0px;}
.brandnav .type a:last-child{ margin-bottom:40px;}
.brandnav .type a:hover{ background:#3ebeff; color:#fff !important;}