@charset "utf-8";
/*初始样式*/

a { color:#333; text-decoration:none;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }
h1,h2,h3,h4,h5,h6{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
body{min-width:1200px;width:100%;overflow-x:hidden;}



.tit{text-align: center;font-weight: normal;padding-bottom: 23px;}
.tit:after{position: absolute;width: 24px;height: 2px;content: "";background: #ff6600;left: 50%;margin-left: -12px;bottom: 0;}
.tit b{display: block;font-size: 40px;color: #333;line-height: 40px;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 14px;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #00864b;border-radius: 100%;margin: 0 15px;vertical-align: top;}
.ban_pg i.on{background: #60b74e;}


/*yz*/
.yz{padding: 115px 0 0;} 
.yz dl{height: 455px;}
.yz dt{float: left;width: 560px;height: 455px; background: url(../images/yz1.jpg) no-repeat center 0;}
.yz dt .video{width:532px; height:334px; margin: 20px auto; display:block}
.yz dd{float: right;width: 540px;margin-top: 60px;}
.yz dd h3{padding-bottom: 28px;position: relative;margin-bottom: 30px;}
.yz dd h3:after{position: absolute;width: 24px;height: 2px;content: "";background: #ff6600;left: 0;bottom: 0;}
.yz dd h3 b{display: block;font-size: 40px;color: #161719;line-height: 46px;}
.yz dd h3 em{color: #ff6600;}
.yz dd h3 i{display: block;font-size: 20px;color: #161719;line-height: 20px;padding-top: 10px;font-weight: normal;}
.yz_desc{font-size: 16px;color: #666;line-height: 28px;}

/*ys*/
.ys{}
.ys_t{height: 190px;padding-top: 210px;background: url(../images/ys_t.jpg) no-repeat center 0;}
.ys_t h2{text-align: center;font-weight: normal;position: relative;padding-bottom: 38px;}
.ys_t h2:after{position: absolute;width: 70px;height: 4px;content: "";background: #fff;left: 50%;margin-left: -35px;bottom: 0;}
.ys_t h2 i{display: block;font-size: 30px;color: #fff;line-height: 30px;text-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);}
.ys_t h2 b{display: block;font-size: 40px;color: #fff;line-height: 40px;padding-top: 20px;text-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);}
.ys_con{padding: 138px 0 0;height: 617px;background: url(../images/ys_bg.png) no-repeat center 84px #ebf8fd;overflow: hidden;position: relative;}
.ys_con li{float: left;width: 412px;height: 194px;background: #fff;padding: 0 50px;box-sizing: border-box;margin-bottom: 145px;position: relative;overflow: hidden;}
.ys_con li:nth-child(2n){float: right;}
.ys_con li h3{font-size: 20px;color: #333;line-height: 20px;font-weight: normal;padding: 40px 0 14px;}
.ys_con li p{font-size: 16px;color: #666;line-height: 28px;}
.ys_con li:after{position: absolute;width: 96px;height: 96px;content: "";border-radius: 100%;}
.ys_con li:hover{box-shadow:-38px 2px 57px 2px rgba(211,211,211,0.3);}
.ys_con li:nth-child(1):after{right: -40px;bottom: -48px;background: url(../images/ys_jt1.png) no-repeat 28px 28px #ff6600;}
.ys_con li:nth-child(2):after{left: -44px;bottom: -46px;background: url(../images/ys_jt2.png) no-repeat 54px 28px #ff6600;}
.ys_con li:nth-child(3):after{right: -44px;top: -52px;background: url(../images/ys_jt1.png) no-repeat 26px 64px #ff6600;}
.ys_con li:nth-child(4):after{left: -44px;top: -52px;background: url(../images/ys_jt2.png) no-repeat 54px 64px #ff6600;}
.ys_con h4{position: absolute;width: 376px;left: 50%;margin-left: -188px;bottom: 160px;font-size: 40px;color: #fff;line-height: 40px;text-align: center;}
.ys_con h4 i{display: block;font-size: 20px;line-height: 20px;padding-top: 14px;font-weight: normal;}

/*effect*/
.effect{padding: 70px 0 90px;}
.effect h2{font-weight: normal;margin-bottom: 45px;}
.effect h2 i{float: left;font-size: 110px;color: #333;line-height: 92px;opacity: 0.1;font-family: Impact;margin-right: 10px;text-transform: uppercase;}
.effect h2 b{display: block;font-size: 40px;color: #161719;line-height: 40px;padding: 8px 0 14px;}
.effect h2 span{display: block;font-size: 20px;color: #161719;line-height: 20px;}
.effect_l{float: left;width: 344px;}
.effect_l li{height: 210px;margin-bottom: 27px;text-align: center;padding: 0 36px;border-radius: 10px;box-shadow:0px 10px 25px 4px rgba(124,152,180,0.18);}
.effect_l li img{display: block;height: 81px;padding: 12px 0 14px;margin: 0 auto;}
.effect_l li h3{font-size: 22px;color: #333;line-height: 22px;margin-bottom: 10px;}
.effect_l li p{font-size: 16px;color: #666;line-height: 28px;}
.effect_r{float: right;width: 822px;height: 609px;position: relative;}
.effect_con{position: absolute;left: 0;top: 0;width: 100%;text-align: center;}
.effect_con h3{font-size: 36px;color: #fff;line-height: 50px;padding: 72px 0 23px;position: relative;}
.effect_con h3:after{position: absolute;width: 54px;height: 1px;content: "";background: #fff;left: 50%;margin-left: -27px;bottom: 0;}
.effect_con p{font-size: 20px;color: #fff;line-height: 20px;padding: 22px 0 50px;}
.effect_con h3 em,.effect_con p em{color: #ff6600;}
.effect_con .zx{display: block;width: 144px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #ff6600;border-radius: 14px;margin: 0 auto;}
.effect_con .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*easy*/
.easy{height: 600px;padding-top: 82px;background: url(../images/easy_bg.jpg) no-repeat center 0;overflow: hidden;}
.easy h2{font-weight: normal;text-align: center;height: 92px;margin-bottom: 88px;}
.easy h2 i{display: inline-block;font-size: 110px;color: #333;line-height: 92px;opacity: 0.1;font-family: Impact;margin-right: 18px;text-transform: uppercase;}
.easy h2 b{display: inline-block;font-size: 40px;color: #161719;line-height: 56px;text-align: left;vertical-align: top;}
.easy h2 b span{display: block;font-size: 20px;color: #161719;line-height: 32px;font-weight: normal;}
.easy ul{float: right;width: 580px;}
.easy li{position: relative;margin-bottom: 68px;padding-left: 32px;background: url(../images/easy_c1.png) no-repeat left 5px;}
.easy li p{font-size: 16px;color: #666;line-height: 30px;}
.easy li p b{color: #ff6600;}
.easy li:nth-child(2){margin-bottom: 52px;}


/*ser*/
.ser{padding: 100px 0 90px;}
.ser h2{margin-bottom: 56px;position: relative;}
.ser li{float: left;width: 222px;height: 334px;border-radius: 10px;margin-right: 22px;transition: all 0.5s;box-shadow:0px 7px 21px 0px rgba(144,157,188,0.25);}
.ser li:last-child{margin-right: 0;}
.ser li img{display: block;width: 94px;height: 94px;margin: 75px auto 28px;transition: all 0.5s;}
.ser li p{font-size: 16px;color: #666;line-height: 28px;text-align: center;padding: 0 30px;}
.ser li:hover{height: 362px;margin-top: -28px;}
.ser li:hover img{width: 110px;height: 110px;}
.ser .zx{display: block;width: 144px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #ff6600;border-radius: 16px;margin: 58px auto 0;box-shadow:0px 8px 16px 0px rgba(153,102,0,0.29);}
.ser .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}


/*cus*/
.cus{height: 813px;padding-top: 80px;background: url(../images/cus_bg.jpg) no-repeat center 0;}
.cus h2{margin-bottom: 30px;position: relative;}
.cus h2 b,.cus h2 i{color: #fff;}
.cus_con{position: relative;}
.cus_con li{height: 533px;padding-bottom: 23px;}
.cus_con li p{float: left;width: 180px;padding-right: 30px;font-size: 18px;color: #fff;line-height: 28px;text-align: center;margin-top: 288px;}
.cus_con li i{float: left;width: 244px;height: 234px;padding: 22px 25px 122px;background: url(../images/pb.png) no-repeat;margin-top: 155px;box-shadow:0px 3px 23px 6px rgba(0, 0, 0, 0.3);margin-right: -18px;position: relative;z-index: 1;border-radius: 10px;}
.cus_con li span{float: left;width: 705px;height: 465px;box-shadow:0px 3px 23px 6px rgba(0, 0, 0, 0.3);border-radius:0px 0px 8px 8px;}
.cus_pg{position: absolute;width: 100%;left: 0;bottom: 50px;height: 14px;text-align: center;}
.cus_pg i{display: inline-block;width: 14px;height: 14px;background: #fff;border-radius: 100%;margin: 0 9px;vertical-align: top;}
.cus_pg i.on{background: #ff6600;}

/*case*/
.case{padding: 90px 0 70px;}
.case h2{margin-bottom: 30px;position: relative;}
.case_con{position: relative;}
.case_con li{transform: scale(0.7);height: 520px;width: 800px;text-align: center;background: url(../images/case_li.jpg) no-repeat center 0;}
.case_con li img{padding: 20px 0 0; width:620px; height:373px}
.case_con .tempWrap{margin-left: -600px;}
.case_con li.cur{transform: scale(1);}
.case .zx{display: block;width: 144px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #ff6600;border-radius: 16px;margin: 0 auto;box-shadow:0px 8px 16px 0px rgba(153,102,0,0.29);}
.case .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.case_con .prev{position: absolute;left: 160px;top: 200px;}
.case_con .next{position: absolute;right: 160px;top: 200px;}



/*fuwu*/
.fuwu{padding: 70px 0 60px; }
.fuwu h2{margin-bottom: 60px;position: relative;}
.fuwu li{float: left;width: 300px;margin-bottom: 70px;}
.fuwu li:nth-child(3n-1){margin: 0 140px;width: 320px;}
.fuwu li img{display: block;margin: 0 auto 20px;transition: all 0.5s;}
.fuwu li p{font-size: 16px;color: #333;line-height: 28px;text-align: center;}
.fuwu li p b{color: #ff6600;}
.fuwu li:hover img{transform: rotateY(180deg);}


/*xban*/
.xban{height: 300px;background: url(../images/xban.jpg) no-repeat center 0;}
.xban .zx{float: left;height: 60px;line-height: 60px;font-size: 18px;color: #fff;padding: 0 44px;background: #ff6600;border-radius: 30px;margin: 200px 0 0 110px;box-shadow:0px 8px 16px 0px rgba(153,102,0,0.29);}



/*视频弹出框*/
.video-backdrop{display:none;position: fixed !important;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;background-color:rgba(0,0,0,0.5);}
.video-backdrop .vd{width:800px;height:450px;background: #FFF;position:absolute;left:50%;top:0;margin-left:-400px;margin-top:-225px;}
.video-backdrop .vd .close{position:absolute;top:0;right: 0; background: #fff url(../images/xx.png) no-repeat center; opacity:1;  width:20px; height:20px; z-index:1}
.video-backdrop #videoid,.video-backdrop .tc { height:100%}