/* 
* @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: #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: 5px;margin-bottom: 2px;}
.brandnav .procenter a,.brandnav .procenter s ,.brandnav .procenter span{ color: #333;font-size: 14px;}
.brandnav .procenter a:hover { color: #30b2e4;}
.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;}
.brandnav .type.show {display: block;}
.brandnav .type a { color: #333;position: relative;font-size: 14px;display: inline-block;margin-right: 40px;line-height: 60px;padding-left: 15px;}
.brandnav .type a:before { content: '';width: 5px;height: 5px;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -2.5px;background: #8ab65e;}
.brandnav .type a:hover,.brandnav .type a.on  { color: #8ab65e;}



.prolist { padding: 40px 0;padding-bottom: 80px;}
.prolist h1 { font-size: 20px;margin-bottom: 26px;}
.prolist .list .line:first-child { background: #30b2e4;height: 60px;}
.prolist .list .line:first-child span { color: #fff;}
.prolist .title span ,.prolist .list span { display: inline-block;}
.prolist .title span i,.prolist .list span i { width: 100%;text-align: center;font-style: normal;}
/*.prolist .title span:nth-child(1),.prolist .list span:nth-child(1) { width: 114px;}
.prolist .title span:nth-child(2),.prolist .list span:nth-child(2)  { width: 120px;}
.prolist .title span:nth-child(3),.prolist .list span:nth-child(3)  { width: 110px;}
.prolist .title span:nth-child(4),.prolist .list span:nth-child(4)  { width: 182px;}
.prolist .title span:nth-child(5),.prolist .list span:nth-child(5)  { width: 212px;}
.prolist .title span:nth-child(6),.prolist .list span:nth-child(6)  { width: 226px;}
.prolist .title span:nth-child(7),.prolist .list span:nth-child(7)  { width: 70px;}
.prolist .title span:nth-child(8),.prolist .list span:nth-child(8)  { width: 125px;}*/
.prolist .list .line {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;padding: 10px 0;align-self: stretch;}
.prolist .list .line span {flex: 1;padding: 0 5px;}
.layui-table td:last-child a.see { width: 25px;height: 25px;background: url(../images/see.svg) no-repeat;display: inline-block;margin-right: 0;vertical-align: middle;background-size: contain;} 
/*.prolist .list span:last-child i { text-align: center;color: #999;}*/
.layui-table td:last-child a.download { width: 28px;height: 28px;background: url(../images/download.svg) no-repeat;display: inline-block;margin-left: 0;vertical-align: middle;background-size: contain;}
.prolist .list span { font-size: 14px;color: #666;}
.layui-table thead tr { background-color: #30b2e4!important;color:#fff;}
.prolist .list .line:nth-child(even) { background: #f7f7f7;}
.layui-table[lay-even] tr:nth-child(odd):hover { background: none;}

.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th {padding:  15px 5px!important;text-align: center;width: 100px!important;}


.form-group { width: 600px;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);background: #fff;z-index: 15;display: none;}
.form-group.show { display: block;}
.form-group h1 { padding: 5px 30px;background: #30b2e4;color: #fff;position: relative;font-size: 18px;font-family: "sansource";}

.form-group h1 span { width: 25px;height: 25px;background: #fff url(../images/close01.png) no-repeat center center;position: absolute;right: 30px;top: 5px;border-radius: 50%;cursor: pointer;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.form-group h1 span:hover { background: #8ab65f url(../images/close02.png) no-repeat center center;}
.form-group .login,.form-group .register,.form-group .findpsw { padding: 10px 30px;}
.form-group .login input { width: 100%;display: block;padding-bottom: 20px;margin-bottom: 40px;border: none;border-bottom: 1px solid #ddd;font-size: 14px;color: #666;}
.form-group .login input[type="submit"] { padding-bottom: 0;height: 45px;line-height: 45px;background: #30b2e4;color: #fff;border: none;font-size: 16px;cursor: pointer;margin-bottom: 10px;}
.form-group .login {padding: 30px;}
.form-group .login .line  a { color: #30b2e4;font-size: 14px;}
.form-group .login .line  a:hover { text-decoration: underline;}
.form-group .login .line > span { color: #666;float: right;font-size: 14px;}

.form-group .register .tx { margin-bottom: 15px;position: relative;}
.form-group .register .tx select,.form-group .register .tx input { color: #666;width: 175px;border-radius: 4px;height: 30px;padding-left: 10px;border: 1px solid #d6d6d6;}
.form-group .register .tx span { width: 120px;text-align: right;color: #666;display: inline-block;font-size: 14px;}
.form-group .register .tx span i { font-style: normal;color: red;}
.form-group .register .tx input.short { width: 165px;border: 1px solid #d6d6d6;height: 28px;}
.form-group .register .tx input.long { width: 340px;border: 1px solid #d6d6d6;height: 28px;}
.form-group .register .ifguest { padding: 15px 30px;background: url(../images/dot.jpg) repeat-x left top;border-bottom: 1px solid #d6d6d6;overflow: hidden;position: relative;}
.form-group .register .ifguest h2 { font-size: 14px;color: #666;margin-bottom: 15px;}
.form-group .register .ifguest input { position: absolute;left: -50px;}
.form-group .register .ifguest label { width: 20px;height: 20px;background: url(../images/cir01.png) no-repeat;background-size: contain;display: inline-block;margin-right: 30px;padding-left: 25px;vertical-align: top;font-size: 14px;color: #666;}
.form-group .register .ifguest label.on { background: url(../images/cir02.png) no-repeat;}

.form-group .register input[type="submit"] { width: 95px;height: 32px;background: #30b2e4;color: #fff;line-height: 32px;text-align: center;display: block;margin: 0 auto;margin-top: 20px;border: none;cursor: pointer;margin-bottom: 20px;}
.form-group .register .tip { font-size: 14px;color: #999;margin-left: 25px;}


.form-group .findpsw input[type="email"] { padding-bottom: 20px;border: none;border-bottom: 1px solid #ddd;width: 100%;color: #999;font-size: 16px;padding-top: 30px;}
.form-group .findpsw span { color: #30b2e4;font-size: 14px;margin-top: 10px;display: block;}
.form-group .findpsw a { display: block;padding: 10px 0;text-align: center;color: #fff;background: #30b2e4;margin-top: 50px;}
.form-group .findpsw a:hover { background: #1b89b4;}




.citySelector{ font:12px/1.5 tahoma,arial,\5b8b\4f53;background:#fff;text-align:left;}
.cityslide{ width:250px;list-style:none;margin:0;padding:0;border:1px solid #B3CDC0;box-shadow:2px 2px 3px rgba(0,0,0,0.3);overflow:auto;max-height:300px;}
.cityslide li{list-style:none;overflow:hidden;height:30px;padding:0px 10px;line-height:30px;}
.cityslide li.on{background:#00a346;color:#fff;cursor:pointer;}
.cityslide li:hover{background:#00a346;color:#fff;cursor:pointer;}
.cityslide li b{font-weight:normal;}
.cityslide li.empty{background:#fff2e8;color:#666;}
.cityslide li.empty em{color:red;font-style:normal;}
.cityname{float:left;}
.cityspell{float:right;}
.cityBox{width:380px;border:1px solid #B3CDC0;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.cityBox ul{margin:0;padding:0;overflow:hidden;}
.cityBox ul li:first-child{margin-left:5px;}
.cityBox ul li{float:left;list-style:none;padding:5px;border-bottom:1px solid #DDD;cursor:pointer;display:inline;color:#00a346;}
.cityBox ul li.on{border-bottom-color: red;position:relative;color: red;}
.hide{display:none;}
p.tip{color:#999;line-height:20px;padding:5px;margin:0;text-indent:3px;}
.hotCity{border-top:1px solid #DDD;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:10px;padding-top:10px;_margin-bottom:8px;}
.cityTab{overflow:hidden;}
.cityTab dl{margin:0;padding:0 0 0 10px;overflow:hidden;}
.cityTab dl dt{float:left;padding-left:3px;color:#00a346;margin-top:1px;text-indent:5px;font-family:"Lucida console","consolas","courier new";line-height:25px;font-size:14px;width:20px;}
.cityTab dl dd{margin-left:2px;float:left;width:335px;}
.cityTab dl dd a{padding-left:5px;min-width:66px;line-height:25px;display:inline-block;color:#333;text-decoration:none;}
.cityTab dl dd a:hover{color:#00a346;}
.cityinput{ font-size: 12px; padding-left: 2px; background: url(T1EPyLXm0hXXXXXXXX-200-100.png) no-repeat 150px 5px; border: 1px solid #D8D8D8; }
#citySelect { position: relative;background: #fff url(../images/s.png) no-repeat 95% center;}






.hire { padding: 25px 0;background: #fff;position: relative;width: 100%;}
.hire span { display: inline-block;width: 155px;height: 55px;background: #30b2e4;color: #fff;text-align: center;line-height: 55px;margin-right: 55px;font-family: "sansource";cursor: pointer;}
.hire span:hover,.hire span.hover { background: #8ab65e;}

.hire1 { padding-top: 60px;background: #f9f9f9;padding-bottom: 60px;}
.hire1 .wp { overflow: hidden;}
.hire1 .left h1 { font-size: 24px;color: #30b2e4;margin-bottom: 15px;}
.hire1 .left h2 { font-size: 18px;color: #333;margin-bottom: 30px;font-family: "sansource";}
.hire1 .right { padding: 25px;background: url(../images/png.png) no-repeat;}
.hire1 .left ol li { margin-bottom: 15px;font-family: "sansource";}


.hire2 { height: 400px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.hire2 h1 { font-size: 28px;text-align: center;position: relative;padding-top: 100px;margin-bottom: 60px;}
.hire2 h1:after { content: '';width: 35px;height: 1px;background: #40562a;position: absolute;bottom: -30px;left: 50%;margin-left: -17px;}
.hire2 p { font-size: 20px;text-align: center;margin-bottom: 10px;}



.hire3 { padding: 50px 0;}

.hire3 h1 { font-size: 24px;margin-bottom: 50px;}
.hire3 .hirebox { border-top: 3px solid #30b2e4;display: none;}
.hire3 .hirebox.show { display: block;}
.hire3 .boxtitle { border: 1px solid #dfdfdf;background: #f9f9f9;}
.hire3 .boxtitle ul { overflow: hidden;padding: 18px 0;}
.hire3 .boxtitle ul li { float: left;width: 195px;text-align: center;color: #8b8b8b;font-family: "sansource";}
.hire3 .boxline { position: relative;border: 1px solid #dfdfdf;border-top: none;}
.hire3 .boxline ul { overflow: hidden;cursor: pointer;}
.hire3 .boxline ul:hover { background: #f9f9f9;}
.hire3 .boxline ul li { float: left;width: 195px;text-align: center;padding: 16px 0;color: #797979;font-family: "sansource";font-size: 14px;}
.hire3 .boxline ul li:first-child { color: #333;font-weight: bold;}
.hire3 .boxline ul li:last-child { position: absolute;width: 22px;height: 13px;background: url(../images/hire03.jpg) no-repeat;top: 27px;right: 20px;padding: 0;}
.hire3 .boxline ul.on li:last-child { -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
        transform: rotate(-180deg);}

.hire3 .boxline .info { width: 100%;padding: 30px;box-sizing: border-box;display: none;}
.hire3 .boxline .info h3 { font-size: 16px;color: #30b2e4;margin-bottom: 20px;}
.hire3 .boxline .info ol { margin-bottom: 50px;}
.hire3 .boxline .info ol li { font-size: 14px;color: #666;margin-bottom: 5px;}
.hire3 .boxline .info p { font-size: 14px;color: #666;line-height: 24px;}
.hire3 .boxline .info p a { color: #30b2e4;}

.page { text-align: center;margin: 50px 0;}
.page a { display: inline-block;border: 1px solid #dfdfdf;color: #666;}
.page a.num.on ,.page a.num:hover{ background: #30b2e4;color: #fff;}

.page a + a { border-left: none;margin-left: -5px;}
.page a.num { width: 40px;height: 40px;text-align: center;line-height: 40px;}
.page a.prev,.page a.next { padding: 0 5px;height: 40px;line-height: 40px;font-size: 14px;}
.page a.prev.disabled,.page a.next.disabled { background: #f9f9f9;}




.hire4 { padding: 50px 0;padding-bottom: 80px;background: #f7f7f7;}
.hire4 h1 { font-size: 24px;text-align: center;position: relative;}
.hire4 h1:after { content: '';width: 30px;height: 1px;background: #333;position: absolute;bottom: -30px;left: 50%;margin-left: -15px;}
.hire4 .wp > p { text-align: center;margin-top: 50px;margin-bottom: 50px;}
.hire4 ul { overflow: hidden;}
.hire4 ul li { width: 45%;float: left;margin-bottom: 40px;}
.hire4 ul li + li { margin-left: 10%;}
.hire4 ul li:nth-child(2n+1) { margin-left: 0;}
.hire4 ul li a { display: block;position: relative;overflow: hidden;}
.hire4 ul li .img { overflow: hidden;}
.hire4 ul li .img img { width: 100%;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;display: block;}

.hire4 ul li p { padding: 15px;background: #30b2e4;color: #fff;position: absolute;left: 0;bottom: -55px;width: 100%;box-sizing: border-box;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.hire4 ul li p i { width: 26px;height: 26px;background: url(../images/c.png) no-repeat;position: absolute;right: 20px;top: 50%;margin-top: -13px;}
.hire4 ul li a:hover p { bottom: 0;}
.hire4 ul li a:hover img { -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}


.three-tab,.hire { background: #fff;padding: 20px 0;position: relative;z-index: 2;}
.three-tab a ,.hire span { width: 140px;height: 50px;display: inline-block;margin-right: 30px;background: #30b2e4;color: #fff;line-height: 50px;text-align: center;}
.three-tab a.on { background: #8ab65e;}



.produce { padding: 70px 0;background: #f9f9f9;}
.produce .wp { overflow: hidden;}
.produce .wp .left { width: 50%;}
.produce .wp .right { width: 45%;}
.produce .wp .right img { max-width: 100%;}
.produce .wp .left h1 { font-size: 22px;margin-bottom: 30px;}
.produce .wp .left p { font-size: 14px;line-height: 24px;margin-bottom: 10px;}

.develop .wp { position: relative;height: 680px;}
.develop ,.contact{ padding: 50px 0;background-repeat: no-repeat;background-size: cover;background-position: center bottom;border-top: 2px solid #e1eef7;overflow: hidden;}
.develop h1,.contact h1 { text-align: center;font-size: 24px;margin-bottom: 60px;}
.develop h1 { margin-bottom: 30px;}
.develop .time { height: 120px;position: relative;}
.develop .box { position: absolute;left: 200%;}
.develop .box.show{ position: absolute;left: 50%;-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);}
.develop .time .line { width: 1000px;height: 1px;background: #30b2e4;position: absolute;left: 0;top: 50%;}

.develop .slider-nav { width: 1000px;margin: 0 auto;height: 60px;}
.develop .slider-nav .slick-prev { width: 19px;height: 19px;background: url(../images/sprits.png) no-repeat -502px -103px;border: none;position: absolute;left: -40px;bottom: -10px;cursor: pointer;}

/*.develop .slider-nav .slick-prev.slick-disabled { width: 19px;height: 19px;background: url(../images/sprits.png) no-repeat -480px -103px;}*/
.develop .slider-nav .slick-next { width: 19px;height: 19px;background: url(../images/sprits.png) no-repeat -525px -103px;border: none;right: -40px;position: absolute;bottom: -10px;cursor: pointer;}
.develop .slider-nav .slick-list,.develop .slider-nav .slick-slide { height: 70px;}
/*.develop .slider-nav .slick-next.slick-disabled { width: 19px;height: 19px;background: url(../images/sprits.png) no-repeat -547px -103px;}*/
.develop .slider-nav .slick-slide { text-align: center;position: relative;}
.develop .slider-nav .slick-slide span { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.develop .slider-nav .slick-slide.slick-current span { color: #8ab65e;font-size: 24px;display: inline-block;margin-top: -7px;}
.develop .slider-nav .slick-slide i { width: 10px;height: 10px;background: #30b2e4;border-radius: 50%;position: absolute;bottom: 5px;left: 50%;margin-left: -5px;-webkit-transition: all .25s ;
   -moz-transition: all .25s ;
    -ms-transition: all .25s ;
     -o-transition: all .25s ;
        transition: all .25s ;}
.develop .slider-nav .slick-slide.slick-current i { width: 19px;height: 26px;background: url(../images/add.png) no-repeat;margin-left: -10px;bottom: 0;}

.develop .content .slider-for { width: 720px;height: 400px;margin: 0 auto;background: url(../images/slider.png) no-repeat center center;padding: 0 50px;padding-top: 128px;position: relative;}
.develop .content .slick-slide {width: 520px;height: 220px;background: #30b2e4;}
.develop .slider-for .slick-next { width: 36px;height: 36px;background: #30b2e4 url(../images/r2.png) no-repeat center center;border-radius: 50%;right: 0;position: absolute;bottom: 170px;border: none;}
.develop .slider-for .slick-next.slick-disabled { background: #ccc url(../images/r2.png) no-repeat center center;}
.develop .slider-for .slick-prev { width: 36px;height: 36px;background: #30b2e4 url(../images/l2.png) no-repeat center center;border-radius: 50%;left: 0;border: none;position: absolute;bottom: 170px;}
.develop .slider-for .slick-slide { position: relative;}
.develop .slider-for .slick-prev.slick-disabled { background: #ccc url(../images/l2.png) no-repeat center center;}
.develop .slider-for .slick-slide .text{ position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);width: 95%;}
.develop .slider-for h2 { font-size: 24px;color: #fff;font-family: "sansource";text-align: center;font-weight: bold;margin-bottom: 20px;}
.develop .slider-for p { text-align: center;font-size: 14px;color: #fff;font-family: "sansource";}

.develop .slider-for .text .top { padding: 20px 10px ;text-align: center;background: url(../images/dot2.png) repeat-x left bottom;margin: 0 55px;position: relative;}
.develop .slider-for .text .top p { font-size: 16px;}
.develop .slider-for .text .top img { position: absolute;left: 40px;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.develop .slider-for .text h4 { font-size: 18px;text-align: center;color: #fff;margin-top: 20px;font-family: "sansource";}



.culture .wp { overflow: hidden;}
.culture .box { height: 315px;text-align: center;width: 33.33%;float: left;}
.culture .box span { width: 80px;height: 80px;background: #8ab65e;border-radius: 50%;display: inline-block;text-align: center;position: relative;margin-top: 65px;}
.culture .box:nth-child(1) span i { width: 37px;height: 37px;background: url(../images/fly.png) no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px;}
.culture .box:nth-child(2) span i { width: 38px;height: 41px;background: url(../images/fly2.png) no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -19px;margin-left: -20px;}
.culture .box:nth-child(3) span i { width: 29px;height: 32px;background: url(../images/fly3.png) no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -14px;margin-left: -16px;}
.culture .box h2 { font-size: 20px;font-family: "sansource";text-align: center;margin-top: 30px;margin-bottom: 15px;}
.culture .box p { font-size: 14px;color: #666;}



.contact { border-top: none;}
.contact .wp .box,.contact .wp .part { overflow: hidden;}
.contact .wp .part{ padding-bottom: 50px;margin-bottom: 50px;overflow-x: scroll;overflow-x: hidden;margin-top: -100px;}
.contact .wp .part .pt.slick-slider .slick-list { overflow-x: scroll;padding-bottom: 50px;}
.contact .wp .part .pt.slick-slider .slick-track { width: 2000px!important;}
.contact .wp .part .pt.slick-slider .slick-slide, .contact .wp .part .pt.slick-slider .slick-slide { width: 400px!important;}
.contact .wp .part .pt.slick-slider .slick-slide{ width: 400px!important;}

.contact .wp  .left { width: 545px;box-sizing: border-box;position: relative;width: 520px;height: 555px;}
.contact .wp  .left img { width: 100%;position: absolute;top: 50px;left: 50px;z-index: 2;opacity: 0;}
.contact .wp  .left span {position: absolute;z-index: 9;cursor: pointer;font-size: 12px;}
.contact .wp  .left .p1 { bottom: 200px;right: 130px;}
.contact .wp  .left .p2 { bottom: 227px;right: 90px;}
.contact .wp  .left .p3 { bottom: 270px;left: 230px;}
.contact .wp  .left .p4 { bottom: 260px;right: 145px;}
.contact .wp  .left .p5 { bottom: 297px;right: 78px;}
.contact .wp  .left .p6 { top: 160px;right: 130px;}
.contact .wp  .left img.show { z-index: 6;opacity: 1;}
.contact .wp  .left span i { width: 8px;height: 8px;border-radius: 50%;background: #30b2e4;position: absolute;left: 50%;bottom: -15px;margin-left: -6px;border: 2px solid #fff;}
.contact .wp  .left span.p1 i { bottom: -20px;width: 11px;height: 11px;border: none;z-index: 3;}
.contact .wp  .left span.p1 i:before { content: '';width: 10px;height: 10px;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 50%;left: 50%;z-index: 2;-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}
.contact .wp  .left span.p1 i.scale:before{ -webkit-animation: scale 1s ease infinite;
   -moz-animation: scale 1s ease infinite;
    -ms-animation: scale 1s ease infinite;
     -o-animation: scale 1s ease infinite;
        animation: scale 1s ease infinite;}

/* css3滚动条 */
.contact .wp .part .pt.slick-slider .slick-list::-webkit-scrollbar {width:5px;height:5px;}
/* 两端按钮*/
.contact .wp .part .pt.slick-slider .slick-list::-webkit-scrollbar-button{display: none;}
/*滚动条轨道背景颜色*/
.contact .wp .part .pt.slick-slider .slick-list::-webkit-scrollbar-track-piece{background:#e1e1e1;}
/*滚动条样式*/
.contact .wp .part .pt.slick-slider .slick-list::-webkit-scrollbar-thumb{background: #8ab65e;border-radius: 5px;width: 200px!important;}




.contact .right {   width: 525px;height: 350px;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.2);margin-right: 20px;padding: 30px;box-sizing: border-box;margin-top: 30px;}
.contact .right .line { position: relative;padding-left: 40px;padding-bottom: 20px;background: url(../images/dot.jpg) repeat-x left bottom;margin-bottom: 15px;}
.contact .right .line:nth-child(1) i { width: 27px;height: 37px;background: url(../images/sprits.png) no-repeat -307px -93px;display: inline-block;position: absolute;left: 0;top: 2px;}
.contact .right .line:nth-child(2) i { width: 27px;height: 37px;background: url(../images/sprits.png) no-repeat -342px -93px;display: inline-block;position: absolute;left: 0;top: 6px;}
.contact .right .line:nth-child(3) i { width: 27px;height: 37px;background: url(../images/sprits.png) no-repeat -371px -93px;display: inline-block;position: absolute;left: 0;top: 8px;}
.contact .right .line:nth-child(4) i { width: 27px;height: 37px;background: url(../images/sprits.png) no-repeat -399px -93px;display: inline-block;position: absolute;left: 0;top: 12px;}
.contact .right .line:nth-child(4) { background: none;}
.contact .right .line h3 { font-size: 16px;margin-bottom: 5px;}
.contact .right .line p,.contact .right .line span { font-size: 14px;color: #999;}
.contact .right .line span { margin-right: 30px;display: inline-block;}

.contact .wp .part .bx { width: 400px;float: left;}
.contact .wp .part .bx h4 { font-size: 20px;font-family: "sansource";margin-bottom: 25px;vertical-align: middle;}
.contact .wp .part .bx h4 i { width: 38px;height: 36px;background: url(../images/sprits.png) no-repeat -431px -93px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.contact .wp .part .bx p { font-size: 14px;color: #999;margin-bottom: 5px;}


@-webkit-keyframes scale {
  0% {  border: 2px solid #fff;opacity: 1;}
  100% {  border: 8px solid #fff;opacity: 0.2;}
}
@-moz-keyframes scale {
  0% {  border: 2px solid #fff;opacity: 1;}
  100% {  border: 8px solid #fff;opacity: 0.2;}
}
@-ms-keyframes scale {
  0% {  border: 2px solid #fff;opacity: 1;}
  100% {  border: 8px solid #fff;opacity: 0.2;}
}
@-o-keyframes scale {
  0% {  border: 2px solid #fff;opacity: 1;}
  100% {  border: 8px solid #fff;opacity: 0.2;}
}
@keyframes scale {
  0% {  border: 2px solid #fff;opacity: 1;}
  100% {  border: 8px solid #fff;opacity: 0.2;}
}


.newslist{ padding: 60px 0;background: #f8f8f8;}
.newslist .wp { }
.newslist .bignews { background: #fff;overflow: hidden;}
.newslist .left { width: 40%;overflow: hidden;}
.newslist .left img { width: 100%;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;display: block;}
.newslist .right { width: 55%;padding-top: 20px;padding-right: 20px;}
.newslist .right h1 { font-size: 18px;padding-bottom: 15px;background: url(../images/dot.jpg) repeat-x left bottom;margin-bottom: 20px;color: #333;}
.newslist .right p { font-size: 14px;color: #999;line-height: 24px; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;height: 75px;}
.newslist .right span { font-size: 18px;color: #999;display: inline-block;margin-bottom: 20px;}
.newslist .right i { background: #8ab65e url(../images/go.png) no-repeat center center;background-size: 38px 9px;width: 80px;height: 40px;line-height: 40px;display: inline-block;float: right;margin-top: 30px;margin-right: 20px;}
.newslist .right i:hover { background: #59882a url(../images/go.png) no-repeat center center;}


.newslist .bignews: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);}
.newslist .bignews:hover h1 { color: #8ab65e;}

.newslist .news { margin-top: 30px;padding: 20px;border: 1px solid #eaeaea;background: #fff;position: relative;margin-left: 25px;box-sizing: border-box;}
.newslist .news a { display: block;}
.newslist .news .time { position: absolute;width: 80px;height: 80px;background: #30b2e4;left: -25px;top: 50%;margin-top: -40px;color: #fff;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.newslist .news .time span { font-size: 26px;display: block;text-align: center;margin-top: 10px;}
.newslist .news .time p { font-size: 14px;text-align: center;}
.newslist .news .text { width: 800px;display: inline-block;position: absolute;left: 80px;top: 40px;color: #333;}
.newslist .news .text h2 { font-size: 18px;font-family: "sansource";-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.newslist .news .text p { font-size: 14px;color: #999;margin-top: 10px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;height: 44px;}
.newslist .news .img { width: 200px;display: inline-block;margin-left: 940px;overflow: hidden;}

.newslist .news .img img { max-width: 100%;display: block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.newslist .news a:hover .time { background: #8ab65e;}
.newslist .news a:hover h2 { color: #8ab65e;}
.newslist .news a: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);}



.newspage { overflow: hidden;margin: 90px 0;margin-bottom: 40px;text-align: center;}
.newspage .prev , .newspage .next { font-size: 14px;color: #333;}
.newspage .prev { float: left;}
.newspage .next { float: right;}
.newspage .next i,.newspage .prev i { width: 50px;height: 50px;display: inline-block;vertical-align: middle;}
.newspage a { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.newspage a:hover { color: #8ab65e;}
.newspage .prev i { background: url(../images/prev.png) no-repeat;margin-right: 10px;vertical-align: middle;}
.newspage a { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.newspage .prev:hover i { background: url(../images/prev01.png) no-repeat;margin-right: 10px;}
.newspage .next i { background: url(../images/next.png) no-repeat;margin-left: 10px;vertical-align: middle;}
.newspage a { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.newspage .next:hover i { background: url(../images/next01.png) no-repeat;margin-left: 10px;}
.newspage ol { width: 285px;margin: 0 auto;overflow: hidden;display: inline-block;}
.newspage ol li { float: left;padding-top: 10px;}
.newspage ol li a { color: #333;display: inline-block;margin: 0 10px;font-style: italic;font-family: "Arial";font-size: 20px;}
.newspage ol li a.on { color: #8ab65e;}



.newsinfo { padding: 25px;background: #fff;text-align: center;}
.newsinfo .text { padding-bottom: 55px;background: url(../images/dot.jpg) repeat-x left bottom;}
.newsinfo h1 { font-size: 18px;font-family: "sansource";text-align: center;margin-bottom: 15px;padding-top: 30px;}
.newsinfo span { display: block;text-align: center;font-size: 14px;color: #999;padding-bottom: 20px;background: url(../images/dot.jpg) repeat-x left bottom;margin-bottom: 20px;}
.newsinfo span i { width: 14px;height: 14px;background: url(../images/sprits.png) no-repeat -313px -138px;display: inline-block;margin-right: 5px;margin-bottom: -2px;}
.newsinfo p{ font-size: 14px;color: #666;line-height: 26px;text-align: left;}
.newsinfo img { margin: 30px 10px;}
.newsinfo .line { overflow: hidden;margin-top: 30px;}
.newsinfo .line .left { width: auto;}
.newsinfo .line .right { padding-top: 0;width: auto;}
.newsinfo .line .right a { width: 145px;height: 50px;background: #8ab65e;color: #fff;text-align: center;line-height: 50px;display: inline-block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.newsinfo .line .right a:hover { background: #5b8730;}


.newsinfo .line .bdsharebuttonbox { display: inline-block;vertical-align: middle;margin-left: 10px;}
.bdshare-button-style0-16 .bds_tsina{ width: 21px;height: 18px;background: url(../images/weibo.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_tsina:hover { background: url(../images/weibo2.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_weixin{ width: 22px;height: 18px;background: url(../images/weichat.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_weixin:hover { background: url(../images/weichat2.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_sqq{ width: 18px;height: 18px;background: url(../images/qq.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_sqq:hover { background: url(../images/qq2.png) no-repeat 0 0!important;background-size: contain;}

.bdshare-slide-button-box { display: none!important;}
.sr-bdimgshare { display: none!important;}

.flip_front{-webkit-animation:flipOutX 0.4s linear both; -moz-animation:flipOutX 0.4s linear both; animation:flipOutX 0.4s linear both;}
@-webkit-keyframes flipOutX{
  0%{-webkit-transform:perspective(800px) rotateX(0deg) scale(1);}
  100%{-webkit-transform:perspective(800px) rotateX(-90deg) scale(0.86);}
}
@-moz-keyframes flipOutX{
  0%{-moz-transform:perspective(800px) rotateX(0deg) scale(1)}
  100%{-moz-transform:perspective(800px) rotateX(-90deg) scale(0.86);}
}
@keyframes flipOutX{
  0%{transform:perspective(800px) rotateX(0deg) scale(1);}
  100%{transform:perspective(800px) rotateX(-90deg) scale(0.86);}
}

.flip_back{-webkit-animation:flipInX 0.8s ease both; -moz-animation:flipInX 0.8s ease both; animation:flipInX 0.8s ease both;}
@-webkit-keyframes flipInX{
  0%{-webkit-transform:perspective(800px) rotateX(90deg) scale(0.86);}
  40%{-webkit-transform:perspective(800px) rotateX(-10deg);}
  70%{-webkit-transform:perspective(800px) rotateX(10deg);}
  100%{-webkit-transform:perspective(800px) rotateX(0deg) scale(1);}
}
@-moz-keyframes flipInX{
  0%{-moz-transform:perspective(800px) rotateX(90deg) scale(0.86);}
  40%{-moz-transform:perspective(800px) rotateX(-10deg);}
  70%{-moz-transform:perspective(800px) rotateX(10deg);}
  100%{-moz-transform:perspective(800px) rotateX(0deg) scale(1);}
}
@keyframes flipInX{
  0%{transform:perspective(800px) rotateX(90deg) scale(0.86);}
  40%{transform:perspective(800px) rotateX(-10deg);}
  70%{transform:perspective(800px) rotateX(10deg);}
  100%{transform:perspective(800px) rotateX(0deg) scale(1);}
}



@media (max-width: 1366px) {
  .develop .time { height: 70px;}
  .idx-partner .tab, .hire3 .tab, .develop .tab { height: 45px;}
   .idx-partner .tab a, .hire3 .tab a, .develop .tab a { height: 45px;line-height: 45px;font-size: 14px;}
   .develop h1 {margin-bottom: 20px;}
   .develop .time .line { top: 63%;}
   .develop .wp { height: 560px;}
   .develop .slider-nav .slick-prev ,.develop .slider-nav .slick-next{ bottom: 6px;}
   .develop .slider-nav .slick-list, .develop .slider-nav .slick-slide { height: 55px;}
    .contact h1 { margin-bottom: 20px;}
}


.result { overflow: hidden;background: #f8f8f8;padding-top: 50px;}




.result .search_pro input[type="text"] { width: 1013px;height: 50px;border: 1px solid #eee;display: inline-block; padding-left: 15px;color: #666;}
.result .search_pro button { width: 154px;height: 50px;background: #30b2e4;display: inline-block;border: none;color: #fff;margin-left: 10px;vertical-align: middle;cursor: pointer;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.result .search_pro button i { width: 16px;height: 16px;background: url(../images/sear.png) no-repeat;display: inline-block;margin-right: 10px;margin-bottom: -2px;}
.result .search_pro button:hover { background: #2297c4;}
.result .box { background: #fff;padding-bottom: 140px;padding-top: 25px;margin-top: 50px;overflow: hidden;}
.result .box h2 {font-size: 22px;padding-top: 25px;padding-bottom: 10px;border-bottom: 1px solid #eee;margin-bottom: 35px;font-family: 'sansource';}
.sidemenu { float: left;border: 1px solid #eee;width: 178px;}
.sidemenu .line.hover .tit { color: #8ab65e;}
.sidemenu .tit { padding-left: 25px;height: 50px;line-height: 50px;color: #333;position: relative;cursor: pointer;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s; border-bottom: 1px solid #eee;}
.sidemenu .tit i { width: 7px;height: 12px;background: url(../images/go.png) no-repeat;position: absolute;right: 22px;top: 50%;margin-top: -6px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.sidemenu .line.hover i{ background: url(../images/go2.png) no-repeat;-webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
        transform: rotate(90deg);}
.sidemenu .line .bot { display: none;}
.sidemenu .line .bot.show {display: block;}
.sidemenu .line .bot a.on { color: #8ab65e;}
.sidemenu .line a { height: 50px;line-height: 50px;padding-left: 35px;background: url(../images/dot.jpg) repeat-x left bottom;color: #666;display: inline-block;width: 143px;font-size: 15px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.sidemenu .line a:hover {color: #8ab65e;}

.prolist.search { width: 972px;float: right;padding-top: 0;}
.prolist.search .title span:nth-child(1), .prolist.search .list span:nth-child(1) { width: 105px;}
.prolist.search .title span:nth-child(2), .prolist.search .list span:nth-child(2) { width: 100px;}
.prolist.search .title span:nth-child(3), .prolist.search .list span:nth-child(3) { width: 85px;}
.prolist.search .title span:nth-child(4), .prolist.search .list span:nth-child(4) { width: 130px;}
.prolist.search .title span:nth-child(5), .prolist.search .list span:nth-child(5) { width: 170px;}
.prolist.search .title span:nth-child(6), .prolist.search .list span:nth-child(6) { width: 145px;}