@charset "utf-8";
/* CSS Document */

/*ibanner*/
.ibanner{width:100%;height:520px;position:relative;overflow:hidden;}
.ibanner .bd{position:relative;width:100%;height:600px;overflow:hidden;}
.ibanner .bd li{width:100%;height:600px;}
.ibanner .bd a{display:block;height:480px;background-position:center;background-repeat:no-repeat;}
.ibanner .btn{position:absolute;width:79px;height:79px;top:50%;margin-top:-40px;background:url(Img/Index/banner_btn.png);z-index:3;cursor:pointer;}
.ibanner .btn.prev{left:-130px;background-position:0 0;-webkit-transition: left .3s;transition: left .3s;}
.ibanner .btn.next{right:-130px;background-position:-80px 0;-webkit-transition: right .3s;transition: right .3s;}
.ibanner:hover .prev{left:30px;}
.ibanner:hover .next{right:30px;}
.ibanner .btn.prev:hover{background-position:0 -80px;}
.ibanner .btn.next:hover{background-position:-80px -80px;}
.ibanner .hd {width:100%;position:absolute;z-index:1;bottom:44px;left:0;height:30px;line-height:30px;}
.ibanner .hd ul {text-align:center;}
.ibanner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width: 54px; height: 4px; background:#FFF;margin:1px;overflow:hidden;line-height:999px; border:1px solid #c9c9c9;}
.ibanner .hd ul .on {background:#15A83D;}


/**/
.jx{ padding-top: 2px; height: 553px; margin-bottom: 90px;}
h2{ font-weight: normal; text-align: center; font-size:36px; color: #333; margin-bottom: 40px;}
h2 span{ display: block;font-size: 18px; color: #666; padding-top: 36px;background:url(Img/Index/j_h31.gif) no-repeat center 16px;}
.jx ul li{ float: left; width: 268px; text-align: center; padding-top: 73px; position: relative; margin: 0 15px;}
.jx ul li i{ display: block; padding-top: 28px; font-size: 20px; color: #333;}
.jx ul li em{ display: block; font-size: 14px; color: #999; font-family: Calibri; text-transform: uppercase; padding-top: 10px; padding-bottom: 39px;}
.jx ul li strong{  top: 250px; left:-1px; background:#78ba00; color: #fff; font-weight: normal; font-size: 14px; padding:27px 17px 0; line-height: 23px; height: 78px; position: absolute; width:236px;}
.jx ul li.cur{ background: #fff; border: 1px solid #dfdfdf; padding-top: 48px;transition:all .28s;-webkit-transition:all .28s;}
.jx ul li.cur strong{ display: block;}/*
.jx ul li strong::before {    background: #78ba00 none repeat scroll 0 0;
    content: "";
    height: 78px;
    left: 100%;
    position: absolute;
    top: -10px;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.9, 1) 0s;
    width: 100%;
    z-index: -1;}
.jx ul li strong:hover::before, .jx ul li.cur strong::before {
    left: 0;
}
 /**/
.case{ height: 883px; position: relative;}
.case h2{ margin-bottom:29px;}
.c_l{ width: 400px; float: left;}
.c_l h3{ background: #78ba00; color: #fff; padding:105px 0 0 75px; height:287px; font-size: 24px; font-weight: normal;}
.c_l h3 span{ display: block; padding: 5px 0;}
.c_l h3 i{ font-size: 24px; font-weight: bold;}
.c_l h3 em{ display: block; padding-top: 35px;}
.c_l h3 em a{ display: block; width: 131px; height: 41px; border: 2px solid #fff; border-radius:25px; line-height: 41px; text-align: center; line-height: 41px; font-size: 16px; color: #fff;}
.c_l ul li{ position: relative; overflow:hidden;}
.c_l ul li i{ display: block; position: absolute; right: 30px; top: 25px; color: #fff; font-size:22px; text-align: right;}
.c_l ul li i span{ display: block; font-size: 14px; padding-top:8px;}
.c_c{ width: 400px; float: left; font-size: 0;}
.c_l ul li em{ display: none; position: absolute; left: 0; top: 0; width: 400px; height:100%;background:url(Img/Index/span.png) repeat; text-align: center; padding-top: 59px; color: #333; font-size: 22px;}
.c_l ul li em span{ display: block; font-size: 14px; color: #666; padding: 10px 0 32px 0;}
.c_l ul li em a{ display: block; width: 131px; height: 41px; line-height: 41px; text-align: center; border: 2px solid #78ba00; border-radius:25px; margin: 0 auto; color: #78ba00; font-size: 16px; font-weight: bold;}
.c_l ul li.cp em{padding-top:159px;}
.c_l ul li.cur em{ display:block;}
.c_r{ width: 400px; float: left; font-size: 0;}


.fld1 { position: absolute; left: 50%; top: 127px; margin-left:-961px; font-size: 0;width:360px;}
.fld1 img{width:360px;}
.fld2{ position: absolute; right: 50%; top: 127px; margin-right:-961px; font-size: 0;width:360px;}
.fld2 img{width:360px;}
.c_l.fld2 ul li em,.c_l.fld1 ul li em{width:360px;}

.fld1,.fld2{ display:block;}
/**/
.dz{margin-top:0px;}
.dz ul{ padding-bottom: 11px;}
.dz ul li{ height: 60px;background:url(Img/Index/d_bg1.gif) no-repeat; margin-bottom: 19px; line-height: 60px;}
.dz ul li i{ display: inline-block; float: left; width: 120px; padding-right: 9px; text-align: center; font-size: 18px; color: #fff;}
.dz ul li span{ display: inline-block; float: right; width: 1070px; color: #e5e5e5; font-size: 18px;}
.dz ul li span a{ color: #666; padding: 0 45px; display: inline-block;}
.dz ul li span a:hover,.dz ul li span a.cur{ color: #3471d2;}
.dz ul li.bg2{background:url(Img/Index/d_bg2.gif) no-repeat;}
.dz ul li.bg2 span a:hover,.dz ul li.bg2 span a.cur{ color: #78ba00;}
.dz dl{ overflow: hidden; background: #3471d2;height: 450px;}
.dz dl dt{ font-size: 0; width: 800px; height: 450px; float: left; overflow:hidden;}
.dz dl dt img{ width: 800px; height: 450px;transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.dz dl dt a:hover img{transform: scale(1.02); -webkit-transform: scale(1.02);}
.dz dl dd{ float: right; width: 400px;}
.dz dl dd p{ padding: 42px 0 0 52px; color: #fff; font-size: 14px; line-height: 24px; height: 183px;}
.dz dl dd p strong{ display: block; font-size: 24px; font-weight: bold; padding-bottom:14px;color: #fff;}
.dz dl dd p span{ display: block;color: #fff;}
.dz dl dd p em{ display: block; padding-top:17px;}
.dz dl dd p em a{ display: block; width: 131px; height: 41px; line-height: 41px; text-align: center; border: 2px solid #fff; border-radius:25px; color: #fff; font-size: 16px; font-weight: bold;}
.dz dl dd i{ font-size: 0;width: 400px; height: 225px; overflow:hidden; display:block;}
.dz dl dd i img{ width: 400px; height: 225px;transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.dz dl dd i:hover img{transform: scale(1.02); -webkit-transform: scale(1.02);}
                           /**/
.sjil{ height: 845px;background:url(Img/Index/sll.jpg) no-repeat center 116px;}
.sjil h2 span{ padding-top: 30px;}
.sjil h2{ margin-bottom: 20px;}
.sjila{width: 960px; height: 320px; overflow: hidden;}
.sjila p{padding: 0 39px; float: left; text-align: center; color: #fff; background:#3471d2;}
.sjila p.sp2 {
    height: 316px;
    width: 213px;
}
.sjila p.sp1 {
    height: 320px;
    width: 242px;
}

.sjila p span{ display: block; padding-top: 59px;}
.sjila p span img{ transition: all 0.3s ease-in-out 0s;}
.sjila p:hover span img{ transform: rotateY(180deg);}
.sjila ul li b span img{ transition: all 0.3s ease-in-out 0s;}
.sjila ul li:hover b span img{ transform: rotateY(180deg);}

.sjila p i{ display: block; line-height: 58px; font-size: 24px;}
.sjila p em{ display: block; font-size: 16px; line-height: 24px;}
.sjila ul{ float: right; width: 640px;}
.sjila ul li{ position: relative; font-size: 0;}
.sjila ul li b{ display: block; position: absolute; right: 0; top: 0;width:242px; padding: 0 39px; float: left; text-align: center; color: #666;background:url(Img/Index/span.png) repeat; height: 260px; padding-top:60px; font-weight: normal;}
.sjila ul li b span{ display: block;}
.sjila ul li b i{ display: block; line-height: 58px; font-size: 24px; color: #333;}
.sjila ul li b em{ display: block; font-size: 16px; line-height: 24px;}
.sjilb ul{ float: left;}.sjilb p{ float: right;}
/**/
.news{ height: 856px;}.news h2{ margin-bottom: 18px;}
.n_l{ width: 510px;}
.n_l dl dt{ width: 510px; height: 328px; overflow:hidden;}
.n_l dl dt img{ width: 510px; height: 328px;transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.n_l dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.n_l dl dd h3 a{ font-size: 18px; color:#333; display: block; line-height: 50px;}
.n_l dl dd p{ font-size: 14px; color: #666; line-height: 25px; height: 65px;}
.n_l ul li{ padding-top: 20px; height: 95px; border-top: 1px dashed #e0e0e0;}
.n_l ul li i{ width: 62px; float: left; display: inline-block; font-size: 14px; color:#666;}
.n_l ul li i span{ display: block; font-size: 30px; line-height: 100%; font-weight: bold;}
.n_l ul li em{ display: inline-block; float: left; width: 448px; font-size: 14px; color:#666; line-height: 25px;}
.n_l ul li em a{ display: block; font-size: 18px; color: #333; margin-bottom: 7px;}
.n_l ul li em a:hover{ color: #78ba00;}
.n_r{ width: 660px;}
.n_r dl{ overflow: hidden; height: 135px; padding-bottom:18px; margin-bottom:19px; border-bottom: 1px solid #e5e5e5;}
.n_r dl dt{ font-size: 0; width: 207px; height: 135px; float: left; overflow:hidden;}
.n_r dl dt img{width: 207px; height: 134px;transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.n_r dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.n_r dl dd{ float: right; width: 436px;}
.n_r dl dd h3 span{ display: block; font-weight: normal; color: #999; font-size: 12px;}
.n_r dl dd h3 i{ display: block; padding: 17px 0 10px 0; font-weight: normal;}
.n_r dl dd h3 i a{ font-size: 18px; color: #333;}.n_r dl dd h3 i a:hover{ font-weight: bold;}
.n_r dl dd p{ font-size: 14px; color: #666; line-height: 24px;}
.n_r dl.nob{ border-bottom: none;}
    /**/
.abo{ height: 700px;background:url(Img/Index/abo.jpg) no-repeat center 0;}
.abo h2{ padding-top: 263px; margin-left: 39px; width: 558px;}
.abo p{ width: 555px; margin-left: 39px; font-size: 14px; color: #666; line-height: 24px; height: 172px;}
.abo em{ display: block; margin-left: 208px;}
.abo em a{ display: block; width: 131px; height: 41px; line-height: 41px; text-align: center; border: 2px solid #78ba00; border-radius:25px; color: #78ba00; font-size: 16px; font-weight: bold;}
.abo em a:hover{ border-color:#3571D3; color:#3571D3;}
    /**/

/**/
/**/
/**/
/**/
/**/
/*animation*/
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale:hover img{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1);}

@-webkit-keyframes scale {
  0%{-webkit-transform:scale(0.5);transform:scale(0.5);}
  50%{-webkit-transform:scale(1.5);transform:scale(1.5);}
  100%{-webkit-transform:none;transform:none;}
}

@keyframes scale {
  0%{-webkit-transform:scale(0.5);transform:scale(0.5);}
  50%{-webkit-transform:scale(1.5);transform:scale(1.5);}
  100%{-webkit-transform:none;transform:none;}
}


/*定制2*/
.dzcon{height:770px;}
.dzi ul li {
    float: left;
    height: 300px;
    width: 300px;
}
.dzi ul li p {
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    text-align: center;
}
.dzi ul li p span {
    display: block;
    height: 80px;
    text-align: center;
}
.dzi ul li p i {
    display: block;
    font-size: 24px;
    height: 55px;
    line-height: 55px;
}
.dzi ul li p em {
    font-size: 16px;
    line-height: 24px;
}
.dzi ul li.di01, .dzi ul li.di08 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #3471d2;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.dzi ul li.di01 p, .dzi ul li.di08 p {
    color: white;
}
.dzi ul li p span img{ transition: all 0.3s ease-in-out 0s;}
.dzi ul li p:hover span img{ transform: rotateY(180deg);}
.dzcon h2{ font-weight: normal; text-align: center; font-size:36px; color: #333; margin-bottom: 40px;}
.dzcon h2 span{ display: block;font-size: 18px; color: #666; padding-top: 36px;background:url(Img/Index/j_h31.gif) no-repeat center 16px;}
.dzcon h2 span{ padding-top: 30px;}
.dzcon h2{ margin-bottom: 20px;}