@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%; overflow-x: hidden;}

.banner{ height:527px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:700px; overflow:hidden;}
/*
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:700px;}*/
.banner .bd li img{width:100%;margin:0 auto;}
.banner .bantil{ width:198px; height:14px;position:absolute; bottom:74px;left:50%; margin-left:260px; z-index:8;}
.banner .bantil li{ width:14px; height:14px; float:left; display:inline;background:#fff;opacity:1; border-radius:14px; margin:0 12px; }
.banner .bantil li.on{background:#f58001;}

.yinz{ background:url(../images/yinz_bg.jpg) no-repeat center top;height:500px; overflow:hidden; padding-top:104px;}
.yinz h2{ text-align:center; font:45px "Microsoft YaHei"; font-weight:bold; color:#333333;}
.yinz h2 b{ color:#f58001;}
.yinz h2 span{ display:block; font:16px "Microsoft YaHei"; line-height:28px; color:#666666; padding:14px 60px 0 60px; height:56px; overflow:hidden; text-align:center;}
.yinz ul{ height:430px; overflow:hidden; margin-top:30px;}
.yinz li{ width:20%; float:left; font:26px "Microsoft Yahei"; font-weight:bold; text-align:center;}
.yinz li a{ display:block; color:#333;}
.yinz li em{ display:block; width:85px; height:85px; padding:4px; border:1px solid #d4d3d2; border-radius:85px; margin:65px auto 7px;}
.yinz li em img{ display:block; width:100%; height:100%; border-radius:100%;}
.yinz li i{ display:block;width:300px; margin-left:-30px; font:18px "Microsoft Yahei"; line-height:24px; color:#555; padding-top:12px;}
.yinz h3 img{ display:block; width:100%;}
.yinz li a:hover,.yinz .cur a{ color:#f58001; font-size:48px;}
.yinz li a:hover em,.yinz .cur em{ width:208px; height:208px; border-radius:208px; margin:0 auto 7px;}


.tit1{ text-align:center; font:48px "Microsoft YaHei"; font-weight:bold; color:#f58001;}
.tit1 a{ color:#f58001;}
.tit1 em{ display:block; margin-top:5px; font-size:22px; color:#666; font-weight:normal;}

/**/
.pro{ padding:85px 0; background:url(../images/pro_bg.gif);}
.pro .tit1 em{ color:#fff;}
.prot{ height:63px; border-top:1px solid #676767; margin-top:30px;}
.prot ul{ width:1200px; margin:0 auto;}
.prot li{ width:171px; height:63px; float:left; font:18px "Microsoft YaHei"; line-height:63px;}
.prot li a{ display:block; color:#fff; position:relative; padding-left:50px;}
.prot li a:before{ content:""; position:absolute; top:27px; left:31px; width:10px; height:10px; border:2px solid #c6c6c6; border-radius:10px; box-sizing:border-box;}
.prot li.cur a{ color:#f58001; font-weight:bold; border-top:2px solid #f58001; position:relative;}
.prot li.cur a:before{content:""; position:absolute; top:27px; left:31px; width:10px; height:10px; border:2px solid #f58001; border-radius:10px; box-sizing:border-box;}
.pro1 li{ width:24.375%; float:left; margin:0 0.833% 0.75rem 0; position:relative; overflow:hidden;}
.pro1 li img{ display:block; width:100%;}
.pro1 li p{ width:100%; height:100%; display:none; border:3px solid #f58001; box-sizing:border-box; position:absolute; top:0; background:rgba(0,0,0,0.8);}
.pro1 li p em{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#f58001; padding-top:8%; text-align:center;}
.pro1 li p span{ display:block; font:14px "Microsoft YaHei"; line-height:24px; color:#fff; opacity:0.7; padding:2% 5% 0 5%; text-align:center;}
.pro1 li p b{ display:block; background:url(../images/pro_arr.png); width:41px; height:41px; margin:2% auto 0;}
.pro1 li:nth-child(4n){ margin-right:0;}
.pro1 li a:hover p{ display:block;}
.pro1 h5 a{ display:block; height:75px; background:#464646 url(../images/pro_more.gif) no-repeat center center; line-height:75px; overflow:hidden; margin-top:20px;}

.case{ background:url(../images/case_bg.jpg) no-repeat center top;/* padding:90px 0 0; */height:811px; overflow:hidden;}
.case .content{ width:1100px; margin:115px auto 0; position:relative;height:420px;}
.caset{ height:420px; position:relative; width:1100px; position:absolute; top:0;}
.caset li{ width:229px; height:100px; margin-bottom:35px;}
.caset li img{ display:block;width:227px; height:98px; border:1px solid #e1e1e1;}
.caset li a{ display:block;width:229px; height:100px;}
.caset li:nth-child(4){ position:absolute; top:0; right:0;}
.caset li:nth-child(5){ position:absolute; top:135px; right:0;}
.caset li:nth-child(6){ position:absolute; top:270px; right:0;}
.caset li a:hover,.caset .cur a{ background:url(../images/case_bg.png) no-repeat; width:246px; height:100px;}
.caset li a:hover img,.caset .cur img{ width:225px; height:96px; padding:2px 0 0 2px; border:0;}

.caset li:nth-child(4) a:hover,.caset li:nth-child(4).cur a,.caset li:nth-child(5) a:hover,.caset li:nth-child(5).cur a,.caset li:nth-child(6) a:hover,.caset li:nth-child(6).cur a{background:url(../images/case_bg2.png) no-repeat 0 center;width:246px; height:100px; margin-left:-16px;}
.caset li:nth-child(4) a:hover img,.caset li:nth-child(4).cur img,.caset li:nth-child(5) a:hover img,.caset li:nth-child(6).cur img,.caset li:nth-child(6) a:hover img,.caset li:nth-child(5).cur img{width:225px; height:96px; padding:2px 0 0 2px; border:0; padding-left:19px;}


.case1{ width:500px; position:absolute; top:0; left:300px; z-index:8;}
.case1 dt img{ display:block; width:500px; height:250px;}
.case1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#6c6c6c; text-align:center; height:48px; margin-top:20px;}
.case1 dd span{ display:block; height:32px; font:14px "Microsoft YaHei"; background:url(../images/case_line.gif) repeat-x center center; text-align:center; line-height:32px; overflow:hidden; margin-top:20px;}
.case1 dd span a{ display:block; width:145px; height:32px; border-radius:2rem; background:#f58001; margin:0 auto; color:#fff;}

.wangd{ height:760px; margin-top:90px; overflow:hidden;}
.wangd h3{ float:left; width:719px; height:592px; float:left; margin-top:33px;}
.wangd h3 img{ display:block; width:719px; height:592px;}
.wangd1{ width:401px; float:right; margin-top:35px; overflow:hidden;}
.wangd1 dt{ font:26px "Microsoft YaHei"; font-weight:bold; color:#333;}
.wangd1 dt em{ display:block; font:12px Arial;  color:#999; line-height:20px;}
.wangd1 dt img{ display:block; width:400px; height:171px; margin-top:20px;}
.wangd1 dd p{ height:70px; border-bottom:1px dashed #d2d2d2; font:14px "Microsoft YaHei"; line-height:70px; height:70px; overflow:hidden; color:#333;}
.wangd1 dd p em{ display:block; width:36px; height:36px; float:left; margin:17px 7px 0 0;}
.wangd1 dd p em img{display:block; width:36px; height:36px;}
.wangd1 dd p i{ font-size:18px;}
.wangd1 h5{height:70px; font:14px "Microsoft YaHei"; line-height:70px; height:70px; overflow:hidden; color:#333;}
.wangd1 h5 em{ display:block; width:36px; height:36px; float:left; margin:17px 7px 0 0;}
.wangd1 h5 em img{display:block; width:36px; height:36px;}


.ys1{ height:509px; background:#f2f2f2; padding:90px 0; margin-top:30px;}
.ys1 dt{ width:800px; height:509px; float:right; margin-right:-185px;}
.ys1 dt img{ display:block; width:800px; height:509px;}
.ys1 dd{ width:510px; float:left;}
.ys1 dd h3{ width:140px; height:80px; overflow:hidden; background:url(../images/ys_logo1.png) no-repeat center top; text-align:center; font:30px "Microsoft YaHei"; font-weight:bold; color:#fff; padding-top:120px; position:relative; margin-top:-160px;}
.ys1 dd h4,.ys2 dd h4{ font:40px "Microsoft YaHei"; font-weight:bold; color:#333; padding:30px 0 25px; border-bottom:1px solid #c7c7c7;}
.ys1 dd h4 em,.ys2 dd h4 em{ display:block; font:14px "Microsoft YaHei"; color:#b4b4b4; text-transform:uppercase; padding-top:6px;}
.ys1 dd p,.ys2 dd p{ font:16px "Microsoft YaHei"; line-height:28px; color:#666; position:relative; margin-top:22px; padding-left:25px;}
.ys1 dd p:before,.ys2 dd p:before{ content:""; position:absolute; top:8px; left:0; width:10px; height:10px; border-radius:10px; border:2px solid #989898; box-sizing:border-box;}
.ys1 dd span a,.ys2 dd span a{ display:block; width:115px; height:48px; background:#f58001 url(../images/ys_btn.png) no-repeat 50px center; padding-left:85px; margin-top:40px; border-radius:2rem; font:16px "Microsoft YaHei"; line-height:48px; color:#fff;}
.ys2{ height:509px; padding:80px 0;}
.ys2 dt{/*width:960px;*/width:800px;  height:509px; float:left; /*margin-left:-360px;*/margin-left:-150px;}
.ys2 dt img{ display:block;/*width:960px;*/width:800px; height:509px;}
.ys2 dd{ width:520px; float:right;}
.ys2 dd h3{width:140px; height:80px; overflow:hidden; background:url(../images/ys_logo1.png) no-repeat center top; text-align:center; font:30px "Microsoft YaHei"; font-weight:bold; color:#fff; padding-top:120px; position:relative; margin-top:-160px; float:right;}
.ys3{ background:url(../images/ys_bg3.jpg) no-repeat center top; height:679px;}
.ys3 h2{width:140px; height:80px; overflow:hidden; background:url(../images/ys_logo1.png) no-repeat center top; text-align:center; font:30px "Microsoft YaHei"; font-weight:bold; color:#fff; padding-top:120px; position:relative; margin-top:-60px; float:left;}
.ys3 h3{ font:38px "Microsoft YaHei"; font-weight:bold; color:#fff; padding:40px 0 0 50px; float:left; width:800px;}
.ys3 h3 em{ display:block; font:14px Arial; color:#999; letter-spacing:2px; padding-top:10px; text-transform:uppercase;}
.ys3 dl{ margin-top:40px; width:400px; height:410px; border-radius:0.3rem; float:left;border:1px solid rgba(0,0,0,0);box-sizing:border-box; }
.ys3 dt{ padding-top:40px;}
.ys3 dt em{ display:block; width:72px; height:72px; margin:0 auto 22px;}
.ys3 dt em img{ display:block; width:72px; height:72px;}
.ys3 dt b{ display:block; width:60px; height:60px; margin:0 auto; background:url(../images/ys3_dot1.png) no-repeat center top;}
.ys3 dt i{ display:block; font:18px "Microsoft YaHei"; text-align:center; color:#fff;}
.ys3 dd h4{ font:30px "Microsoft YaHei"; text-align:center; color:#fff; padding:5px 0 16px; position:relative; margin-bottom:8px;}
.ys3 dd h4 em{ display:block; font:14px "Microsoft YaHei"; padding-top:5px;}
.ys3 dd h4:before{ content:""; position:absolute; bottom:0; left:50%; width:2rem; margin-left:-1rem; height:1px; background:#fff;}
.ys3 dd p{ display:none; text-align:center; font:14px "Microsoft YaHei"; line-height:26px; color:#fff;}
.ys3 dl:hover{border:1px solid #ccc;box-sizing:border-box;}
.ys3 dl:hover dt b{background:url(../images/ys3_dot2.png) no-repeat center top;}
.ys3 dl:hover i{ margin-top:-42px; height:43px;}
.ys3 dl:hover p{ display:block;}


.new{ height:727px; background:url(../images/new_bg.jpg) no-repeat center top; padding-top:100px; overflow:hidden;}
.dy{ margin-top:20px; width:511px; overflow:hidden; float:left;}
.dyt{ height:46px; border-bottom:1px solid #b7b4b5; position:relative; margin-bottom:20px;}
.dyt li{ font:20px "Microsoft YaHei"; line-height:46px; color:#333; margin-right:36px; float:left;}
.dyt li a{ display:block; color:#333;}
.dyt li span{ display:block; width:23px; height:21px; float:left; margin:12px 8px 0 0 ; position:relative;}
.dyt li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.dyt li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.dyt li img{display:block; width:23px; height:21px;}
.dyt li a:hover,.dyt .cur a{ font-weight:bold; color:#f58001;}
.dyt li a:hover span em,.dyt .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.dyt li a:hover span i,.dyt .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.dyt h5 a{ display:block; font:14px "Microsoft YaHei"; line-height:46px; color:#333; position:absolute; top:0; right:0;}
.dy1 dl{ height:409px; border-bottom:1px solid #d6d6d6; margin-bottom:15px;}
.dy1 dt{ width:511px; height:283px; overflow:hidden;}
.dy1 dt img{ display:block; width:512px; height:283px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy1 dd h3 a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; line-height:30px; height:30px; margin:19px 0 8px; overflow:hidden; color:#333;}
.dy1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:48px; overflow:hidden;}
.dy1 li{ font:14px "Microsoft YaHei"; line-height:34px; height:34px; overflow:hidden; color:#666666;}
.dy1 li a{ display:block; color:#666666;}
.dy1 li em{ float:right; color:#999;}
.dy1 li i{ display:block; font:14px Arial; color:#fff; width:16px; height:16px; text-align:center; line-height:16px; margin:8px 5px 0 0; background:#424242; text-align:center; float:left; color:#fff;}
.dy1 li:nth-child(1) i{ background:#faa80c;}
.dy1 dd h3 a:hover,.dy1 li a:hover,.faq li a:hover{ color:#f58001;}

.faq{ width:610px; margin-top:20px; overflow:hidden;}
.faq h2{ height:46px; font:20px "Microsoft YaHei"; line-height:46px; background:url(../images/new_line.png) no-repeat left bottom; margin-bottom:15px;}
.faq h2 a{ display:block; background:url(../images/faq_icon.png) no-repeat left center; padding-left:30px; color:#f58001;}
.faq h2 em{ float:right; font:14px "Microsoft YaHei"; line-height:46px; color:#333;}
.faq dl{ height:160px;border-bottom:1px solid #d6d6d6; margin-bottom:10px;}
.faq dt{ height:30px; font:16px "Microsoft YaHei"; font-weight:bold; line-height:30px; overflow:hidden;padding-top:24px;}
.faq dt a{ display:block; color:#424242;}
.faq dt em{ display:block; width:80px; height:30px; font:16px "Microsoft YaHei"; line-height:30px; text-align:center; background:#f58001; color:#fff; float:left; margin-right:9px; border-radius:2rem;}
.faq dd{ font:14px "Microsoft YaHei"; line-height:28px; color:#666; margin-top:16px;}
.faq li{ font:14px "Microsoft YaHei"; line-height:37px; height:37px; overflow:hidden; background:url(../images/faq_arr.png) no-repeat left center; padding-left:15px;}
.faq li a{ display:block; color:#666;}
.faq li em{ float:right; color:#999;}
.faq h5{ background:#f58001; height:130px; overflow:hidden; margin-top:35px;}
.faq h5 img{ display:block; width:461px; height:130px; float:left;}
.faq h5 span{ display:block; width:149px; float:left; text-align:center; font:20px "Microsoft YaHei"; color:#fff; background:url(../images/new_more.png) no-repeat center bottom; padding:33px 0 35px;}

.about{ background:#f2f2f2; padding:77px 0 100px; height:1090px; overflow:hidden;}
.about .tit1{ width:365px; margin:0 auto; background:url(../images/about_logo.png) no-repeat left center; padding-left:110px; line-height:100px;}
.about dl{ height:630px; margin-top:17px; overflow:hidden;}
.about dt{ width:1200px; height:493px; overflow:hidden;}
.about dt img{ display:block;width:1200px; height:493px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about dd{ text-align:center; font:14px "Microsoft YaHei"; line-height:28px; color:#333; margin-top:18px;}
.about dd a{ color:#ffab26;}

.pic1{ height:342px; overflow:hidden;}
.pic1 dl{ width:400px; height:342px; float:left; overflow:hidden; background:#fff;}
.pic1 dt{ width:400px; height:171px; overflow:hidden;}
.pic1 dt img{ display:block;width:400px; height:171px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pic1 dd{ height:146px; margin:0; padding-top:25px;}
.pic1 dd h3{ display:block; width:57px; height:55px; margin:0 0 0 100px; position:relative;}
.pic1 dd h3 em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.pic1 dd h3 i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.pic1 dd h5{ font:24px "Microsoft YaHei"; font-weight:bold; color:#333; text-align:left; padding-left:100px;}
.pic1 dd h5 em{ display:block; font:12px "Microsoft YaHei"; color:#bfbfbf;}
.pic1 dl:hover dd h3 em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.pic1 dl:hover dd h3 i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.pic1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pic1 dl:hover{ background:#f58001;}
.pic1 dl:hover dd h5{ color:#fff; background:url(../images/pic_arr.png) no-repeat 288px center;}
.pic1 dl:hover dd h5 em{ color:#fac080;}

.link{ height:67px; overflow:hidden; background:url(../images/link_bg.jpg) no-repeat center top;}
.link p{ float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#999899;line-height:67px;}
.link p a{ display: inline-block; padding-right:54px; font:14px "Microsoft YaHei"; color:#999899; line-height:67px; height:67px; }
.link p a:hover{ color:#fff;}
.link p a:last-child{ background:none;}




@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}