.swiper-index {width: 100%;height: 100%;}
.swiper-index .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background:url("../images/loadz.gif") center no-repeat; }
.swiper-index .swiper-slide img { width:100%; height:100%;}
/************/
.swiper-index .index-li{/* width:452px !important;margin-left:-226px;*/ width:339px !important;margin-left:-114px; left:50% !important; bottom:43px !important; }
.swiper-index .index-li .swiper-pagination-bullet {}
.index-li .swiper-pagination-bullet-active { background:url(../images/ali2.png) no-repeat !important; }
.index-li .swiper-pagination-bullet-active:before {  }
.index-li span { width:113px; position:relative; margin:0 !important; background:url(../images/ali1.png) no-repeat !important; border-radius:0 !important; opacity:1;}
.index-li span:before { color:#fff; position:absolute; width:105px; text-align:center; left:8px; bottom:14px;}
.index-li span:nth-child(1):before { content:"城市物联网照明";}
.index-li span:nth-child(2):before { content:"道路照明";}
.index-li span:nth-child(3):before { content:"景观照明";}
.index-li span:nth-child(4):before { content:"景观互娱照明";}
.index-li:after { content:""; position:absolute; right:0; bottom:5px; display:block; width:8px; height:8px; background:#fff; -webkit-border-radius:100%; border-radius:100%;}
.index-li span:after { content:"";position: absolute;bottom: 4px;left: 8px;width: 100%;height: 1px;display: block;background: #006fee;animation: widthA 4s infinite; }
.index-li span.swiper-pagination-bullet-active:after{ width: 0%;animation: initial;}
.index-li span.swiper-pagination-bullet-active:before { color:#006fee;}
@keyframes widthA{
  0%{
    width: 0%;
  }
  50%{
    width: 50%;
  }
  100%{
    width: 0%;
  }
}
/*************案例CASE*************************/
.index-lay1 { background:url(../images/lay1.jpg) center 27px no-repeat; height:660px;}
.kj-list { overflow:hidden; width:1280px; margin-top:60px;}
.kj-list li { float:left; position:relative; overflow:hidden;  margin-right:11px;}
.kj-list li img { position:absolute; left:0; height:0; width:100%; height:100%;}
.kj-list li .kj-con { position:relative; background:rgba(0,0,0, .6); width:100%; height:100%;width:255px; height:345px;  padding:30px 27px;color:#fff; text-align:center; line-height:28px; }
.kj-list li h1 {   font-size:24px; margin-bottom:25px;  }
.kj-list li h3 { height:56px; overflow:hidden; }
.kj-list li h1 span { display:block; width:78px; height:78px; margin:0 auto; margin-bottom:20px;}
.kj-list li .kj-more { width:150px; height:42px; line-height:40px; text-align:center; margin-top:30px; display:inline-block; color:#fff; font-size:0;-webkit-border-radius:5px; border-radius:5px; } 
.kj-list li .iconjiantou {}
.kj-list li.abc img{ display:none;}
.kj-list li.abc .kj-con { width:665px; background:#006fed url(../images/hbg.jpg) no-repeat;}
.kj-list li.abc h1 { font-size:28px; margin-top:15px; margin-bottom:10px;}
.kj-list li.abc .ic1 { background:url(../images/ic1.png) no-repeat;}
.kj-list li.abc .ic2 { background:url(../images/ic2.png) no-repeat;}
.kj-list li.abc .ic3 { background:url(../images/ic3.png) no-repeat;}
.kj-list li.abc .kj-more  {  border:1px solid #fff; font-size:16px;}
.kj-list li.abc .kj-more .iconfont { font-size:0;} 
.kj-list li .kj-con,.kj-list li .kj-con h1 { -webkit-transition:all .4s; transition:all .4s;}
/**********服务商****************************/
.ad1 { height:200px;}
.sev-bg { height:630px; background:url(../images/sev-bg.jpg) top center no-repeat;}
.sev-list { width:1280px; margin-top:60px; overflow:hidden;}
.sev-list li { float:left; width:285px; margin-right:20px; height:310px; line-height:24px; background:#fff;}
.sev-list li .tb-box { width:285px; height:202px; border-bottom:1px solid #f5f5f5;}
.sev-list li h1 { font-size:18px; color:#3b3b3b; margin:15px 15px 10px;}
.sev-list li h3 { margin:0 15px; height:48px; overflow:hidden;}
.sev-list li a { display:block; color:#7e7e7e;}
.sev-list li:hover h1 { color:#006fee}
.sev-more { overflow:hidden; width:150px; height:42px; line-height:40px; text-align:center;  display:block; color:#767676; font-size:16px; border:1px solid #767676; margin:0 auto; margin-top:30px; margin-bottom:10px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:4px 4px 4px #cbc8c7; box-shadow:4px 4px 4px #cbc8c7; -webkit-transition:all .3s; transition:all .3s; }
.sev-more em { position:relative; z-index:2;}
.sev-more:before,.sev-more:after { content:""; position:absolute; top:0; height:100%; width:0; background:#006fee; -webkit-transition:all .3s; transition:all .3s;}
.sev-more:before { right:49%;}
.sev-more:after { left:49%;}
.sev-more:hover { color:#fff; border:1px solid #006fee;}
.sev-more:hover:before,.sev-more:hover:after { width:51%;}
.sev-more:hover {/* font-size:18px; */}
/*********案例*************************/
.case-bg {position:relative; height:827px; }
.case-bg:before,.case-bg:after { content:""; position:absolute;}
.case-bg:before { right:50%; margin-right:-960px; top:37px; width:301px; height:223px; background:url(../images/case-r.jpg) no-repeat;}
.case-bg:after { left:50%; margin-left:-960px; bottom:37px; width:354px; height:223px; background:url(../images/case-l.jpg) no-repeat;}
/*************/
.case-top{ width:600px; margin:0 auto; margin-top:30px;  overflow:hidden; position:relative; height:60px; text-align:center; }
.case-top:before { content:""; position:absolute; height:1px; width:100%; left:0; top:21px; background:#dee0df;}
.case-top a{ float:left; font-size:16px; width:150px; display:block; height:60px; padding-top:40px; position:relative; -webkit-transition:all .3s linear;transition:all .3s linear; background:url(../images/case-off.jpg) center 22px no-repeat;  }
.case-top a.case-on { color:#006fee; background:url(../images/case-on.jpg) center 0 no-repeat;}
.case-box { height:530px; overflow:hidden; margin-top:50px;}
.case-box .slide-inn {}
.slide-inn { position:relative; overflow:hidden; z-index:22;}
.case-list {position:relative;overflow:hidden; height:530px; }
.case-list li { float:left; width:373px !important; margin:10px 39px 10px 0; position:relative; color:#898989; line-height:24px;}
.case-list li .tb-box { width:373px; height:260px;}
.case-list li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.case-list li h1 { text-align:center; font-size:18px; color:#323232; height:24px; overflow:hidden; margin:15px 0; }
.case-list li h3 { overflow:hidden; padding-bottom:60px; background:url(../images/ba1.jpg) center bottom no-repeat; }
.case-list li:hover h1 { color:#006fee;}
.case-list li:hover h3 { background:url(../images/ba2.jpg) center bottom no-repeat;}
.slide-inn .sev-more { top:-100px; position:relative; z-index:99; background:#006fee; color:#fff; border:1px solid #006fee; -webkit-box-shadow:4px 4px 4px #569be9; box-shadow:4px 4px 4px #569be9;  }
/*********************************/
.news-bg { padding-bottom:80px; background:#f6f6f6 url(../images/news-bg.jpg) bottom center no-repeat; }

.case-list .case-prev6,.case-list .case-next6 {width:42px; height:40px; margin-top:-16px; background:url("../images/prev.png") no-repeat; z-index:99;}
.case-list .case-prev6{ background-position:-133px 0; left:auto; right:9px;}
.case-list .case-next6 { background-position:0 0; left:9px;}
.case-list .case-prev6:hover { background-position:-91px 0;}
.case-list .case-next6:hover { background-position:-42px 0;}
/*************************/
.news-box { height:406px; position:relative; overflow:hidden; width:100%; margin-top:50px;}
.news-tab { position:absolute; right:0; top:0; z-index:23;}
.news-tab a { position:relative; display:block; float:left; width:96px; height:35px; line-height:35px; text-align:center; margin-right:1px;}
.news-tab a:before { display:none; content:""; position:absolute; right:0; top:10px; height:15px; width:2px; background:#969696;}
.news-tab a:hover,.news-tab a.news-on { color:#fff; background:#3488ea;}
.news-tab a:hover:before,.news-tab a.news-on:before { display:none;}
.news-inn { position:relative; overflow:hidden; z-index:22; height:406px;  }
.news-left { background:#3488ea; height:406px; width:475px; float:left;}
.news-left .tb-box { width:100%; height:243px; margin-bottom:25px;} 
.news-left .date-n1 { width:95px; height:130px; float:left; text-align:center; color:#a4caf6; line-height:30px;}
.news-left .date-n1 p { font-size:40px; line-height:40px; color:#fff;}
.news-left .tbc { width:360px; float:left; color:#c0d9f5; line-height:24px;}
.news-left h1 { font-size:18px; color:#ffffff; border-bottom:1px solid #5da0ee; margin-bottom:8px; height:40px; line-height:40px; overflow:hidden;}
/******************************/
.news-right { width:670px; float:right; margin-top:55px;}
.news-top { position:relative; padding-right:110px; line-height:26px;}
.news-top .date-n2 { position:absolute; right:0; top:0; width:110px; text-align:center; color:#727272; line-height:30px;}
.news-top .date-n2 p { font-size:40px; line-height:40px; color:#727272;}
.news-top h1 { color:#006fee; font-size:18px;  padding-bottom:10px; border-bottom:1px solid #dcdcdc; margin-bottom:8px; }
.news-right ul { margin-top:10px;}
.news-right ul li { position:relative; height:60px; line-height:59px; border-bottom:1px solid #dcdcdc;}
.news-right ul li a { color:#474747;} 
.news-right ul li span{ position:absolute; right:8px; top:0;}
.news-right ul li a:hover { color:#006fee;}
/**********品牌*****************************/
.coop-box { position:relative; width:1200px; margin:0 auto;}
.picList22 { width:1098px; margin-top:40px !important;}
.picList22 .yk-coop {}
.picList22 .yk-coop li { float:left; width:225px; height:103px; border:1px solid #dcdcdc; position:relative; }
.picList22 .yk-coop li:before { content: ""; width: 185px;height: 103px;position: absolute;border: 1px solid #fff;top: 11px;left: 11px;transition: all 0.3s; -webkit-transition: all 0.3s; }
.picList22 .yk-coop li:hover:before {width: 206px; left: -1px; top: -1px; border: 1px solid #006fee;  z-index: 1;}
.picList22 .yk-coop li img{ position:absolute; left:0; bottom:0; display:block; width:100%; height:100%;}
.coop-box .case-next,.coop-box .case-prev { width:42px; height:40px; background:url("../images/prev.png") no-repeat; z-index:99;}
.coop-box .case-next { background-position:-133px 0; left:auto; right:9px;}
.coop-box .case-prev { background-position:0 0; left:9px;}
.coop-box .case-next:hover {  background-position:-91px 0;}
.coop-box .case-prev:hover {background-position:-42px 0;}
/******内页页页***************************************/
/******内页页页***************************************/
.inban { height:300px; overflow:hidden; position:relative; margin-top:100px;}
.ban-con {  position:absolute; width:100%; top:100px; left:0%; text-align:center; color:#fff; font-size:24px; line-height:40px; display:none;} 
.ban-con h1 { font-size:36px;}
.ban-con h1 font { color:#fdb404;}
.wz{ padding-left:22px; background:url(../images/wz.jpg) 0 no-repeat; width:100%; height:30px; line-height:30px; color:#7b838e; margin:10px 0;}
.wz a{color:#7b838e; display:inline-block; padding:0 7px;}
.wz a.on,.wz a:hover{color:#006fee;} 
.inn-title { height:70px; position:relative; margin-top:30px;  text-align:center;}
.inn-title:before {content:""; position:absolute; height:1px; width:100%; left:0; top:50px; background:#dee0df;}
.inn-title:after { content:""; position:absolute; height:1px; width:42px;  left:50%; margin-left:-21px; top:25px; background:#006fee;}
.inn-title .tbt { display:inline-block; padding:30px 6px 0; background:#fff; position:relative; font-size:30px; color:#6b6b6b;}
.inn-title h1 { font-size:14px; text-align:center; position:absolute; left:0; top:0; width:100%; text-align:center;}
/****************************/
.inn-nav { text-align:center; margin-top:40px; }
.inn-nav .tbc { display:inline-block; border:1px solid #dcdcdc; height:52px; -webkit-border-radius:52px;  border-radius:52px;} 
.inn-nav .tbc a { position:relative; float:left; width:140px; line-height:52px; height:52px;-webkit-border-radius:52px;  border-radius:52px;}
.inn-nav .tbc a.on,.inn-nav .tbc a.on:hover{  color:#fff; }
.inn-nav .tbc a:hover { color:#006fee}


.inn-nav em { position:relative; z-index:2;}
.inn-nav .tbc a:before,.inn-nav .tbc a:after { content:""; position:absolute; top:0; height:100%; width:0; background:#006fee; -webkit-transition:all .3s; transition:all .3s;}
.inn-nav .tbc a:before { right:50%; -webkit-border-radius:52px 0 0 52px;  border-radius:52px 0 0 52px;}
.inn-nav .tbc a:after { left:50%; -webkit-border-radius:0 52px 52px 0;  border-radius:0 52px 52px 0;}
.inn-nav .tbc a.on:before,.inn-nav .tbc a.on:after { width:51%;}
.sb-title { position:relative; height:110px; margin-top:50px; text-align:center;}
.sb-title .sb-eng { color:#efefef; font-size:110px; line-height:110px; text-align:center; position:absolute; left:0; width:100%; top:0;}
.sb-title .tbt { position:relative; display:inline-block; text-align:center; padding-top:40px; margin-top:20px; font-size:22px; line-height:24px;}
.sb-title .tbt:before,.sb-title .tbt:after { position:absolute; content:""; bottom:11px; width:35px; height:1px; background:#a0a0a0;}
.sb-title .tbt:before { left:-45px;} 
.sb-title .tbt:after { right:-45px;}
.stit1 { background:url(../images/stit1.png) top center no-repeat;}
.stit2 { background:url(../images/stit1.png) top center no-repeat;}
.stit3 { background:url(../images/stit1.png) top center no-repeat;}
.stit4 { background:url(../images/stit1.png) top center no-repeat;}
.stit5 { background:url(../images/stit1.png) top center no-repeat;}
.stit6 { background:url(../images/stit1.png) top center no-repeat;}
/**********************************/
.inn-pro { margin-top:20px;}
.inn-pro li { margin-top:40px;}
.inn-pro .tb-box{ border:1px solid #dcdcdc; background:#fff;}
.case-inn9 {position:relative;overflow:hidden; width:1280px; margin-top:20px; }
.case-inn9 li { float:left; width:373px; margin:30px 39px 10px 0; position:relative; color:#898989; line-height:24px; height:422px;}
.case-inn9 li .tb-box { width:100%; height:260px;}
.case-inn9 li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.case-inn9 li h1 { text-align:center; font-size:18px; color:#323232; height:24px; overflow:hidden; margin:15px 0; }
.case-inn9 li h3 { overflow:hidden; padding-bottom:60px; height:108px; background:url(../images/ba1.jpg) center bottom no-repeat; }
.case-inn9 li:hover h1 { color:#006fee;}
.case-inn9 li:hover h3 { background:url(../images/ba2.jpg) center bottom no-repeat;}
/*****************/
/***********/
.info-t { line-height:30px; padding-top:17px;   font-size:24px; color:#333333; }
.info-sp { color:#838383; border-bottom:10px solid #eeeeee; line-height:24px; padding:13px 0; }
.info-c { color:#555555; font-size:14px; line-height:28px;  margin:30px 0px 30px; overflow:hidden;}
.info-c img { max-width:100%;}
.info-c table { display:block; margin:0 auto;}
.fenx { display:inline; _display:none; float: right; color: #666; margin-top: 20px; }
.fenx span { position: relative; top: -5px; margin-right: 6px; }
.sxpian { border-top:10px solid #eee; margin:30px 0px 0 0px; padding-top:25px; line-height:30px; color:#666; font-size:14px; position:relative;}
.sxpian a { margin-left:6px; color:#666;}
.sxpian a:hover {  color:#f93a3a; text-decoration:underline;}

.back-btn{ position:absolute; right:0; top:30px; width:156px; height:38px; border:2px solid #888; display:block; text-align:center; line-height:34px;}
/**鍒嗕韩***/
.bdsharebuttonbox{display: inline;_display: none; margin-left:55px;}
.bdsharebuttonbox a{float: none !important;width:32px !important; height:32px !important; display:inline-block !important; padding-left:0px !important;margin:0 2px !important;position: relative;top: 4px;}
.bds_sqq{background:url("../images/fenx.jpg") no-repeat !important; background-position:-40px 0 !important;}
.bds_weixin{background:url("../images/fenx.jpg") no-repeat !important; background-position:-80px 0 !important; }
.bds_tsina{background:url("../images/fenx.jpg") no-repeat !important; background-position:0px 0 !important;}
.bds_qzone{background:url("../images/fenx.jpg") no-repeat !important; background-position:-160px 0 !important;}
.bds_tqq{background:url("../images/fenx.jpg") no-repeat !important; background-position:-120px 0 !important;}
.bds_more{background:url("../images/fenx.jpg") no-repeat !important; background-position:-123px 0 !important;}
.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url("../images/close8.png") no-repeat; width:32px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:32px; position:absolute; right:-14px; top:-14px; z-index:9999;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}
#lightbox-imageBox { overflow:visible !important;}
/***********/
#containermap,#containermap2,#containermap3{width:100%;height:590px;background-color:#eee}
#imgDemo2{}
#containermap .tt,#containermap2 .tt,#containermap3 .tt{padding:0;margin:0;line-height:30px;font-size:16px}
#imgDemo,#imgDemo2,#imgDemo3{ display:block; margin:0 auto; padding:14px 14px 10px 0;width:90%;}
#containermap .add,#containermap2 .add,#containermap3 .add{font-size:14px;line-height:20px;padding:0;margin:0;color:#666}
.cool-l span{position:absolute;background:#f93a3a;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.cool-l .line1{left:-2px;top:-2px;width:0%;height:2px}
.cool-l .line2{right:-2px;top:-2px;width:2px;height:0%}
.cool-l .line3{right:-2px;bottom:-2px;width:0%;height:2px}
.cool-l .line4{left:-2px;bottom:-2px;width:2px;height:0%}
.cool-l:hover .line1,.cool-l:hover .line3{width: 156px;}
.cool-l:hover .line2,.cool-l:hover .line4{height:38px;}
.info-left { width:822px; float:left; overflow:hidden; padding-bottom:40px;}
.info-right { width:330px; float:right; overflow:hidden;  padding-bottom:40px;}
.tj-list { width:1280px; overflow:hidden; padding-bottom:20px;}
.tj-list li { width:370px; float:left; margin:0 45px 0 0; color:#666666; line-height:24px; }
.tj-list li a { color:#666;} 
.tj-list li .tb-box { width:100%; height:190px; display:block;}
.tj-list li h1 { font-size:18px; color:#575757; padding:8px 0;}
/************/
/***********************/
.bm-table { width:100%;} 
.bm-table td { padding:10px 0;}
.bm-inp { width:100%; height:42px; line-height:40px; border:1px solid #dcdcdc; padding-left:12px;}
.bm-inp:hover { border:1px solid #ff8902;}
.bm-inp:focus { border:1px solid #ff8902; -webkit-box-shadow:0 0 2px #ff8902; box-shadow:0 0 2px #ff8902;}
.bm-sel { background:url(../images/bm-sel.png) 90% no-repeat;}
.bm-btn { width:190px;  height:46px; line-height:46px; font-size:16px; text-align:center; display:block; margin:0 auto; color:#fff; background:#ff8902; border:none; cursor:pointer; -webkit-border-radius:5px;  border-radius:5px; }
/***********/
/**********/
.jb-tit{ color:#3a3a3a; font-size:16px; line-height:16px; padding:20px 0 20px 12px; color:#3a3a3a; position:relative;}
.jb-tit:before { content:""; position:absolute; left:0; top:21px; height:14px; width:4px; background:#fdb404;}
.cas-top { overflow:hidden;}
.cas-top li{ color:#7f7f7f; line-height:36px;}
.price-box { position:relative; width:316px; padding:150px 34px 25px; margin:40px 7px 7px; box-shadow:0 0 7px #bbb; } 
.price-box h1 { position:absolute; top:24px; left:0; width:100%; font-size:24px; color:#4f4f4f; text-align:center}
.num-box {  position:absolute; top:73px; left:28px; width:260px; height:60px; line-height:52px; font-size:24px; color:#26272b; padding-right:20px; text-align:right; background:#d2d3b4; border:4px solid #434343; -webkit-border-radius:9px; border-radius:9px;}
/*****************/
.tj-tit { position:relative;}
/**************/
.tj-tit { height:62px; line-height:62px; font-size:24px; color:#494949; position:relative;}
.tj-tit .fhui-btn { position:absolute; bottom:15px; right:0; width:70px; height:32px; font-size:14px; line-height:32px; text-align:center; color:#fff; background:#f39500;}
.tj-tit .fhui-btn:before { content:""; position:absolute; right:70px; top:0; height:100%; width:32px; background:#eeeeee url("../images/tj-more.jpg") center no-repeat; -webkit-transition:all .4s ease;transition:all .4s ease; }
.tj-tit .fhui-btn:hover:before { width:48px;}
.hot-more { position:absolute; right:0; top:6px; font-size:14px;}
.hot-more:hover { color:#006fee;}
.hot-list2 { overflow:hidden;}
.hot-list2 li { overflow:hidden; padding:15px 0;}
.hot-list2 li a { color:#6e6e6e; line-height:24px;}
.hot-list2 li h1 { color:#3e3e3e; font-size:18px; margin-bottom:12px;}
.hot-list2 img { width:152px; height:106px; float:left; margin-right:10px;}
/*************/
.hot-list { }
.hot-list li { height:40px; line-height:40px; overflow:hidden; padding-right:90px; position:relative; }
.hot-list li h3 { position:absolute; right:0; top:0;  color:#717171;}
.hot-list li a { color:#3e3e3e;}
.hot-list li:nth-child(1) {}
.hot-list li:nth-child(2) {}
.hot-list li:nth-child(3) {}
.hot-list li:nth-child(4) {}
.hot-list li:nth-child(5) {}
.hot-list li:nth-child(6) {}
.hot-list img{display:none; position:absolute; right:0; width:105px; height:81px;}
.hot-list li:hover h3,.hot-list li.on h3{ display:block}
.hot-list li:hover h1,.hot-list li.on h1 { color:#398edf;}
.hot-list li:hover img,.hot-list li.on img {}
/**********************************/
.solove-list {}
.solove-list a { display:block; position:relative; margin-top:10px;}
.solove-list img { width:360px; height:100px; display:block;}
.solove-list a em { position:absolute; left:0; width:100%; text-align:center; color:#fff; font-size:18px; line-height:20px; top:40px; }
/**************/
/*****************/
.zp-ul { overflow:hidden; margin-top:10px;} 
.zp-li { overflow:hidden; border:1px solid #d7d7d6; margin-top:10px;}


.zp-head .sp1 { width:300px; margin-left:34px; float:left;font-size: 16px;color: #383838; position:relative;}
.zp-bom { background:#eeeeee; padding:20px 50px 30px;; border-top:1px solid #d7d7d6; font-size:14px; color:#878787; line-height:24px; display:none; position:relative;}
.dww{ position:relative; display:inline-block; margin-left:10px; font-size:16px; color:#ef8a14;top: 0px;left:0px;}
.zp-top { height:60px; font-size:18px; line-height:60px; background:#006fee; color:#fff; margin-top:60px;}
.sp2{ width:16.666%; float:left; text-align:center; font-size:16px; position:relative; }
.zp-head { height:50px;  color:#5b5b5b; line-height:50px; font-size:18px;overflow: hidden; }
.zp-head .arrow{/* background:url(../images/zp-drop.png) no-repeat;*/ display:inline-block; line-height:12px;   width:17px; height:12px; -webkit-transition:all .4s; transition:all .4s;}
.le_on1 { background:#2b83e7; color:#fff;}
.le_on1 .arrow{ -webkit-transform:rotate(180deg);  transform:rotate(180deg);}
.jl-btn { display:block; width:180px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:16px; margin-top:20px; background:#006fee; -webkit-border-radius:44px; border-radius:44px;}
.show-shade { background: rgba(0, 0, 0, .5); position: fixed; top: -200px; right: -200px; left: -200px; bottom: -200px; z-index: 2333; display:none;}
.reg-box li.reg-xx { border-bottom:none; padding-left:0;}
.reg-box .xx-info li { padding-left:0;}
.reg-box { position:fixed; width:640px; left:50%; margin-left:-320px; top:-100%; background:#fff; z-index:2335; -webkit-border-radius:10px; border-radius:10px; -webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
.reg-box .reg-tit { font-size:.6rem; color:#3b3b3b; text-align:center; padding:.4rem 0 0;}
.reg-box .reg-xx { color:#999999; line-height:.5rem; font-size:.32rem; min-height:inherit; margin-top:.4rem;}
.reg-box .exic-btn { width:100%;}
.reg-box .xx-inp { font-size:.48rem;}
.car-show2 { top:10%}
.close9 { position:absolute; width:40px; height:40px; right:0; top:0; text-align:center; line-height:40px; cursor:pointer;}
.close9 span { font-size:30px; color:#a0a0a0;}
.bm-table { width:100%; color:#858585; font-size:14px; margin-top:30px;}
.bm-table td { padding:10px 0;}
.td1 { width:150px; text-align:right; padding-right:10px;  color:#006fed; font-size:18px;}
.bm-inp { width:420px; height:42px; line-height:40px; border:1px solid #dcdcdc; padding-left:12px;}
.bm-inp:hover { border:1px solid #0169b5;}
.bm-inp:focus { border:1px solid #0169b5; -webkit-box-shadow:0 0 2px #0169b5; box-shadow:0 0 2px #0169b5;}
.bm-sel { background:url(../images/bm-sel.png) 90% no-repeat;}
.bm-btn { width:150px; height:46px; line-height:46px; font-size:16px; text-align:center; display:block; float:left; margin:0px 10px 0 0; color:#fff; background:#006fed; border:none; cursor:pointer; }
.sb-line { padding:20px 0; border-top:1px solid #dcdcdc; margin:15px 40px 0;}
.sb-line span { color:#b03126; margin-right:6px;}
/****************lianx******/
.map-box { width:830px; height:500px; float:right;}
.lx-tab { height:60px; border-bottom:1px solid #dcdcdc; line-height:60px; width:880px; margin:0 auto; margin-top:50px; margin-bottom:50px; text-align:center;}
.lx-tab a { position:relative;  display:inline-block; padding:0 43px 0 41px; font-size:18px; height:68px;}
.lx-tab a:after { content:""; position:absolute; top:21px; right:0; width:2px; height:20px; background:#c9c9c9;}
.lx-tab a:last-child:after { display:none;}
.lx-tab a.lx-on,.lx-tab a:hover { color:#006fee; background:url(../images/lx.jpg) bottom center no-repeat;}
.lx-left { width:320px; float:left;}
.lx-left .tbt { color:#676767; font-size:22px; font-weight:bold;}
.lx-left ul { width:232px; margin-top:10px;}
.lx-left ul li { margin-top:18px; padding-left:30px; line-height:24px;}
.lx-left ul li h1 { position:relative; left:-30px; overflow:hidden;}
.lx-left ul li span { display:block; width:30px; float:left; color:#006fee; font-size:20px;}
.wei-box { margin-top:20px; padding-right:120px; position:relative; color:#535353; line-height:24px;}
.wei-box img { width:100px; height:100px; display:block; position:absolute; right:0; top:0; }
.wei-box h1 { color:#2282f0; font-size:16px; margin:10px 0 6px;}
.lx-box { height:500px; overflow:hidden;}
.lx-inn { overflow:hidden;}
/******************************/
.load-list { margin:10px 18px 0;}
.load-list li { position:relative; margin-top:30px; padding:10px 200px 10px 25px; color:#5e5e5e; line-height:28px; border:1px solid  #dcdcdc; -webkit-border-radius:8px; border-radius:8px;}
.load-list li:after { content:""; position:absolute; right:150px; width:0; height:80%; top:10%; border-left:1px dashed #aeaeae;}
.load-list li h1 { color:#484848; font-size:18px; font-weight:bold;}
.load-list li h5 { margin-top:10px;  color:#5e5e5e;}
.load-list li h5 i { margin-right:30px;}
.load-btn {}
.load-btn { position:absolute; right:35px; top:50%; margin-top:-15px; overflow:hidden; width:80px; height:30px; line-height:30px; text-align:center;  display:block; color:#fff; background:#666666;    -webkit-box-shadow:4px 4px 4px #cbc8c7; box-shadow:4px 4px 4px #cbc8c7; }
.load-btn em { position:relative; z-index:2;}
.load-btn:before,.load-btn:after { content:""; position:absolute; top:0; height:100%; width:0; background:#006fee; -webkit-transition:all .3s; transition:all .3s;}
.load-btn:before { right:49%;}
.load-btn:after { left:49%;}
.load-btn:hover { color:#fff; border:1px solid #006fee;}
.load-btn:hover:before,.load-btn:hover:after { width:51%;}
/*********************************/
.inban3 { height:600px; position:relative; overflow:hidden;}
.inban31 { }
.inban3:before { content:""; width:100%; height:600px; position:absolute; left:0; top:0; z-index:20;}
.inban31:before { background:rgba(23,118,23,.6);}
.inban32:before { background:rgba(0,111,238,.52);}
.inban33:before { background:rgba(108,19,19,.6);}
.ban-con3 { width:520px; position:absolute; left:50%; margin-left:-260px; top:190px; z-index:21; color:#fff; line-height:30px; text-align:center;}
.ban-con3 h1 { font-size:36px; line-height:36px; margin-bottom:10px;}
.ban-con3 .so-more { margin-top:20px; border:1px solid #dcdcdc; display:inline-block; height:40px; line-height:38px; width:138px; -webkit-border-radius:6px; border-radius:6px; color:#fff; -webkit-transition:all .3s; transition:all .3s;}
.ban-con3 .so-more:hover { padding-left:4px;}
/******************/


.con-four { overflow: hidden; padding: 60px 0 40px;}
.con-four li { width: 25%; float: left;height:270px; padding:60px 10px 0;  text-align: center; color: #4e4e4e; font-size: 14px; line-height: 24px;  border: 1px solid #dcdcdc; border-left: none; }
.con-four li:first-child { border-left: 1px solid #dcdcdc; }
.con-four li img { height: 45px; }
.con-four li h1 { color: #2e2e2e; font-size: 20px; margin: 15px 0 10px;  }
.con-four li h3 { font-size: 18px;  color:#bc2b36; }
.con-four li h5 { color:#4e4e4e; font-size:15px;}
.con-four li.dlay5 h5,.con-four li.dlay7 h5  { color:#bc2b36;}
/* 本例子css */
.w3cFocus { position:relative;  width:812px; margin:0 auto; margin-top:50px; overflow:hidden;}
.w3cFocus .prev,.w3cFocus .next{ position:absolute;  display:block;  left:-55px !important; top:50%; margin-top:-81px; width:46px; height:62px; background:url("../images/focusAdvBg.png") no-repeat; filter:alpha(opacity=0) !important;opacity:0 !important; z-index:9999;
	 transition:all .4s;  -webkit-transition:all .4s;  }
.w3cFocus:hover .prev,.w3cFocus:hover .next{ display:block; filter:alpha(opacity=80) !important;opacity:.8!important;}
.w3cFocus:hover .prev { left:20px !important;}
.w3cFocus:hover .next {right:20px !important;}
	.w3cFocus .next{ left:auto !important; right:-54px !important; background-position:-46px 0; }
	.w3cFocus .prev:hover,.w3cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
	
	.w3cFocusIn{ position:relative;z-index:1; width:812px; height:601px;  overflow:hidden;   }
	.w3cFocusIn:before { display:none; content:""; width:75px; height:96px; background:url("../images/hxing.png") no-repeat; position:absolute; left:55px; top:22px; z-index:10;}
	.w3cFocusIn .bd li{ vertical-align:middle; }
	.w3cFocusIn .bd li img{ width:800px !important; height:512px; display:block;}
	.w3cFocusIn .hd{ position: absolute; left:0px; bottom:0px; width:830px;   }
	.w3cFocusIn .hd ul{ vertical-align:middle; display:block; text-align:center; *display:inline; overflow:hidden; zoom:1; }
	.w3cFocusIn .hd ul li{  position:relative; display:inline-block; width:125px;height:80px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;border:2px solid #fff; margin:0 10px 0 0;overflow:hidden;*display:inline;text-align:center;  }
	.w3cFocusIn .hd ul li img{  width:125px; height:80px; display:block;  }
	.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url("images/focusArrow.png") center 0 no-repeat; border:2px solid #006fee;}
	
  .info-left 	.w3cFocusIn .hd ul li{ float: left;}	
/*************418xin**************************/
.zz-list { overflow:hidden; width:1280px; }	
.zz-list li { width:373px; height:254px; float:left; margin:20px 40px 20px 0;}
.zz-list li img { width:100%; height:100%; display:block;}
/******chanpin********/
.pro-lay1 { height:551px; position:relative; background:url(../images/pro-lay1.jpg) top center no-repeat; overflow:hidden;}

.pro-lay1 .w3cFocus { float:right;}
.pro-lay1 .w3cFocusIn .bd { width:560px; float:right; margin-right:120px;}
.pro-lay1 .w3cFocusIn .bd li img { width:560px !important; height:358px;}
.pro-lay1 .w3cFocusIn .hd ul li { border:1px solid #dcdcdc}
.pro-lay1 .w3cFocusIn .hd ul li.on { border:1px solid #006fee}
.pro-lay1 .w3cFocus .prev,.pro-lay1 .w3cFocus .next { display:none;}
.pro-lay1 .w3cFocusIn { height:470px;}
.pro-info { position:absolute; left:50%; margin-left:-600px; width:520px; top:100px; color:#5e5e5e; line-height:28px;}
.pro-info .tbt { color:#006fee; font-size:22px; line-height:32px; margin-bottom:20px;}
.pro-info .tbt h1 { font-size:30px;}
.pro-btn { display:inline-block; margin-right:15px; margin-top:20px; width:180px; height:50px; line-height:50px; text-align:center; color:#fff; background:#0a5dde; font-size:18px; -webkit-border-radius:50px; border-radius:50px;}
/****************/
.pro-lay2 { height:192px; background:url(../images/pro-tit.jpg) top center no-repeat; overflow:hidden;}
.pro-tab { height:60px; width:1000px; margin:0 auto; margin-top:132px; }
.pro-tab em { position:relative; z-index:2;}
.pro-tab a { position:relative; height:60px; line-height:60px; width:250px; text-align:center; font-size:18px; border-right:1px solid #0a98e2; display:block; float:left; background:#fff;}
.pro-tab a.pro-on { color:#fff;}
.pro-tab a.pro-on:before { bottom:0; } 
.pro-tab a:before {  content:""; position:absolute; width:100%; height:100%; left:0; bottom:-100%; background:#0080db; -webkit-transition:all .4s; transition:all .4s; }
.pro-inn { display:none; margin:30px 100px; min-height:100px;}
/****************/
.cnzz { position:absolute; bottom:0; left:0;}
.case-ul { overflow:hidden; width:1280px; margin-top:50px;}
.case-ul li { position:relative; overflow:hidden; float:left; width:360px; height:330px; border-bottom:1px solid #e1d1e1; margin-right:60px; margin-bottom:48px;}
.case-ul li a { display:block;}
.case-ul li .p1{color:#232e3a; font-size:18px; line-height:32px; height:42px; overflow:hidden; padding-top:10px;}
.case-ul li .p2{color:#888888; font-size:14px; line-height:18px; padding-top:5px;}
.case-ul li .img{width:360px; height:230px; overflow:hidden; position:relative;}
.case-ul li img{width:100%; height:100%; display: block; position:relative;}
.case-ul li:hover img{transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.case-ul li img,.case-ul li .p1,.case-ul li .p2,.case-ul li:before {-webkit-transition: 0.4s ease-in 0s;-moz-transition: 0.4s ease-in 0s;-ms-transition: 0.4s ease-in 0s;}
.case-ul li .img:before{content: '';width: 100%;height: 100%;position: absolute;display: block;z-index: 3;background: rgba(0,0,0,0.7);opacity: 0;top: -100%;transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;}
.case-ul li:hover .img:before{top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}
.case-ul li .ca-shade{ width:100%; height:230px; display:block; position:absolute; z-index:99; left:0; top:0; background: url("../images/nal_yan.png") center -10px no-repeat; text-align: center;}
.case-ul li .ca-shade{ 
    transition: -ms-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: -webkit-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: -moz-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);  opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}

.mny_casebox:hover { box-shadow:3px 3px 5px #aaa; -webkit-transform:translateY(-8px); -ms-transform:translateY(-8px);transform:translateY(-8px);}
/******************/
.case-ul li:hover .ca-shade,.news-list2 li:hover .ca-shade{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);  opacity:1; -moz-opacity:1;  -ms-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }
.case-ul li .ca-shade i,.news-list2 li .ca-shade i{ display:block;top:50%; position:relative; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); }
.case-ul li .ca-shade i em,.news-list2 li .ca-shade i em{ display:inline-block; width: 50px; height: 65px; background-image:url("../images/go.png"); transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7); -moz-transform:scale(0.7,0.7); -o-transform:scale(0.7,0.7);}
.case-ul li .ca-shade i em,.news-list2 li .ca-shade i em{ -ms-animation: sprite-animate-go 1s steps(51)infinite; animation: sprite-animate-go 1s steps(51)infinite; -o-animation: sprite-animate-go 1s steps(51)infinite; -moz-animation: sprite-animate-go 1s steps(51)infinite; -webkit-animation: sprite-animate-go 1s steps(51)infinite; }

@-webkit-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-moz-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-o-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}

.case-ul li:before { content:""; position:absolute; width:0; height:3px; bottom:-1px; left:0; background:#fcb221; -webkit-box-shadow:1px 1px 1px #fcb221; -ms-box-shadow:1px 1px 1px #fcb221; box-shadow:1px 1px 1px #fcb221;}
.case-ul li:hover:before { width:100%;}
/***************/


/******************/
.case-tbox { overflow:visible; position:relative;}
.likethis { display:none; position:absolute; right:-45px; top:23px; width:68px; height:230px; -webkit-box-shadow:0 0 3px #fdb404; box-shadow:0 0 3px #fdb404; background:#fdb404; font-size:24px; color:#fff; padding:60px 20px; z-index:10;}
.likethis i { position:absolute; top:10px; left:30px;}
.likethis i{ display:inline-block;width:45px;height:32px;background:url("../images/hans.png") no-repeat left center;animation:trans9 1s linear infinite;float:left;}
@keyframes trans9{
	0%{transform:translateX(-10px);}
	50%{transform:translateX(-20px);}
	100%{transform:translateX(-10px);}
}
.case-info { overflow:hidden; padding:40px 0 30px 150px; border-bottom:1px solid #dcdcdc;}
.case-info li { float:left; width:200px; padding-left:20px; color:#585858;} 
.case-info li h1 { display:inline-block; color:#fdb404; font-size:24px; margin-bottom:10px; position:relative;}
.case-info li h1:before { content:""; position:absolute; top:-5px; height:2px; width:20px; background:#fdb404; -webkit-transition:all .4s ease;transition:all .4s ease; }
.case-info li:hover h1:before { width:100%;}

/******************************/
.news-list2 { overflow:hidden; width:1300px; margin-top:30px;}
.news-list2 li{ position:relative; overflow:hidden; float:left; width:340px; height:390px; border-bottom:1px solid #e1d1e1; margin-right:90px; margin-bottom:50px;}
.news-list2 li a { display:block; height:390px;}
.news-list2 li .ny_date_box{ height:50px; line-height:20px; color:#939393; font-size:14px; background:url("../images/newsa.jpg") left top no-repeat; padding-left:50px;}
.news-list2 li .p1{font-size:18px; color:#545454; height: 20px; overflow:hidden;}

.news-list2 li .img{width:340px; height:230px; overflow:hidden; position:relative;}
.news-list2 li .img img{width:100%; height:100%; display: block; position:relative;}

.news-list2 li .p2{font-size:14px; color:#888888; line-height:24px; height:48px; overflow:hidden; margin-top:10px; }
.news-list2 li .p3{font-size:16px; position:absolute; left:0px; bottom:10px; color:#fdb404; line-height:32px; height:36px; display:block; width:146px; text-align:center; border:2px solid #fdb404;-webkit-transition: 0.3s ease 0s;-moz-transition: 0.3s ease 0s;-ms-transition: 0.3s ease 0s;}

.news-list2 li:hover img{transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.news-list2 li img,.news-list2 li .p1,.news-list2 li .p2,.news-list2 li:before {-webkit-transition: 0.4s ease-in 0s;-moz-transition: 0.4s ease-in 0s;-ms-transition: 0.4s ease-in 0s;}
.news-list2 .img:before{content: '';width: 100%;height: 100%;position: absolute;display: block;z-index: 3;background: rgba(0,0,0,0.7);opacity: 0;top: -100%;transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;}
.news-list2 li:hover .img:before{top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}
.news-list2 li .ca-shade{ width:100%; height:230px; display:block; position:absolute; z-index:99; left:0; top:50px; background: url("../images/nal_yan.png") center -10px no-repeat; text-align: center;}
.news-list2 li .ca-shade{ 
    transition: -ms-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: -webkit-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: -moz-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);  opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}

.mny_casebox:hover { }
.news-list2 li a:before{ display:none; z-index:10; text-align:center; line-height:58px; content:"MORE+"; font-size:18px; color:#fff; position:absolute; width:0; height:58px; bottom:-1px; left:0; background:#fcb221; -webkit-box-shadow:1px 1px 1px #fcb221; -ms-box-shadow:1px 1px 1px #fcb221; box-shadow:1px 1px 1px #fcb221; z-index:18;-webkit-transition: 0.3s ease 0s;-moz-transition: 0.3s ease 0s;-ms-transition: 0.3s ease 0s;}
.news-list2 li:hover .p3 { width:100%; height:47px; line-height:43px; bottom:-1px;}
.news-list2 li:hover a:before { width:100%;}

/*********************/
.news-box8 { width:1200px; overflow:hidden; padding:15px 45px 45px; margin:0 auto; margin-top:20px; -webkit-box-shadow:0 0 6px #d9d7d7;box-shadow:0 0 6px #d9d7d7; }
.news-box8 .info-c { margin:20px 0 30px;}
.con-four { overflow: hidden; padding: 60px 0 40px;}
.con-four li { width: 25%; float: left; text-align: center; color: #4e4e4e; font-size: 14px; line-height: 24px; }
.con-four li img { height: 45px; }
.con-four li h1 { color: #2e2e2e; font-size: 20px; margin: 15px 0 5px;  }
.con-four li h3 { font-size: 16px; font-weight: bold; color:#f67524; }
.con-four li h5 { color:#f67524;}
/**************/
.con-tit9 {  margin-top: 50px; color: #232e3a; font-size: 30px; text-align: center; }
.loute-ul { border-right: none; margin: 50px 0; overflow: hidden; }
.loute-ul li { float: left; position: relative;  border: 1px solid #dcdcdc; border-left: none; padding: 77px 37px 0; height:357px;  width: 399px;}
.loute-ul li:first-child { border-left: 1px solid #dcdcdc; }
.loute-ul li img { height: 77px; display: block; margin: 0 auto; }
.loute-ul li:before { content: ""; width: 339px;height: 357px;position: absolute;border: 1px solid #fff;top: 10px;left: 30px;transition: all 0.3s; -webkit-transition: all 0.3s; }
.loute-ul li:hover:before {width:400px; left: -1px; top: -1px; border: 1px solid #ffc045; z-index: 1;}
.loute-ul li h1 { color: #232e3a;  font-size: 24px; padding:20px 0 25px; border-bottom: 1px dashed #999999; text-align: center;  }
.loute-ul li:hover h1 { border-bottom: 1px dashed #ffc045; }
.loute-ul li h3 { color: #232e3a; line-height: 30px; margin: 20px 10px 0; text-align: center; font-size:16px; } 
/***********/



.con-tit1 { color:#fbbe46; font-size:24px; margin-bottom:10px; position:relative; top:-10px;}
.con-tit3 { color:#fbbe46; font-size:24px; margin:10px 0; }
/***************/
.about-x2 { padding: 25px 0px; color: #5b5b5b; font-size: 16px; line-height: 30px; text-align: center; }
.about-x2 font { color:#ff9c00; font-style:italic; font-size:22px;}
.about-x3 { padding: 30px 25px 80px; overflow: hidden; }
.about-x3 li { float: left; width: 50%; text-align: center; color: #7d7d7d; font-size: 18px; }
.about-x3 li h1 { font-family: "Arial"; color: #ffc838; font-size: 72px; line-height: 80px; }
/************************/
.abs-lay3 { height:500px; position:relative; background:url("../images/lay3.jpg") top center no-repeat}
.abs-lay3:before { content:""; position:absolute; left:0; top:285px; width:0px; height:2px; background:#ff9c00; -webkit-transition:all 1s ease; transition:all 1s ease;}
.wtit .title,.wtit .title p { color:#fff;}
.wtit .title p:before,.wtit .title p:after { background:#fff;}
.css6:before { width:100%;}
.culture { width:1200px; margin:0 auto; position:relative; margin-top:82px;}
.culture li { width:130px; height:130px; background:#ff9c00; position:absolute; top:0; -webkit-border-radius:100%; border-radius:100%; opacity:0; text-align:center; color:#fff;  padding-top:26px;}
.culture li h1 { color:#ffffff; font-size:36px; font-weight:bold; }
.culture li.cul6{ right:35px; animation-delay:1s;}
.culture li.cul5{ right:235px; animation-delay:1.5s;}
.culture li.cul4{ right:435px; animation-delay:2s;}
.culture li.cul3{ right:635px; animation-delay:2.5s;}
.culture li.cul2{ right:835px; animation-delay:3s;}
.culture li.cul1{ right:1035px; animation-delay:3.5s;}
.css6 .rollin{
	-webkit-animation: rollinAnimate 1s ease forwards;
	animation: rollinAnimate 1s ease forwards;
	animation-delay:1s;
	-webkit-animation-delay:1s;
}


@-webkit-keyframes rollinAnimate{
	0%{ -webkit-transform: translateX(-1000px) rotate(-1080deg); transform: translateX(-1000px) rotate(-1080deg); opacity: 0;}
	100%{ -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); opacity: 1;}
}
/*******************/
.hon-container { width:1200px; padding:0 50px; padding-top:50px; margin-bottom:50px;}
.hon-container:before,.hon-container:after  { content:""; position:absolute; left:0; top:0; width:50px; height:100%; z-index:9; background:#fff; }
.hon-container:after { left:auto; right:0;}
.hon-container .sev-next,.hon-container .sev-prev { width:32px; height:32px; background:url("../images/prev.png") no-repeat; margin-top:16px;}
.hon-container .sev-next { background-position:-108px 0; right:9px;}
.hon-container .sev-prev { background-position:0 0; left:9px;}
.hon-container .sev-next:hover { background-position:-76px 0;}
.hon-container .sev-prev:hover { background-position:-32px 0;}
.hon-container { }
.hon-list1 img { width:250px; height:175px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;}
.hon-list1 img:hover {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.hon-list1 .swiper-slide { font-size:16px; line-height:20px;}
/*****************/
#lightbox * { box-sizing:content-box;}
.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url("../images/close8.png") no-repeat; font-size:0; width:30px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:30px; position:absolute; right:-15px; top:-15px; z-index:9999; cursor:pointer;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}
.hon-list2 img { width:200px; height:266px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;}
.hon-list2 img:hover {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.hon-list2 .swiper-slide { font-size:16px; line-height:20px;}
/*****************/
.abs-lay4 { height:730px; background:url("../images/lay4.jpg") top center no-repeat; margin-top:30px; overflow:hidden;}
.qa-list { overflow:hidden;}
.qa-list li{ width:300px; float:left; padding:21px 40px 0 130px; margin-top:70px; color:#fff; font-size:16px; line-height:26px; height:94px; position:relative;}
.qa-list li em { width:94px; height:94px; position:absolute; left:26px; top:0; background:url("../images/qa.png") no-repeat
;}
.qa-list li.qa1 em { background-position:0 0;}
.qa-list li.qa2 em { background-position:-300px 0;}
.qa-list li.qa3 em { background-position:-605px 0;}
.qa-list li.qa4 em { background-position:-911px 0;}
.qa-list li.qa5 em { background-position:0 -165px;}
.qa-list li.qa6 em { background-position:-300px -165px;}
.qa-list li.qa7 em { background-position:-605px -165px;}
.qa-list li.qa8 em { background-position:-911px -165px;}
.qa-list li.qa9 em { background-position:0 -337px;}
.qa-list li.qa10 em { background-position:-300px -337px;}
.qa-list li.qa11 em { background-position:-605px -337px;}
.qa-list li.qa12 em { background-position:-911px -337px;}

.qa-list li em:before,.qa-list li em:after { position:absolute; content:""; width: 94px;height: 94px;background:url("../images/six.png") center no-repeat;left: 0;top: 0;-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;}
.qa-list li em:after{opacity: .5;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);}
.qa-list li:hover em:before{-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);}
.qa-list li:hover em:after {-webkit-transform: rotate(110deg);
-moz-transform: rotate(110deg);
-ms-transform: rotate(110deg);
-o-transform: rotate(110deg);
transform: rotate(110deg);}
/***********案例详情*********************/
.pc-slide{width: 810px;margin: 0 auto; margin-top:50px; position:relative;}
.view {width: 810px; padding:5px; border:1px solid #d7d7d7;box-shadow:0 0 8px #888;}
.view .swiper-container{width: 800px;height: 512px;}
.view .arrow-left{ background:url("../images/prev5.png") 1px 0 no-repeat;position: absolute;left: 10px;top: 50%;margin-top: -24px;width: 22px;height: 48px;z-index: 10;}
.view .arrow-right{ background:url("../images/prev5.png") -72px 0 no-repeat;position: absolute;right: 10px;top: 50%;margin-top: -24px;width: 22px;height:48px;z-index: 10;}
.view .arrow-left:hover { background-position:-21px 0;}
.view .arrow-right:hover { background-position:-50px 0;}
.view .swiper-slide img{width:800px; height:511px;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 800px;height: 70px;margin-left: 5px;}
.preview .swiper-slide{width: 106px;height: 68px;margin:0 10px 0 0;cursor:pointer;}
.preview .arrow-left{background: url("images/feel3.png") no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10; -webkit-transition:all .3s;  transition:all .3s;}
.preview .arrow-right{background: url("images/feel4.png") no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;  -webkit-transition:all .3s;  transition:all .3s;}
.preview img{padding: 1px;width:100px; height:64px;}
.preview .active-nav img{padding: 0;border: 1px solid #fdb404;}
/********************/
/****************************/
#play{width:910px; text-align:center;position:relative;overflow:hidden;margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{position: absolute;left: 10px;top: 50%;margin-top: -24px;width: 22px;height: 48px;z-index: 10; display:none;}
#play .prev_a span{background: url("../images/prev5.png") 1px 0 no-repeat;left:0;}
#play .next_a span{ background: url("../images/prev5.png") -72px 0 no-repeat;right:0;}
#play .prev_a span:hover { background-position:-21px 0;}
#play .next_a span:hover { background-position:-50px 0;}
#play .img_ul{position:relative;z-index:1; width:910px; height:631px; background:url("../images/hx-bg.jpg") top center no-repeat; overflow:hidden; }
#play .img_ul:before { content:""; width:75px; height:96px; background:url("../images/hxing.png") no-repeat; position:absolute; left:55px; top:22px;}
#play .img_ul .img_a img { width:800px !important; height:512px; display:block; margin:56px 0 0 56px;}
.img_hd {width:864px; background-color:#eee;overflow:hidden;height:100px;height: 94px; padding: 10px 0px 10px 5px; margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:114px;height:74px;border:2px solid #fff;cursor:pointer;margin:0 4px 0 4px;overflow:hidden;*display:inline;text-align:center;}
.img_hd ul li img{ width:110px; height:70px;}
.img_hd ul li.on{ border-color:rgb(45, 150, 233);}
.img_hd .bottom_a{ display:none; background:url("../images/s_gallery_2012110702.png") no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}

/**********/

/****inn-nav***********/

/**************************/
.news-list { overflow:hidden; margin-top:30px; position:relative;}
.news-list:before { content:""; position:absolute; left:50px; top:55px; background:#dcdcdc; width:1px; height:100%;}
.news-list li { overflow:hidden; position:relative; height:300px; padding:45px 450px 45px 130px;  color:#6e6e6e; line-height:24px; }
.news-list li:before,.news-list li:after  { content:""; position:absolute; left:50px; bottom:0; width:1150px;background:#dcdcdc; height:1px; -webkit-transition:all .4s ease .2s; transition:all .4s ease .2s; }
.news-list li:after { width:0; background:#006fed; z-index:2;}
.news-list li:hover:after { width:1150px;}
.news-list li .date-a1 { position:absolute; left:0; top:55px; width:100px; height:100px; text-align:center; line-height:100px; background:#006fee; color:#ffffff; font-size:24px;}
.news-list li .date-a1:before { content:""; position:absolute; left:50px; top:100px; width:1px; height:0px; background:#006fed; z-index:2;-webkit-transition:all .2s; transition:all .2s; }
.news-list li:hover .date-a1:before { height:145px;}
.news-list li img { position:absolute; width:410px; height:210px; right:0; top:45px;}
.news-list li h1 { color:#515151; font-size:22px; line-height:30px;}
.news-list li h3 { height:96px; overflow:hidden;}
.news-list li a { color:#6e6e6e;}
.news-tit { margin:15px 0 20px; position:relative;}
.news-tit span { margin-right:20px;}
.news-tit span:last-child { position:absolute; right:0; top:0; margin-right:0;}
/*************/
.inn-nav2 { background:#f5f5f5; height:48px; margin-top:15px; border:1px solid #e5e5e5; position:relative; padding-left:150px;}
.inn-nav2 span { position:absolute; left:0; top:0; line-height:46px; text-align:center; height:46px; width:118px; background:#fff; border-right:1px solid #e5e5e5; color:#252525;}
.inn-nav2 a { display:block; float:left; margin:10px 25px 0 0; line-height:26px; position:relative; padding:0 8px; }
.inn-nav2 a em { position:relative; z-index:2;}
.inn-nav2 a:before { content:""; position:absolute; width:0%; height:0%; left:50%; top:50%; background:#fdb404; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all .3s; transition:all .3s;}
.inn-nav2 a:hover:before,.inn-nav2 a.on:before  { left:0; top:0; width:100%; height:100%;}
.inn-nav2 a:hover,.inn-nav2 a.on { color:#fff;}


/***************/
.case-list2 {}
.case-list2 { overflow:hidden; width:1280px; padding-top:20px; }
.case-list2 li { float:left; width:373px; height:383px; margin:0px 40px 30px 0; border-bottom:1px solid #dcdcdc; padding-bottom:25px; position:relative; color:#898989; line-height:32px;}
.case-list2 li:before { content:""; width:18px; height:2px; background:#fdb404; position:absolute; bottom:-1px; left:0; -webkit-transition:all .3s;transition:all .3s;}
.case-list2 li:hover:before { width:100%;}
.case-list2 li .tb-box { width:100%; height:289px; margin-bottom:15px;}
.case-list2 li img { display:block; width:100%; height:100%;}
.case-list2 li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.case-list2 li .info-box { overflow:hidden;}
.case-list2 li h1 { font-size:20px; color:#323232; height:32px; overflow:hidden; font-weight:bold;}
.case-list2 li .info-r { position:absolute; bottom:15px; right:0; text-align:right; color:#898989;}
.case-list2 li .info-r em { background:url(../images/lnum.jpg) 0 no-repeat; height:28px; padding-left:26px;}
/**********************/
#marquee3 { width:1200px; overflow:hidden; height:370px;}