@charset "utf-8";
/* 公共区 */
@-webkit-keyframes flash {
 0% {
 opacity:1;
}
 50% {
 opacity:0.7;
}
 100% {
 opacity:1;
}
}
@-o-keyframes flash {
 0% {
 opacity:1;
}
 50% {
 opacity:0.7;
}
 100% {
 opacity:1;
}
}
@-ms-keyframes flash {
 0% {
 opacity:1;
}
 50% {
 opacity:0.7;
}
 100% {
 opacity:1;
}
}
@-moz-keyframes flash {
 0% {
 opacity:1;
}
 50% {
 opacity:0.7;
}
 100% {
 opacity:1;
}
}
@keyframes flash {
 0% {
 opacity:1;
}
 50% {
 opacity:0.7;
}
 100% {
 opacity:1;
}
}
body { font-family: Arial, "Microsoft YaHei", SimSun; color: #222222; line-height: 20px; padding: 0px; margin: 0px; -webkit-text-size-adjust: none; font-size: 12px; }
p, img, form { border: 0px; margin: 0px; padding: 0px; }
.mlAuto { margin-left: auto; margin-right: auto; }
.height1 { height: 1px; overflow: hidden; clear: both; }
.height2 { height: 2px; overflow: hidden; clear: both; }
.height5 { height: 5px; overflow: hidden; clear: both; }
.height10 { height: 10px; overflow: hidden; clear: both; }
.height15 { height: 15px; overflow: hidden; clear: both; }
.height20 { height: 20px; overflow: hidden; clear: both; }
.height25 { height: 25px; overflow: hidden; clear: both; }
.height30 { height: 30px; overflow: hidden; clear: both; }
.height35 { height: 35px; overflow: hidden; clear: both; }
.height40 { height: 40px; overflow: hidden; clear: both; }
.height45 { height: 45px; overflow: hidden; clear: both; }
.height50 { height: 50px; overflow: hidden; clear: both; }
input, textarea, select { font-family: Arial, "Microsoft YaHei", SimSun; outline: none; resize: none; font-size: 12px; vertical-align: middle; }
.img-middle { vertical-align: middle; }
.auto-width { width: 100%; height: auto; }
.img-block { display: block; }
.scale { width: 320px; overflow: hidden; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }
area:focus { outline: none; }
a { color: #666666; text-decoration: none; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.main { visibility: hidden; width: 100%; overflow: hidden; min-width: 1200px; }
.main.minw { min-width: 1200px; }
.content { width: 1200px; }
.loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; z-index: 100; }
.banner { position: relative; background-size: cover; background-position: center top; }
.banner .list .animate { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 100%; text-align: center; left: 100%; }
.banner .list { position: relative; display: none; background-size: cover; background-position: center top; position: absolute; width: 100%; height: 579px; }
.service .banner .list .img { top: 150px; opacity: 0; }
.service .banner .list .t1 { top: 337px; opacity: 0; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; }
.service .banner .list .t2 { top: 400px; line-height: 35px; font-size: 20px; color: #fff; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 0; }
.banner .list.current .animate { left: 0px !important; opacity: 1 !important; }
.banner .list.moveleft .animate { left: -100% !important; opacity: 0 !important; }
.banner .btns { position: absolute; left: 0px; width: 100%; bottom: 15px; text-align: center; }
.banner .btns a { background-image: url(../images/banner-btn.png); width: 19px; height: 19px; background-position: center center; background-repeat: no-repeat; display: inline-block; margin-right: 5px; }
.banner .btns a.current { background-image: url(../images/banner-hover-btn.png); }
.index .banner .list { height: 579px; }
.index .banner { height: 579px; }
.top { z-index: 1000; position: absolute; left: 0px; width: 100%; background-image: url(../images/topbg.png); height: 46px; position: fixed; }
.top .logo { float: left; -webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -moz-transform-origin: left top; transform-origin: left top; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
.top.animate .logo { -webkit-transform: scale(0.32, 0.32); -ms-transform: scale(0.32, 0.32); -o-transform: scale(0.32, 0.32); -moz-transform: scale(0.32, 0.32); transform: scale(0.32, 0.32); }
.top .right { text-align: right; float: right; }
.top .right a { vertical-align:top; overflow: hidden; display: inline-block; height: 46px; text-align: center; width:100px; padding-left: 0px; padding-right: 0px; font-size: 15px; color: #c1c1c1; text-transform: uppercase; }
.top .right a .m .span { display: inline-block; height: 46px; }
.top .right a .m .span span { display: inline-block; padding-top: 12px; }
.top .right a .m .span.cn span { border-bottom: 2px solid #fe5200; color: #fe5200; }
.top .right a.current .m { margin-top: -46px; }
.top .right .search { vertical-align:top; display: inline-block; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; height: 46px; width: 0px; overflow: hidden; background-image: url(../images/search-icon.png); background-position: left center; background-repeat: no-repeat; padding-left: 30px; }
.top .right .search .max { width: 150px; padding-top: 10px; }
.top .right .search .max div { background-color: rgba(255,255,255,0.2); padding-left: 5px; padding-right: 5px; }
.top .right .search .max div input { width: 100%; border: 0px; padding: 0px; margin: 0px; background: none; color: #fff; height: 22px; line-height: 22px; }
.top .right .search:hover { width: 150px; }
/**/

.index .item .content { position: relative; }
.index .item .animate { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index .item .title { text-align: center; background-image: url(../images/index/tline.jpg); background-position: center top; background-repeat: no-repeat; padding-top: 50px; opacity: 0; }
.index .item.current .title { opacity: 1; padding-top: 30px; }
/**/
.index .item-1 { background-image: url(../images/index/01/bg.jpg); height: 601px; }
.index .item-1 .text { color: #7d7d7d; font-size: 20px; text-align: center; opacity: 0; padding-top: 20px; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.index .item-1 .icons { width: 100%; position: absolute; top: 270px; }
.index .item-1 .icons .component { position: absolute; opacity: 0; }
.index .item-1 .icons .component.icon01 { left: 0px; top: -25px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.index .item-1 .icons .component.icon02 { left: 352px; top: -25px; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.index .item-1 .icons .component.icon03 { left: 695px; top: -25px; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.index .item-1 .icons .component.icon04 { right: 0px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.index .item-1 .icons .component.text01 { left: 10px; top: 200px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.index .item-1 .icons .component.text02 { left: 360px; top: 200px; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.index .item-1 .icons .component.text03 { left: 646px; top: 200px; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.index .item-1 .icons .component.text04 { right: 0px; top: 200px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.index .item-1.current .text { opacity: 1; padding-top: 0px; }
.index .item-1.current .icons .component { opacity: 1; }
.index .item-1.current .icons .component.icon01 { top: 0px; }
.index .item-1.current .icons .component.icon02 { top: 0px; }
.index .item-1.current .icons .component.icon03 { top: 0px; }
.index .item-1.current .icons .component.icon04 { top: 0px; }
.index .item-1.current .icons .component.text01 { top: 180px; }
.index .item-1.current .icons .component.text02 { top: 180px; }
.index .item-1.current .icons .component.text03 { top: 180px; }
.index .item-1.current .icons .component.text04 { top: 180px; }
/**/
.index .item-2 { background-image: url(../images/index/02/bg.jpg); height: 768px; }
.index .item-2 .lists { position: absolute; width: 100%; height: 542px; bottom: 0px; top: 256px; opacity: 0; overflow: hidden; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.index .item-2 .lists .max { width: 100000px; }
.index .item-2 .lists .max .list { float: left; width: 298px; margin-right: 3px; }
.index .item-2 .lists .max .list .img { position: relative; }
.index .item-2 .lists .max .list .img .icon { position: absolute; left: 0px; top: 0px; top: -298px; }
.index .item-2 .lists .max .list .text { overflow: hidden; background-color: #fff; height: 103px; }
.index .item-2 .lists .max .list .text .tmax { height: 206px; overflow: hidden; }
.index .item-2 .lists .max .list .text .tmax .tc { height: 103px; }
.index .item-2 .lists .max .list .text .tmax .tc .tc-inner { padding: 30px; }
.index .item-2 .lists .max .list .text .tmax .tc .tc-inner .t { font-size: 18px; padding-bottom: 5px; color: #222; }
.index .item-2 .lists .max .list .text .tmax .tc .tc-inner .label { color: #a9a9a9; }
.index .item-2 .lists .max .list .text .tmax .tc.y { background-color: #f15a22; }
.index .item-2 .lists .max .list .text .tmax .tc.y .tc-inner .t { color: #fff; }
.index .item-2 .lists .max .list .text .tmax .tc.y .tc-inner .label { color: #fff; }
.index .item-2 .lists .max .list:hover .icon { top: 0; }
.index .item-2 .lists .max .list:hover .tmax { margin-top: -103px; }
.index .item-2 .lbtn { background-image: url(../images/index/02/lbtn.png); width: 79px; height: 406px; position: absolute; left: -99px; top: 0px; background-position: center center; background-repeat: no-repeat; top: 236px; cursor: pointer; /*display: none; */ }
.index .item-2 .rbtn { background-image: url(../images/index/02/rbtn.png); width: 79px; height: 406px; position: absolute; right: -99px; top: 0px; background-position: center center; background-repeat: no-repeat; top: 236px; cursor: pointer;/* display: none*/ ; }
.index .item-2.current .lists { top: 236px; opacity: 1; }
/**/
.index .item-3 { background-image: url(../images/index/03/bg.jpg); height: 601px; }
.index .item-3 .list { float: left; width: 50%; opacity: 0; }
.index .item-3 .list:hover { background-image: url(../images/index/03/item-bg.png); }
.index .item-3 .list .list-c { height: 126px; padding: 35px; }
.index .item-3 .list .list-c .img { float: left; }
.index .item-3 .list .list-c .img img { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
.index .item-3 .list:hover .list-c .img img { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.index .item-3 .list .list-c .text { float: right; width: 330px; }
.index .item-3 .list .list-c .text .t { font-size: 16px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index .item-3 .list .list-c .text .t a { color: #222222; }
.index .item-3 .list .list-c .text .desc { color: #8e8e8e; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 12px; }
.index .item-3 .list .list-c .text .btn { display: inline-table; border: 1px solid #8a8a8a; width: 65px; height: 21px; text-align: center; line-height: 21px; }
.index .item-3 .list:hover .list-c .text .btn { color: #fff; border: 1px solid #ff6600; background-color: #ff6600; }
.index .item-3 .list.l2 { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; }
.index .item-3 .list.l3 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.index .item-3 .list.l4 { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.index .item-3.current .list { opacity: 1; }
.index .item-3.current .list { opacity: 1; }
.index .item-3.current .list { opacity: 1; }
.index .item-3.current .list { opacity: 1; }
/**/
.index .item-4 { background-image: url(../images/index/04/bg.jpg); height: 731px; }
.index .item-4 .lists { position: absolute; width: 100%; height: 542px; bottom: 0px; top: 198px; }
.index .item-4 .list { position: absolute; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index .item-4 .list.l1 { left: 76px; top: 106px; opacity: 0; }
.index .item-4 .list.l4 { left: 290px; top: 106px; opacity: 0; -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; }
.index .item-4 .list.l7 { left: 504px; top: 106px; opacity: 0; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.index .item-4 .list.l10 { left: 717px; top: 106px; opacity: 0; -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; }
.index .item-4 .list.l13 { left: 930px; top: 106px; opacity: 0; }
.index .item-4 .list.l3 { left: 183px; top: 0px; opacity: 0; top: -100px; -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.index .item-4 .list.l6 { left: 397px; top: 0px; opacity: 0; top: -100px; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.index .item-4 .list.l9 { left: 610px; top: 0px; opacity: 0; top: -100px; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.index .item-4 .list.l12 { left: 823px; top: 0px; opacity: 0; top: -100px; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.index .item-4 .list.l2 { left: 183px; top: 313px; opacity: 0; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.index .item-4 .list.l5 { left: 397px; top: 313px; opacity: 0; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.index .item-4 .list.l8 { left: 610px; top: 313px; opacity: 0; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.index .item-4 .list.l11 { left: 823px; top: 313px; opacity: 0; -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.index .item-4.current .list { opacity: 1; }
.index .item-4.current .list.l3 { top: 0px; }
.index .item-4.current .list.l6 { top: 0px; }
.index .item-4.current .list.l9 { top: 0px; }
.index .item-4.current .list.l12 { top: 0px; }
.index .item-4.current .list.l2 { top: 213px; }
.index .item-4.current .list.l5 { top: 213px; }
.index .item-4.current .list.l8 { top: 213px; }
.index .item-4.current .list.l11 { top: 213px; }
/**/
.index .item-5 { background-image: url(../images/index/05/bg.jpg); height: 796px; }
.tab-content { display: none; }
.index .item-5 .l { float: left; width: 490px; background-color: #fff; height: 500px; }
.index .item-5 .l .tab-t { height: 58px; overflow: hidden; margin-bottom: 45px; }
.index .item-5 .l .tab-t .tab-list { background-color: #bcbcbc; color: #fff; font-size: 28px; text-align: center; line-height: 58px; float: left; width: 50%; }
.index .item-5 .l .tab-t .tab-list.current { color: #222222; background-color: #fff; }
.index .item-5 .l .tbc { padding-left: 40px; line-height: 25px; color: #444; padding-right: 40px; }
.index .item-5 .l .tbc .ct { height: 35px; color: #222; font-size: 15px; }
.index .item-5 .l .tbc .mail { height: 70px; font-size: 50px; color: #ff6600; line-height: 50px; }
.index .item-5 .l .tbc .qr { background-image: url(../images/index/05/code.jpg); padding-left: 145px; height: 110px; background-position: left 15px; background-repeat: no-repeat; padding-top: 15px; border-top: 1px dashed #444; margin-top: 15px; }
.index .item-5 .r { float: right; width: 490px; font-size: 20px; line-height: 30px; color: #969696; }
.index .item-5 .r .list { padding-top: 5px; padding-bottom: 5px; margin-bottom: 8px; }
.index .item-5 .r .list.input { background-color: #fff; }
.index .item-5 .r .list.input div { padding-left: 10px; padding-right: 10px; }
.index .item-5 .r .list.input div input { width: 100%; height: 38px; line-height: 38px; background: none; border: 0px; margin: 0px; padding: 0px; color: #494949; font-size: 15px; }
.index .item-5 .r .list.input div textarea { width: 100%; height: 164px; background: none; border: 0px; margin: 0px; padding: 0px; color: #494949; font-size: 15px; }
.index .item-5 .r .submit { display: block; background-color: #ff6600; color: #fff; text-align: center; color: #fff; font-size: 15px; height: 46px; line-height: 46px; }
/**/
.bottom-bar { padding-top: 60px; padding-bottom: 60px; line-height: 28px; font-size: 25px; color: #252e35; position: relative; }
.bottom-bar .l { position: absolute; left: 0px; top: 105px; }
.bottom-bar .r { position: absolute; right: 0px; top: 105px; }
.bottom-bar .r span { font-family: "yali"; }
.bottom-bar { text-align: center; }
.bottom-bar.gray { background-color: #f4f4f4; }
.bottom-bar.gray .l { top: 45px; }
.bottom-bar.gray .r { top: 45px; }
.bottom-bar .content { position: relative; }
.bottom-bar a { display: inline-block; width: 99px; height: 99px; overflow: hidden; margin-right: 10px; position: relative; }
.bottom-bar a div { position: absolute; left: 0px; top: 0px; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.bottom-bar a div.i2 { opacity: 0; -webkit-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); }
.bottom-bar a:hover div.i2 { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
.bottom-bar a div.i1 { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
.bottom-bar a:hover div.i1 { opacity: 0; -webkit-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); }
/**/
.bottom { height: 82px; background-color: #333; color: #fff;  }
.bottom .l { float: left; width:900px; margin:0px; padding:0px; }
.bottom .l span{
color:#3e3e3e; padding:0 9px;}
.bottom .l div{
float:left; margin:0px; padding:0px; width:100%;color:#b5b5b5;}
 
.bottom .r { float: right; color:#b5b5b5; width:140px; margin:0px; padding:0px; padding-top:20px; font-size:12px; }
.bottom a{
color:#b5b5b5; font-size:12px;}
/**/
.case .category { position: relative; background-image: url(../images/cases/bg.jpg); height: 533px; }
.case .category .t1 { position: absolute; width: 100%; text-align: center; top: 200px; left: 0px; opacity: 0; top: 250px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.case .category .t2 { position: absolute; width: 100%; text-align: center; top: 275px; left: 0px; opacity: 0; top: 325px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.case .category.animate .t1 { opacity: 1; top: 200px; }
.case .category.animate .t2 { opacity: 1; top: 275px; -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.case .category.animate .btns { position: absolute; left: 0px; bottom: 50px; width: 100%; text-align: center; }
.case .category.animate .btns a { display: inline-block; margin-right: 10px; border: 2px solid #fff; border-radius: 2px;  height: 53px; line-height: 53px; color: #fff; font-size: 20px; width: 130px; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.case .category.animate .btns a.current, .case .category.animate .btns a:hover { background-color: #ff6600; color: #fff; border: 2px solid #ff6600; }
.custom { background-color: #f4f4f4; }
.custom a { display: inline-block; margin-right: 10px; border: 2px solid #ff4229; border-radius: 2px; background-color: rgba(255,255,255,1); height: 53px; line-height: 53px; color: #ff6600; font-size: 20px; width: 250px; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.custom a:hover { background-color: #ff6600; color: #fff; }
.case .list { float: left; width: 20%; }
.case .list .img { overflow: hidden; }
.case .list .img img { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
.case .list:hover .img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.case .list .text .tinner { padding: 18px; }
.case .list .text .tinner .ct { color: #a9a9a9; height: 30px; }
.case .list .text .tinner .t { overflow: hidden; line-height: 22px; height: 35px; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; }
.case .list .text .tinner .t a { color: #000; }
.case .list .text .tinner .d { color: #a3a3a3; }
.case .list .text { background-image: url(../images/cases/listbg.jpg); background-position: right top; background-repeat: repeat-y; background-color: #f7f7f7; }
/**/
.flow { background-color: #ff6600; }
.flow .content { position: relative; height: 290px; }
.flow .content .t1 { text-align: center; position: absolute; left: 0px; top: 50px; width: 100%; opacity: 0; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.flow .content .t2 { text-align: center; position: absolute; left: 0px; top: 125px; width: 100%; opacity: 0; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.flow .content .icons { text-align: center; position: absolute; left: 0px; top: 210px; width: 100%; opacity: 0; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.flow.animate .content .t1 { opacity: 1; top: 0px; }
.flow.animate .content .t2 { opacity: 1; top: 75px; }
.flow.animate .content .icons { opacity: 1; top: 160px; }
.flow .content .icons a { display: inline-block; width: 170px; text-align: center; }
.flow .content .icons a .img { position: relative; height: 93px; }
.flow .content .icons a .img div { position: absolute; left: 0px; top: 0px; width: 100%; text-align: center; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.flow .content .icons a .text { height: 55px; line-height: 55px; font-size: 20px; color: #fff; }
.flow .content .icons a .img div.i2 { opacity: 0; -webkit-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); }
.flow .content .icons a:hover .img div.i2 { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
.flow .content .icons a .img div.i1 { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
.flow .content .icons a:hover .img div.i1 { opacity: 0; -webkit-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); }
/**/
.service .banner { height: 580px; }
.service .item { background-color: #f4f4f4; }
.service .item .it { height: 400px; text-align: center; position: relative; }
.service .item .it .t { position: absolute; width: 100%; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.service .item .it .t.t1 { top: 135px; opacity: 0; }
.service .item .it .t.t2 { top: 250px; opacity: 0; }
.service .item.current .it .t.t1 { top: 85px; opacity: 1; }
.service .item.current .it .t.t2 { top: 200px; opacity: 1; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.service .item .ic { margin-top: -80px; position: relative; padding-top: 30px; padding-bottom: 30px; background-color: #fff; background-image: url(../images/service/line.png); background-position: center center; background-repeat: repeat-y; }
.service .item .ic .column { float: left; width: 50%; }
.service .item .ic .column .column-c { padding-left: 40px; padding-right: 40px; }
.service .item .ic .list .list-c { font-size: 18px; line-height: 38px; height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1c1c1e; }
.service .item .ic .column:nth-child(1) .list { margin-left: -200px; opacity: 0; }
.service .item .ic .column:nth-child(2) .list { margin-left: 200px; opacity: 0; }
.service .item .ic .list { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.service .item.current .ic .column:nth-child(1) .list { margin-left: 0px; opacity: 1; }
.service .item.current .ic .column:nth-child(2) .list { margin-left: 0px; opacity: 1; }
.service .item .ic .column .list:nth-child(2) { -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; }
.service .item .ic .column .list:nth-child(3) { -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.service .item .ic .column .list:nth-child(4) { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.service .item .ic .column .list:nth-child(5) { -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.service .item .ic .column .list:nth-child(6) { -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.service .item .ic .column .list:nth-child(7) { -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.service .item .ic .column .list:nth-child(8) { -webkit-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }
.service .item .ic .column .list:nth-child(9) { -webkit-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.service .item .ic .column .list:nth-child(10) { -webkit-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; }
.service .item .btn { -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; display: inline-block; width: 250px; height: 60pox; line-height: 60px; color: #ff4229; border-radius: 2px; font-size: 20px; background-color: #fff; border: 2px solid #ff6600; }
.service .item .btn:hover { color: #fff; background-color: #ff6600; }
.service .item.item1 .it { background-color: #ff6600; }
.service .item.item2 .it { background-color: #252e35; }
.service .item.item3 .it { background-color: #ff6600; }
.service .item.item4 .it { background-color: #252e35; }
/**/
.baling .item { position: relative; }
.baling .item .animate,.product .item .animate { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.baling .item .title { border-bottom: 1px solid #d2d2d2; background-image: url(../images/baling/tline.jpg); background-position: center bottom; background-repeat: no-repeat; height: 120px; position: relative; text-align: center; opacity: 0; }
.baling .item .title .t1 { position: absolute; left: 0px; width: 100%; top: 0px; opacity: 0; top: 30px; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.baling .item .title .t2 { position: absolute; left: 0px; width: 100%; top: 65px; opacity: 0; top: 95px; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.baling .item.current .title { opacity: 1; }
.baling .item.current .title .t1 { top: 0px; opacity: 1; }
.baling .item.current .title .t2 { top: 65px; opacity: 1; }
/**/
.baling .item-1 { overflow: hidden; background-image: url(../images/baling/01/bg.jpg); background-position: center top; background-size: cover; height: 570px; }
.baling .item-1 .l { background-image: url(../images/baling/01/lm.png); width: 444px; height: 570px; position: absolute; left: 0px; top: 0px; opacity: 0; left: -444px; background-repeat: repeat-y; }
.baling .item-1 .r { background-image: url(../images/baling/01/rm.png); width: 1132px; height: 570px; position: absolute; right: 90px; top: 0px; opacity: 0; right: -1209px; background-repeat: nrepeat-y; }
.baling .item-1 .r .t1 { position: absolute; top: 125px; left: 325px; opacity: 0; left: 500px; }
.baling .item-1 .r .t2 { position: absolute; top: 225px; left: 327px; color: #fff; line-height: 30px; font-size: 18px; ; opacity: 0; left: 500px; }
.baling .item-1.current .l { left: -30px; opacity: 1; }
.baling .item-1.current .r { right: -300px; opacity: 1; }
.baling .item-1.current .r .t1 { left: 325px; opacity: 1; -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.baling .item-1.current .r .t2 { left: 327px; opacity: 1; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
/**/
.baling .item-2 { background-image: url(../images/baling/02/bg.jpg); height: 903px; background-position: center top; background-size: cover; }
.baling .item-2 .list { opacity: 0; float: left; width: 50%; height: 175px; }
.baling .item-2 .list .img { float: left; width: 150px; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.baling .item-2 .list .text { color: #a1a1a1; line-height: 25px; width: 360px; float: left; }
.baling .item-2 .list .text .t { font-size: 30px; color: #747474; line-height: 30px; padding-bottom: 5px; }
.baling .item-2 .list:hover .img { -webkit-transform: scale(1.2, 1.2); }
.baling .item-2 .list:nth-child(1) { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.baling .item-2 .list:nth-child(2) { -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.baling .item-2 .list:nth-child(3) { -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.baling .item-2 .list:nth-child(4) { -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.baling .item-2 .list:nth-child(5) { -webkit-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }
.baling .item-2 .list:nth-child(6) { -webkit-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.baling .item-2.current .list:nth-child(1) { opacity: 1; }
.baling .item-2.current .list:nth-child(2) { opacity: 1; }
.baling .item-2.current .list:nth-child(3) { opacity: 1; }
.baling .item-2.current .list:nth-child(4) { opacity: 1; }
.baling .item-2.current .list:nth-child(5) { opacity: 1; }
.baling .item-2.current .list:nth-child(6) { opacity: 1; }
/**/
.baling .item-3 { background-image: url(../images/baling/03/bg.jpg); height: 907px; background-position: center top; background-size: cover; }
.baling .item-3 .b { background-image: url(../images/baling/03/b.png); width: 937px; height: 318px; position: absolute; right: 0px; top: 235px; opacity: 0; right: -937px; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.baling .item-3 .g { background-image: url(../images/baling/03/g.png); width: 937px; height: 320px; position: absolute; right: 0px; bottom: 0px; opacity: 0; right: -937px; -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.baling .item-3 .y { background-image: url(../images/baling/03/y.png); width: 1829px; height: 425px; position: absolute; right: 0px; top: 375px; opacity: 0; right: -1829px; }
.baling .item-3 .y .yc { line-height: 25px; font-size: 13px; color: #fff; margin-left: 270px; width: 550px; opacity: 0; margin-left: 470px; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.baling .item-3 .y .yc .t { border-bottom: 2px solid #fff; padding-bottom: 5px; margin-bottom: 20px; font-size: 20px; display: inline-block; }
.baling .item-3 .b .i1 { position: absolute; left: 65px; top: 30px; left: 1000px; opacity: 0; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.baling .item-3 .b .i2 { position: absolute; left: 370px; top: 30px; left: 1000px; opacity: 0; -webkit-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }
.baling .item-3 .g .gc { padding-left: 200px; width: 380px; }
.baling .item-3 .g .gc .list { background-image: url(../images/baling/03/ok.png); padding-left: 40px; background-position: left 11px; background-repeat: no-repeat; height: 41px; line-height: 41px; color: #fff; }
.baling .item-3 .g .gc .list .l { border-bottom: 1px solid rgba(255,255,255,0.8); }
.baling .item-3 .g .gc .list:nth-child(1) { margin-left: 50px; opacity: 0; -webkit-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; }
.baling .item-3 .g .gc .list:nth-child(2) { margin-left: 100px; opacity: 0; -webkit-transition-delay: 1.0s; -ms-transition-delay: 1.0s; -o-transition-delay: 1.0s; -moz-transition-delay: 1.0s; transition-delay: 1.0s; }
.baling .item-3 .g .gc .list:nth-child(3) { margin-left: 150px; opacity: 0; -webkit-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -o-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; }
.baling .item-3 .g .gc .list:nth-child(4) { margin-left: 200px; opacity: 0; -webkit-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; }
.baling .item-3 .g .gc .list:nth-child(5) { margin-left: 250px; opacity: 0; -webkit-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -o-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; }
.baling .item-3.current .b { right: -120px; opacity: 1; }
.baling .item-3.current .g { right: -120px; opacity: 1; }
.baling .item-3.current .y { right: -120px; opacity: 1; }
.baling .item-3.current .y .yc { margin-left: 360px; opacity: 1; }
.baling .item-3.current .b .i1 { left: 65px; opacity: 1; }
.baling .item-3.current .b .i2 { left: 370px; opacity: 1; }
.baling .item-3.current .g .gc .list:nth-child(1) { margin-left: 0px; opacity: 1; }
.baling .item-3.current .g .gc .list:nth-child(2) { margin-left: 0px; opacity: 1; }
.baling .item-3.current .g .gc .list:nth-child(3) { margin-left: 0px; opacity: 1; }
.baling .item-3.current .g .gc .list:nth-child(4) { margin-left: 0px; opacity: 1; }
.baling .item-3.current .g .gc .list:nth-child(5) { margin-left: 0px; opacity: 1; }
/**/
.baling .item-4 { background-image: url(../images/baling/04/bg.jpg); height: 1049px; background-position: center top; background-size: cover; }
.baling .item-4 .list { opacity: 0; min-height: 70px; position: relative; }
.baling .item-4 .list .c { background-image: url(../images/baling/04/item-bg.jpg); color: #000; height: 290px; height: 0px; overflow: hidden; font-size: 15px; }
.baling .item-4 .list .t { position: absolute; text-align: center; left: 0px; top: 20px; width: 100%; cursor: pointer; height: 30px; }
.baling .item-4 .list .t div { color: #ffffff; font-size: 30px; position: absolute; line-height: 30px; left: 0px; top: 0px; width: 100%; }
.baling .item-4 .list .t div span { display: inline-block; padding-right: 35px; }
.baling .item-4 .list .t .t1 span { background-position: right center; background-image: url(../images/baling/04/add.png); background-repeat: no-repeat; }
.baling .item-4 .list .t .t2 { color: #ff6600; opacity: 0; }
.baling .item-4 .list:nth-child(1) { -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.baling .item-4 .list:nth-child(2) { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.baling .item-4 .list:nth-child(3) { -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.baling .item-4 .list:nth-child(4) { -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.baling .item-4 .list:nth-child(5) { -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.baling .item-4 .list:nth-child(6) { -webkit-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }
.baling .item-4.current .list { opacity: 1; }
/*.baling .item-4 .list:hover .t1 { opacity: 0; }
.baling .item-4 .list:hover .t2 { opacity: 1; }
.baling .item-4 .list:hover .c { height: 290px; }*/
.baling .item-4 .list.current .t1 { opacity: 0; }
.baling .item-4 .list.current .t2 { opacity: 1; }
.baling .item-4 .list.current .c { height: 290px; }
/**/
.contact .animate { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.contact .b { background-image: url(../images/contact/banner.jpg); height: 746px; background-position: center top; background-size: cover; }
.contact .m {/* background-image: url(../images/contact/map.jpg);*/ position: relative; height: 701px; background-position: center top; background-color: #313131; background-repeat: no-repeat; }
.contact .m #container { width: 100%; height: 701px; position: absolute; left: 0px; top: 0px; }
.contact .b .content { position: relative; height: 746px; overflow: hidden; }
.contact .b .t1 { position: absolute; left: 0px; top: 180px; text-align: center; text-align: center; width: 100%; opacity: 0; top: 280px; }
.contact .b .t2 { position: absolute; left: 0px; top: 290px; text-align: center; text-align: center; width: 100%; opacity: 0; top: 390px; }
.contact .b .i1 { cursor: pointer; position: absolute; left: 0px; bottom: 0px; opacity: 0; bottom: -300px; height: 300px; overflow: hidden; }
.contact .b .i2 { cursor: pointer; position: absolute; right: 0px; bottom: 0px; opacity: 0; bottom: -300px; height: 300px; overflow: hidden; }
.contact .b.current .t1 { opacity: 1; top: 180px; }
.contact .b.current .t2 { opacity: 1; top: 290px; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.contact .b.current .i1 { opacity: 1; bottom: 0px; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.contact .b.current .i2 { opacity: 1; bottom: 0px; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.contact .b .list { position: absolute; left: 0px; top: 300px; width: 100%; height: 100%; color: #fff; line-height: 22px; font-size: 14px; background-image: url(../images/topbg.png); }
.contact .b .list.r { float: right; }
.contact .b .list .list-c { padding: 40px 100px 40px 100px; }
.contact .b .list .list-c .t { text-align: center; font-size: 35px; height: 65px; line-height: 35px; }
/**/
.news .banner { height: 582px; }
.news .tab-bar { height: 58px; background-color: #eeeeee; }
.news .tab-bar .tlist { float: left; width: 25%; color: #252933; height: 58px; line-height: 58px; text-align: center; font-size: 25px; position: relative; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .tab-bar .tlist:hover, .news .tab-bar .tlist.current { background-color: #ff6600; color: #fff; }
.news .tab-bar .tlist .icon { background-image: url(../images/news/icon.png); height: 15px; background-position: center top; background-repeat: no-repeat; width: 100%; position: absolute; top: 58px; opacity: 0; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .content { overflow: hidden; }
.news .tab-bar .tlist:hover .icon, .news .tab-bar .tlist.current .icon { opacity: 1; }
.news .max .list { float: left; width: 281px; margin-right: 25px; margin-bottom: 30px; }
.news .max .list .img { width: 281px; height: 187px; overflow: hidden; }
.news .max .list .img img { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .max .list:hover .img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.news .max .list .text { background-color: #ecf0f1; height: 133px; }
.news .max .list .text .tc { padding: 20px; color: #8f9192; line-height: 22px; }
.news .max .list .text .tc .t { color: #333333; font-size: 14px; height: 30px; }
.news .max .list .bar { height: 44px; overflow: hidden; }
.news .max .list .bar .blist { text-align: center; color: #636b6f; line-height: 44px; font-size: 14px; float: left; width: 95px; border-left: 1px solid #ecf0f1; height: 44px; background-color: #d4d8d8; }
.news .max .list .bar .blist:first-child { border-left: 0px; width: 89px; }
.news .max .list .bar .blist span.d { display: inline-block; background-image: url(../images/news/clock.png); background-position: left center; padding-left: 24px; background-repeat: no-repeat; }
.news .max .list .bar .blist a.d { background-image: url(../images/news/goto.png); background-position: center center; background-repeat: no-repeat; height: 44px; display: block; }
.news .max .list .bar .blist span.c { display: inline-block; background-image: url(../images/news/view.png); background-position: left center; padding-left: 24px; background-repeat: no-repeat; }
.news .max { width: 1228px; }
.news .banner .tt { text-align: center; width: 100%; position: absolute; left: 0px; top: 135px; }
.news .banner .list .t1 { top: 246px; opacity: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
.news .banner .list .t2 { top: 315px; font-size: 14px; color: #fff; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 0; }
.news .banner .list .date { color: #ff6600; top: 385px; opacity: 0; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.news .banner .list .btn { opacity: 0; top: 440px; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.news .banner .list .btn a { border: 1px solid #ffffff; height: 50px; line-height: 53px; text-align: center; font-size: 16px; display: inline-block; color: #fff; width: 170px; border-radius: 5px; }
/**/
.case-detail .banner { height: 355px; background-size: cover; }
.case-detail .label .list { text-align: center; display: inline-block; height: 27px; color: #fff; line-height: 29px; padding-left: 10px; padding-right: 10px; margin-right: 5px; overflow: hidden; }
.case-detail .label .list.y { background-color: #fec42d; }
.case-detail .label .list.g { background-color: #01c675; }
.case-detail .label .list.b { background-color: #1fa4dc; }
.case-detail .title { text-align: center; height: 80px; font-size: 50px; line-height: 50px; }
.case-detail .desc { border-bottom: 1px solid #c7d3d7; padding-bottom: 40px; margin-bottom: 40px; font-size: 13px; line-height: 28px; }
.case-detail { background-color: #f4f4f4; color: #222222; }
.case-detail img { max-width: 100%; }
.case-detail a.back, .news-detail a.back { display: inline-block; margin-right: 10px; border: 2px solid #ff4229; border-radius: 2px; background-color: rgba(255,255,255,1); height: 53px; line-height: 53px; color: #ff6600; font-size: 20px; width: 250px; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.case-detail a.back:hover, .news-detail a.back:hover { background-color: #ff6600; color: #fff; }
/**/
.news-detail { background-color: #f4f4f4; }
.news-detail .content { background-color: #fff; }
.news-detail .contact-inner { margin-left: 60px; margin-right: 60px; color: #222; line-height: 28px; }
.news-detail .title-bar { border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin-bottom: 28px; background-image: url(../images/news/tline.jpg); background-position: center bottom; background-repeat: no-repeat; text-align: center; }
.news-detail .title-bar .t { font-size: 28px; line-height: 28px; padding-bottom: 10px; }
.news-detail .title-bar .d { color: #a9a9a9; }
.news-detail img { max-width: 100%; }
/*0518*/
.news { background-image: url(../images/news/news-bg.jpg); background-size: cover; }
.news .category { height: 120px; position: relative; }
.news .category .btns { position: absolute; left: 0px; bottom: 50px; width: 100%; text-align: center; }
.news .category .btns a { display: inline-block; margin-right: 10px; border: 2px solid #888888; border-radius: 2px; height: 53px; line-height: 53px; color: #888888; font-size: 20px; width: 130px; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.news .category .btns a.current, .news .category .btns a:hover { background-color: #ff6600; color: #fff; border: 2px solid #ff6600; }
.news .news-c { overflow: hidden; position: relative; }
.news .custom { background: none !important; }
.news .nlist { position: absolute; left: 0px; top: 0px; width: 330px; height: 340px; background-color: #fff; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .nlist .img { overflow: hidden; width: 330px; height: 212px; }
.news .nlist .img img { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .nlist .tc { color: #666666; padding: 20px; padding-bottom: 0px; padding-top: 15px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .nlist .tc .t { height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .nlist .tc .t a { color: #222222; font-size: 14px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .nlist .desc { height: 45px; overflow: hidden; }
.news .nlist .date { color: #cecece; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.news .nlist:hover .img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.news .nlist:hover { background-color: #ff6600; }
.news .nlist:hover .tc { color: #fff; }
.news .nlist:hover .date { color: #ffbda3; }
.news .nlist:hover .tc .t a { color: #fff7f4; }
/*0522*/
.slid { position: fixed; right: 2px; top: 260px; z-index: 2000; }
.slid .btn { display: block; width: 50px; color: #fff; line-height: 50px; font-size: 14px; height: 50px; position: relative; border-bottom: 1px solid #282422; }
.slid .btn .bg { background-image: url(../images/side/cbg-02.png); position: absolute; width: 100%; height: 100%; left: 0px; background-position: right top; top: 0px; }
.slid .btn .icon { position: absolute; width: 100%; height: 100%; left: 0px; background-position: center center; background-repeat: no-repeat; top: 0px; }
.slid .btn.b1 .icon { background-image: url(../images/side/icon-01.png); }
.slid .btn.b2 .icon { background-image: url(../images/side/icon-02.png); }
.slid .btn.b3 .icon { background-image: url(../images/side/icon-03.png); }
.slid .btn.b4 .icon { background-image: url(../images/side/icon-04.png); }
.slid .btn.b5 .icon { background-image: url(../images/side/icon-05.png); }
.slid .btn.b6 .icon { background-image: url(../images/side/icon-06.png); }
.slid .btn .open { position: absolute; opacity: 0; width: 100%; overflow: hidden; height: 100%; background-position: right top; background-image: url(../images/side/cbg-01.png);   height: 50px; right: 0px; top: 0px; width: 50px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.slid .btn .opc { position: absolute; right: 40px; width: 90px; text-align: center; }
.slid .btn.allowopen .bg { opacity: 1; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.slid .btn.allowopen:hover .open {  opacity: 1; }
.slid .btn.allowopen:hover .bg { opacity: 0; }
.slid .btn.gotop:hover .bg {  }
.qr-code { position: absolute; left: 0px; top: 0px; z-index: 1999; display: none; }
.case-detail .max-img { background-image: url(../images/computer.png); width: 890px; height: 693px; text-align: center; }
.case-detail .content { margin-top: -220px; position: relative; }

.case-detail .img-list { background-image: url(../images/detail-pc.png); width: 1089px; height: 734px; text-align: center; margin-bottom: 130px; }

.case-detail .banner { height: 560px; background-size: cover; }
.case-detail  .content { margin-top: -350px; }
.case-detail  .top-info { overflow: hidden; margin-bottom: 50px; border-bottom: 1px solid #c6d2d6; }
.case-detail  .top-info .img { float: left; width: 540px; text-align: center; }
.case-detail  .top-info .text { float: left; width: 660px; }
.case-detail .top-info .text .ttitle{ color:#f4f4f4; font-size:50px; line-height:60px; padding-top:110px; height:330px; }
.case-detail  .top-info .text .tdesc{ color:#222222; font-size:13px; line-height:28px; }



.case-detail.m .banner { height: 560px; background-size: cover; }
.case-detail.m .content { margin-top: -350px; }
.case-detail.m .top-info { overflow: hidden; margin-bottom: 50px; border-bottom: 1px solid #c6d2d6; }
.case-detail.m .top-info .img { float: left; width: 540px; text-align: center; background-image: url(../images/cases/mimg-01.png); text-align: center; background-position: center top; background-repeat: no-repeat; height: 764px; }
.case-detail.m .top-info .text { float: left; width: 660px; }
.case-detail.m .top-info .text .ttitle { color: #f4f4f4; font-size: 50px; line-height: 60px; padding-top: 110px; height: 330px; }
.case-detail.m .top-info .text .tdesc { color: #222222; font-size: 13px; line-height: 28px; }
.case-detail.m .mlist { background-image: url(../images/cases/mimg-02.png); width: 559px; height: 915px; display:inline-block; margin-bottom:40px; }
/*160314*/
.index .item-1 { background-image: url(../images/index/01/bg.jpg); height: 760px; }
.index .item-1 .icons .component.icon01 { width: 150px; height: 151px; }
.index .item-1 .icons .component.icon02 { width: 150px; height: 151px; }
.index .item-1 .icons .component.icon03 { width: 150px; height: 151px; }
.index .item-1 .icons .component.icon04 { width: 150px; height: 151px; }
.index .item-1 .icons .normal, .index .item-1 .icons .hover { position: absolute; left: 0px; top: 0px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index .item-1 .icons .hover { opacity: 0; -webkit-transform: scale(0.1); ms-transform: scale(0.1); -o-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }
.index .item-1 .icons .component:hover .normal { opacity: 0; -webkit-transform: scale(0.1); ms-transform: scale(0.1); -o-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }
.index .item-1 .icons .component:hover .hover { opacity: 1; -webkit-transform: scale(1); ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.index .item-1 .icons .gtext { font-size: 14px; line-height: 30px; width: 200px; height: 151px; text-align: center; }
.index .item-1 .icons .gtext .t { line-height: 24px; font-size: 18px; padding-bottom: 5px; }
.index .item-1 .icons .gtext .t .en { font-size: 12px; color: #a5a5a5; }
.index .item-1 .icons .gtext.text01 { left: -25px; top: -25px; }
.index .item-1 .icons .gtext.text02 { left: 327px; top: -25px; }
.index .item-1 .icons .gtext.text03 { left: 670px; top: -25px; }
.index .item-1 .icons .gtext.text04 { right: -25px; top: -25px; }
/**/
.case .list .text { background-color: #fff; background: none; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.case .list:hover .text { background-color: #424242; }
.case .list .img { overflow: hidden; position: relative; }
.case .list .img .read-more { background-image: url(../images/cases/w70.png); width: 100%; bottom: 0px; height: 58px; position: absolute; left: 0px; bottom: -58px; line-height: 58px; text-align: center; font-size: 16px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.case .list:hover .img .read-more { bottom: 0px; }
.case .list .img .read-more a { color: #2d2d2d; }
.case .list .text .tinner { text-align: center }
.case .list .text .tinner .ct { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size: 18px; color: #1c1c1e; }
.case .list .text .tinner .t { height: auto; font-size: 18px; color: #666666; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.case .list .text .tinner .t a { color: #666666; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.case .list:hover .text .tinner .ct,.case .list:hover .text .tinner .t { color: #fff; }
.case .list:hover .text .tinner .t a { color: #fff; }
/**/
.case-detail .case-detail-c { background-color: #2f2f2f; }
.case-detail .img-list { margin-bottom: 30px; background: none; width: auto; height: auto; }
.case-detail .cd-btn { display: inline-block; border-radius: 5px; border: 2px solid #9ea7b3; width: 242px; height: 52px; text-align: center; line-height: 52px; color: #9ea7b3; font-size: 18px; }
.case-detail .cd-btn span { background-repeat: no-repeat; padding-left: 35px; background-position: left center; }
.case-detail .cd-btn:hover { color: #fff; border: 2px solid #ff6500; background-color: #ff6500; }
.case-detail .cd-btn.cd-btn-1 span { background-image: url(../images/cases/b1.png); }
.case-detail .cd-btn.cd-btn-2 span { background-image: url(../images/cases/b2.png); }
.case-detail .cd-btn.cd-btn-1:hover span { background-image: url(../images/cases/b1-hover.png); }
.case-detail .cd-btn.cd-btn-2:hover span { background-image: url(../images/cases/b2-hover.png); }
/*2016-5-10*/
.about_banner_1{
height:780px; background-position:center; background-repeat:no-repeat; background-image:url(../images/about_banner.jpg);}
.about_1_left{
float:left; width:294px; margin:0px; padding:0px;}
.comdiv{
float:left; width:100%; margin:0px; padding:0px;}
.about_1_right{
width:820px; float:right; margin:0px; padding:0px; text-align:left; vertical-align:middle; overflow:hidden; font-size:14px; color:#e9e9e9; line-height:28px;}
.about_team_left{
width:400px; float:left; margin:0px; padding:0px; padding-top:60px;}
.about_team_right{
float:right; width:800px; margin:0px; padding:55px 0px 0px 0px; font-size:14px; color:#585858; line-height:25px;}
.about_banner_2{height:554px; background-position:center; background-repeat:no-repeat; background-image:url(../images/about_banner4.png);}
.teamlist{
width:100%; margin:0px; padding:0px; clear:both;}
.teamlist li{
float:left; width:400px; margin:0px; padding:0px; height:277px; background-position:center; background-repeat:no-repeat;background-size: cover; position:relative;}
.teamlist_nav{
position:absolute; bottom:0; right:0;width:400px; margin:0px; padding:0px; height:277px; background-position:center; background-repeat:no-repeat;background-size: cover; background-image:url(../images/about_14.png); z-index:9999}
.teamlist_nav_mask{
width:100%; height:277px; margin:0px; float:left; padding:0px; background-image:url(../images/about_2.png); position:relative; color:#fff;}
.about_mask{
position:absolute; left:0; top:0; width:100%; height:277px; background-image:url(../images/about_2.png); text-align:center; font-size:16px; color:#fff;
 filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; }


.about_mask .about_mask_1{
padding:0px 0px; top:65px; position:absolute; left:0; z-index:100;}
.about_mask .about_mask_2{
position:absolute; left:0; top:190px; z-index:100;
 }
 .teamlist li:hover .about_mask{
filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;}
.teamlist li:hover	.about_mask .about_mask_1{ top:95px;}   
.teamlist li:hover	.about_mask .about_mask_2{ top:160px;}  
.about_banner_3{
height:454px; background-image:url(../images/about_banner2.jpg); margin-top:70px; background-position:center; background-repeat:no-repeat}
.khlist{
padding-top:45px;}
.khlist li{
float:left; margin-left:21px; padding:0px; width:182px; height:100px;}
.khlist li img{
float:left; width:100%; height:100px;}
.product_banner_1{
height:580px; background-image:url(../images/product_banner.jpg);   background-position:center; background-repeat:no-repeat;}
.product_banner_1_txt_1{
position:absolute; left:0; top:220px;filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.product_banner_1_txt_2{
position:absolute; left:0; top:335px;filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.product .current .product_banner_1_txt_1{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1; top:250px;}
.product .current .product_banner_1_txt_2{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1; top:305px;}
.pro_list{
margin:0px; padding:0px; width:100%; clear:both; overflow:hidden; background-color:#f0f0f0}	 
.pro_list li{
float:left; margin:0px; padding:0px; width:100%; height:550px;  } 
.pro_list li .pro_list_left{
float:left; margin:0px; padding:0px; width:50%;}	
.pro_list li .pro_list_right{
float:right; background-position:left center; background-repeat:no-repeat;background-size: cover; height:550px;}  
.pro_list_left_mid{
width:520px; margin:0px; padding:0px; color:#003333}
.pro_list_left_mid_top{
padding-top:55px;}
.pro_list_left_mid_top img{
float:left; margin-top:10px; margin-right:10px;}
.pro_list_left_mid_top span{
float:left; font-family:Arial, Helvetica, sans-serif; font-size:60px; line-height:60px; color:#f7780f; font-weight:bold;}
.pro_list_left_mid_top_2{
background-image:url(../images/product_3.png); line-height:25px; text-indent:10px; background-position:left center; background-repeat:no-repeat; font-size:14px;}
.pro_list_left_mid_top_3{
padding:30px 0px; font-size:14px; line-height:25px; border-bottom:1px #ddd solid;}
.pro_list_left_mid_top_4{
/*height:202px;*/}
.pro_list_left_mid_top_4 dl dd{
float:left; margin:0px; padding:3px 0px; width:100%;}
.pro_list_left_mid_top_4 dl dd span{
color:#f7780f; padding-right:6px; font-weight:bold}
.pro_list_left_mid_top_4 dl dd a{
color:#003333; font-size:14px;}
.pro_list_left_mid_top_4 dl.comdiv{
padding:20px 0px;}
.pro_list_left_mid_top_4 dl dd a:hover,.pro_list_left_mid_top_5 a:hover{
color:#f7780f}
.pro_list_left_mid_top_5 a{
background-image:url(../images/product_4.png); padding-left:22px; background-position:left center; background-repeat:no-repeat;color:#003333; font-size:14px;}
ul,li{
list-style:none}
.product_banner_2{
height:328px; background-image:url(../images/product_banner2.jpg);}
.pro_list .pro_list_li{
float:none; margin:0 auto; width:1200px;}
.pro_list_left_mid_top_3_info img{
max-width:100%;}
.pro_list_left_mid_top_3_info{
padding-bottom:50px;}
.product_banner_1_txt_3{
position:absolute; text-align:center; left:0; bottom:40px;}
.go-btn{ opacity:1; webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -ms-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -moz-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -o-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;  position:absolute;bottom:10px;left:48%; width:44px; height:81px;    text-align:center;     overflow:hidden} .go-btn:hover{ animation-play-state:paused; -webkit-animation-play-state:paused; -ms-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; } @keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-webkit-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-ms-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-moz-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-o-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
.case_list_1{
padding-top:50px;}
.case_list_1 li{
float:left; margin:0px; padding:0px; width:587px; margin-bottom:50px; overflow:hidden; height:665px;background-color:#fff; font-size:14px;}
.case_list_1_txt{
padding-left:35px; padding-right:35px; width:517px; }
.case_list_1_img{
height:417px; overflow:hidden;}
.case_list_1_img img{
float:left; width:100%; height:417px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.case_list_1 li:hover .case_list_1_img img{
-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
.case_list_1_txt_top img{
float:left; margin-top:15px; margin-right:10px;}
.case_list_1_txt_top{
padding-top:30px; padding-bottom:3px;}
.case_list_1_txt_top span{
float:left; font-size:60px; font-family:Arial, Helvetica, sans-serif; line-height:60px; color:#333333; font-weight:bold}
.case_list_1_txt_top_2{
background-image:url(../images/product_3.png); text-indent:11px; background-position:left center; background-repeat:no-repeat; color:#333;}
.case_list_1_txt_top_3{
color:#666666; line-height:25px; padding:16px 0px;}
.case_list_1_txt_top_4{background-image:url(../images/product_4.png); text-indent:20px; background-position:left center; background-repeat:no-repeat;}
.case_list_1_txt_top_4 a:hover{
color:#fe5200}
.more_solution{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
width:140px; height:40px; display:inline-block; text-align:center; line-height:40px; color:#fff; background-color:#fe5200; font-size:16px;-moz-border-radius: 30px; /* Gecko browsers */ -webkit-border-radius: 30px; /* Webkit browsers */ border-radius:30px; /* W3C syntax */}
.more_solution:hover{
background-color:#dedede; color:#666;}
.pro_list_left_mid_top_2_2{
font-size:18px; color:#383838}
.gy_banner_1{
height:304px; background-color:#000; background-image:url(../images/gy_10.png); background-repeat:no-repeat; background-position:center;}
.gyul li{
float:left; margin:0px; padding:0px; width:50%; background-color:#f8f8f8; height:304px;}
.gyul li.gyul_li{
background-size: cover; background-position:center; height:304px; background-repeat:no-repeat;}
.gyul_mid{
width:430px; margin:0 auto; padding:0px; text-align:left; vertical-align:middle; overflow:hidden;}
.gyul_mid_1{
padding-top:40px;}
.gyul_mid_1 img{
float:left; margin-top:15px; margin-right:10px;}
.gyul_mid_1 span{
float:left; font-size:60px; color:#f77710; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:60px;}
.gyul_mid_2{
font-size:20px; color:#333; line-height:35px; padding-top:10px; padding-bottom:5px;}
.gyul_mid_3{
font-size:16px; color:#666; line-height:30px;}
.gy_san{
width:600px; height:60px; float:left; margin:0px; padding:0px; background-image:url(../images/gy_3.png); background-position:center top; background-repeat:no-repeat}
.gy_list li{
float:left; margin:0px; padding:0px; margin-left:30px; margin-bottom:60px; width:380px; height:300px; position:relative; overflow:hidden}
.gy_list li img{
float:left; width:100%; height:300px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.gy_list li .gy_mask{
position:absolute; left:0; bottom:-50px; width:100%;
height:50px; line-height:50px; text-align:center; color:#fff; background-image:url(../images/gy_4.png); font-size:16px; text-align:center; filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;}
.gy_list li:hover .gy_mask{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
bottom:0;}
.gy_list li:hover img{
 -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
.ss_banner{
height:700px; background-position:center; background-repeat:no-repeat; background-image:url(../images/ss_banner.jpg);} 
.ss_bar{
position:relative;}
.ss_bar li{
float:left; margin:0px; padding:0px; position:absolute; width:185px; height:115px; background-position:center; background-repeat:no-repeat;}
.ss_bar li a{
margin:0px; float:left; display:block; width:100%; height:115px; background-position:center; background-repeat:no-repeat;}
.ss_bar li.s_1 a{
background-image:url(../images/ss/s1.png);}
.ss_bar li.s_1 a:hover,.ss_bar li.s_1 a.on{
background-image:url(../images/ss/s1on.png);}
.ss_bar li.s_2 a{
background-image:url(../images/ss/s2.png);}
.ss_bar li.s_2 a:hover,.ss_bar li.s_2 a.on{
background-image:url(../images/ss/s2on.png);}
.ss_bar li.s_3 a{
background-image:url(../images/ss/s3.png);}
.ss_bar li.s_3 a:hover,.ss_bar li.s_3 a.on{
background-image:url(../images/ss/s3on.png);}
.ss_bar li.s_4 a{
background-image:url(../images/ss/s4.png);}
.ss_bar li.s_4 a:hover,.ss_bar li.s_4 a.on{
background-image:url(../images/ss/s4on.png);}
.ss_bar li.s_5 a{
background-image:url(../images/ss/s5.png);}
.ss_bar li.s_5 a:hover,.ss_bar li.s_5 a.on{
background-image:url(../images/ss/s5on.png);}
.ss_bar li.s_6 a{
background-image:url(../images/ss/s6.png);}
.ss_bar li.s_6 a:hover,.ss_bar li.s_6 a.on{
background-image:url(../images/ss/s6on.png);}
.ss_bar li.s_7 a{
background-image:url(../images/ss/s7.png);}
.ss_bar li.s_7 a:hover,.ss_bar li.s_7 a.on{
background-image:url(../images/ss/s7on.png);}
.ss_bar li.s_8 a{
background-image:url(../images/ss/s8.png);}
.ss_bar li.s_8 a:hover,.ss_bar li.s_8 a.on{
background-image:url(../images/ss/s8on.png);}
.ss_bar li.s_9 a{
background-image:url(../images/ss/s9.png);}
.ss_bar li.s_9 a:hover,.ss_bar li.s_9 a.on{
background-image:url(../images/ss/s9on.png);}
.ss_bar li.s_10 a{
background-image:url(../images/ss/s10.png);}
.ss_bar li.s_10 a:hover,.ss_bar li.s_10 a.on{
background-image:url(../images/ss/s10on.png);}
.ss_bar li.s_11 a{
background-image:url(../images/ss/s11.png);}
.ss_bar li.s_11 a:hover,.ss_bar li.s_11 a.on{
background-image:url(../images/ss/s11on.png);}

.ss_bar li.s_12 a{
background-image:url(../images/ss/s12.png);}
.ss_bar li.s_12 a:hover,.ss_bar li.s_12 a.on{
background-image:url(../images/ss/s12on.png);}
.ss_bar li.s_13 a{
background-image:url(../images/ss/s13.png);}
.ss_bar li.s_13 a:hover,.ss_bar li.s_13 a.on{
background-image:url(../images/ss/s13on.png);}

.ss_bar li.s_14 a{
background-image:url(../images/ss/s14.png);}
.ss_bar li.s_14 a:hover,.ss_bar li.s_14 a.on{
background-image:url(../images/ss/s14on.png);}
.ss_bar li.s_15 a{
background-image:url(../images/ss/s15.png);}
.ss_bar li.s_15 a:hover,.ss_bar li.s_15 a.on{
background-image:url(../images/ss/s15on.png);}



.ss_yin span{
display:inline-block; line-height:40px; font-size:24px; color:#999; height:40px;}
.ss_yin_left{
background-image:url(../images/ss_6.png); width:60px; background-position:left top; background-repeat:no-repeat;}
.ss_yin_right{
background-image:url(../images/ss_7.png); width:60px; background-position:right top; background-repeat:no-repeat;}
.case_a_1{
text-align:center; padding:35px 0px 50px 0px;}
.case_a_1 a{
display:inline-block; border:1px #666666 solid; width:120px; height:35px; text-align:center; margin:0 5px; line-height:35px; font-size:16px; color:#666666;}
.case_a_1 a:hover,.case_a_1 a.on{
color:#fff; background-color:#006fb7; border-color:#006fb7}
.case_list_2 li{
float:left; margin:0px; padding:0px; overflow:hidden; margin-left:22px; margin-bottom:40px; position:relative; width:385px; /*height:322px;*/ background-color:#f0f0f0;}
.case_list_2 li .case_list_2_img{
height:293px;}
.case_list_2 li .case_list_2_img img{
float:left; width:100%; height:293px;}
.case_list_2 li .case_list_2_txt{
height:60px; line-height:60px; font-size:16px; color:#3f4244; text-align:center;}
.case_list_2_mask{
position:absolute; left:0; top:-293px; height:293px; background-image:url(../images/about_2.png);filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;}
.case_list_2_mask_2{position:absolute; left:0px; top:293px; height:44px; background-image:url(../images/case_7.png); background-position:center; background-repeat:no-repeat;filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;}
.case_list_2 li:hover{
background-color:#616161; color:#fff;}
.case_list_2 li:hover .case_list_2_txt{
color:#fff;}
.case_list_2 li:hover .case_list_2_mask{
filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1; top:0;}
.case_list_2 li:hover .case_list_2_mask_2{
filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1; top:120px;}	
.contact_left_1{
float:left; margin:0px; padding:0px; width:585px;}	 
.contact_left_1 ul li,.contact_right_1 ul li{
float:left; margin:0px; padding:0px; border:1px #cccaca solid; width:583px;-moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius:3px; /* W3C syntax */ margin-bottom:18px;}
.contact_left_1 ul li .input_1{
padding:0 2%; width:96%; line-height:40px; height:40px; border:none; background-color:transparent; color:#858585}
.contact_right_1{
float:right; margin:0px; padding:0px; width:585px;}   
.contact_right_1 ul li .input_2{
padding:2% 2%; width:96%;  height:135px; border:none; background-color:transparent; color:#858585}
.sub_1{
display:inline-block; width:170px; height:45px; text-align:center; line-height:45px; color:#fff; background-color:#f77710; font-size:18px;}
.sub_1:hover{
background-color:#dedede; color:#666;}
.map_info{
position:absolute; margin:0px; padding:0px; width:444px; height:218px; background-image:url(../images/contact_7.png); background-position:center; background-repeat:no-repeat; top:115px; right:6%; z-index:100; color:#7a7a7a;}
.map_info_mid{
width:375px; margin:0 auto; padding:0px; text-align:left; vertical-align:middle; overflow:hidden;}
.map_info_mid_1{
background-position:2px center; background-repeat:no-repeat; background-image:url(../images/contact_4.png); text-indent:22px; padding:3px 0px;}
.map_info_mid_2{background-image:url(../images/contact_5.png); background-position:left center; }
.map_info_mid_3{background-image:url(../images/contact_6.png);background-position:left center; }
.eimg img{
max-width:100%;}
.eimg_name{
font-size:18px; color:#383838; line-height:30px; background-image:url(../images/product_3.png); text-indent:15px; background-position:left center; background-repeat:no-repeat; padding:20px 0px 20px 0px;}
.eimg_txt{
font-size:14px; color:#383838; line-height:26px;}
.eq_comdiv{
padding:70px 0px;}
.index_banner_1{
height:730px;}
.index_banner_1_mid{
height:730px; position:relative;}
.index_banner_1_mid_1{ filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; 
position:absolute; left:0; top:300px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:60px; line-height:60px; color:#fff;}
.index_banner_1_mid_2{
 filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; 
position:absolute; left:0; top:375px; text-align:center;  font-size:20px; line-height:30px; color:#fff;
/*filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;*/}
.index_banner_1_mid_3{
position:absolute; left:0; top:465px; text-align:center; filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;   }
/*
.swiper-slide-active .index_banner_1_mid_1{
top:300px;filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
.swiper-slide-active .index_banner_1_mid_2{
top:375px;filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
.swiper-slide-active .index_banner_1_mid_3{
top:465px;filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}*/
.index_banner_1_mid_3 a{
margin:0 12px;
display:inline-block; width:211px; height:42px; text-align:center; border:2px #fff solid; color:#fff; line-height:42px; color:#fff; font-size:16px;-moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius:3px; /* W3C syntax */ }
.index_banner_1_mid_3 a:hover,.index_banner_1_mid_3 a.on{
color:#fff; background-color:#ff7d13; border-color:#ff7d13}
.index_banner_2{
height:350px; background-position:center; background-repeat:no-repeat; background-image:url(../images/banner_2.jpg);}
.index_banner_3{
background-image:url(../images/banner_3.jpg); background-position:center; background-repeat:no-repeat; height:670px;}
.index_pro_1{
width:275px; float:left; margin:0px; padding:0px; background-color:#0c0b0a; position:relative;}
.index_pro_1 .index_pro_1_img{
overflow:hidden;}

.index_pro_1 .index_pro_1_img img{
float:left; width:100%; height:190px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.index_pro_1:hover .index_pro_1_img img{
 -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
.index_pro_1 .index_pro_1_img_txt{
height:67px; text-align:center; font-size:14px; line-height:50px; color:#fff;}
.index_pro_1 .link_1{
 display:block;
height:48px; width:48px; position:absolute; z-index:10; left:113px; bottom:-24px; background-repeat:no-repeat; background-image:url(../images/index_7.png); background-position:left center;}
.index_pro_1:hover .link_1{
background-position:right center;}
.index_case_2{
height:750px; background-image:url(../images/banner_4.jpg); background-position:center; background-repeat:no-repeat;}
.index_gc{
width:380px; float:left; margin:0px; overflow:hidden; padding:0px; height:358px; background-color:#fff; position:relative;}
.index_gc_img{
height:265px; overflow:hidden;}
.index_gc_img img{
float:left; width:100%; height:265px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.index_gc_txt{
height:93px; font-size:16px; color:#3f4244; background-image:url(../images/index_14.png); background-position:center 63px; background-repeat:no-repeat; text-align:center; line-height:75px;}
/**/
 
.index_mm_1{
position:absolute; left:0; top:-265px; width:100%; z-index:10;
height:265px;   background-image:url(../images/index_13.png);   filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;}
.index_gc:hover .index_mm_1{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
top:0;}

.index_mm_2{
position:absolute; left:150px; bottom:-80px; width:87px; z-index:100;
height:87px;   background-image:url(../images/index_12.png);   filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;}
.index_gc:hover .index_mm_2{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
bottom:175px;}

.index_gc:hover .index_gc_img img{
 -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
 
 
 .banner_ss { position: relative; background-size: cover; background-position: center top; }
.banner_ss .animate { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 100%; text-align: center; left: 100%; }
.banner_ss .list { position: relative; display: none; background-size: cover; background-position: center top; position: absolute; width: 100%; height: 700px; }
 
.banner_ss .current {
display:block}

.item{ filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; }
.indexaboutmore{
width:171px; height:38px; display:inline-block; border:3px #cbcbcb solid; line-height:38px; color:#cbcbcb; font-size:16px;}	
.indexaboutmore:hover{
background-color:#ff7d13; color:#fff; border-color:#ff7d13}  
.pk1{
text-align:center; padding:70px 0px 30px 0px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;-webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s;}
.pk2{
text-align:center; font-size:14px; color:#666; line-height:28px; padding-top:60px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;-webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s;}
.current .pk1{
	color:#555;
	font-size:30px;
padding:60px 0px 30px 0px;}
.current .pk2{
padding-top:0px;}




.pk3{
  padding:60px 0px 30px 0px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;-webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s;}
.pk4{
 padding-top:30px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;-webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s;}
.current .pk3{
padding:10px 0px;}
.current .pk4{
padding-top:0px;}
.pk5{
 padding-top:80px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;-webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s;}
 .current .pk5{
padding-top:55px;}