@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; background:url(../images/bg.jpg);}

.banner{ height:700px;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 .bantil{ width:160px; height:21px;position:absolute; bottom:40px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#007dce;opacity:1; border-radius:21px; margin:0 12px; box-sizing:border-box;}
.banner .bantil li.on{ background:#13b62f;}
.banner h5{ width:100%; background:url(../images/banner_bg.png) no-repeat center top; height:121px; position:absolute; bottom:0;}

.tit1{ font:36px "Microsoft YaHei"; text-align:center;color:#1b1b1b; background:url(../images/h.png) no-repeat center top; padding:38px 0 35px;}
.tit1 a{ display:block; color:#1b1b1b;}
.tit1 b{ color:#007dce; font-weight:bold; padding:0 40px 0 0;}
.tit1 em{ display:block; font:18px "Microsoft YaHei"; padding-top:20px;}

.yinz{ height:465px; margin-top:45px; overflow:hidden;}
.yinz .tit1{ margin-left:-35px;}
.yinz .tit1 b{ padding:0 40px 0 35px;}
.yinz dl {
    width: 626px;
    float: right;
}
.yinz dd{ height:300px; margin-top:40px;}
.yinz dd p{ width:312px; float:left; height:143px;}
.yinz dd p em{ display:block; width:58px; height:107px; float:left; margin-right:12px;}
.yinz dd p em img{ display:block;}
.yinz dd p span{ font:28px "Microsoft YaHei"; font-weight:bold; color:#242424; margin-top:8px;}
.yinz dd p span i{ display:block; font:16px "Microsoft YaHei"; padding-top:4px;}
.yinz h3{ width:539px; height:372px;float: left; margin-top:44px; overflow:hidden;}
.yinz h3 img{ display:block;width:539px; height:372px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz h3 a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.pro{ height:1230px; background:url(../images/pro_bg.jpg) no-repeat center top;overflow:hidden; padding-top:94px;}
.fen{ margin-bottom:18px;}
.fent{ height:55px; background:#007dce; overflow:hidden;}
.fent li{ width:25%; height:55px; float:left; font:18px "Microsoft YaHei"; font-weight:bold; line-height:55px;}
.fent li:nth-child(2n-1){ background:#108cf5;}
.fent li a{ display:block; color:#fff; background:url(../images/pro_arr1.png) no-repeat 242px center; padding-left:30px;}
.fent li a:hover,.fent .cur a{background:#13b62f url(../images/pro_arr2.png) no-repeat 242px center;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.fen1 dl{ background:#fff; padding:12px 20px 12px 50px;}
.fen1 dd a{ display:inline-block; font:16px "Microsoft YaHei"; line-height:34px; height:34px; overflow:hidden; margin-right:60px;}
.fen1 dd a:hover{ color:#007dce; text-decoration:underline;}

.pro2{ height:451px; background:#fff; position:relative;}
.pro2 dl{ height:451px; overflow:hidden;}
.pro2 dt{width:598px; height:451px; overflow:hidden; float:left;}
.pro2 dt img{ display:block;width:598px; height:451px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro2 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro2 dd{ width:530px; float:left; padding:44px 0 0 40px;}
.pro2 dd h3{ font:20px "Microsoft YaHei"; font-weight:bold; color:#202020; padding-bottom:15px; background:url(../images/pro_line.gif) repeat-x center bottom;}
.pro2 dd h3 a{ display:block; color:#202020;}
.pro2 dd h3 em{ display:block; font:48px "Microsoft YaHei"; color:#007dce;}
.pro2 dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#666; height:60px; margin:20px 0; overflow:hidden;}
.pro2 dd h4{ font:20px "Microsoft YaHei"; font-weight:bold; color:#1f1e1e; margin-bottom:14px;}
.pro2 dd li{ width:170px; height:44px; float:left; margin:0 5px 5px 0; border:1px solid #eee; font:16px "Microsoft YaHei"; font-weight:bold; line-height:44px; color:#1e1e1e;}
.pro2 dd li:nth-child(3n){ margin-right:0;}
.pro2 dd li em{display:block; width:29px; height:26px; float:left; margin:9px 9px 0 28px;}
.pro3 dd .li1 em{ background:url(../images/pro_icon1.png) no-repeat center top;}
.pro3 dd .li2 em{ background:url(../images/pro_icon2.png) no-repeat center top;}
.pro3 dd .li3 em{ background:url(../images/pro_icon3.png) no-repeat center top;}
.pro3 dd .li4 em{ background:url(../images/pro_icon4.png) no-repeat center top;}
.pro3 dd .li5 em{ background:url(../images/pro_icon5.png) no-repeat center top;}
.pro3 dd .li6 em{ background:url(../images/pro_icon6.png) no-repeat center top;}
.pro3 dd li:hover{ background:#13b62f; color:#fff;}
.pro3 dd li:hover em{ background-position:0 -26px;}
.pro_l{ width:64px; height:31px; border-radius:1rem; background:#007dce; position:absolute; top:203px; left:-32px;}
.pro_r{ width:64px; height:31px; border-radius:1rem; background:#007dce; position:absolute; top:203px; right:-32px;}
.pro_l:hover,.pro_r:hover{ background:#13b62f;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}

.pro1{ height:415px; margin-top:16px;}
.pro4{ overflow:hidden;}
.pro1 li{ width:387px; float:left; margin-right:19px; overflow:hidden;}
.pro1 li img{ display:block; width:387px; height:290px;}
.pro1 li span{ display:block; height:56px; padding:14px 20px; background:#fff url(../images/pro_arr3.png) no-repeat 350px 23px; font:18px "Microsoft YaHei"; color:#1b1b1b;}
.pro1 li span em{ display:block; font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; color:#666;}

.case{ height:590px; overflow:hidden; margin-top:65px;}
.case .tit1{background:url(../images/h.png) no-repeat 470px top; }
.caset{ width:1200px; height:398px; overflow:hidden; background:url(../images/case_bg.gif) no-repeat left top; position:absolute; top:0;}
.caset ul{width:1200px; height:398px; overflow:hidden; background:url(../images/case_bg.gif) no-repeat right top;}
.caset li{ width:266px; height:100px;}
.caset li em{ display:block; width:30px; height:28px; overflow:hidden;}
.caset .li1 em,.caset .li2 em,.caset .li3 em,.caset .li4 em{ float:left; margin:26px 10px 0 20px;}
.caset .li1 span,.caset .li2 span,.caset .li3 span,.caset .li4 span{ float:left; padding-top:28px;}
.caset .li5 em,.caset .li6 em,.caset .li7 em,.caset .li8 em{ float:right; margin:26px 19px 0 20px;}
.caset .li5 span,.caset .li6 span,.caset .li7 span,.caset .li8 span{ float:right; text-align:right; padding-top:28px;}
.caset li a{ display:block; width:266px; height:100px;}
.caset li span{ display:block; width:170px; font:18px "Microsoft YaHei"; font-weight:bold; color:#282828;}
.caset li span i{ display:block; font:12px "Microsoft YaHei"; color:#c7c6c6; padding-top:4px;}
.caset .li1{ position:absolute; top:0; left:0;}
.caset .li2{ position:absolute; top:100px; left:0;}
.caset .li3{ position:absolute; top:200px; left:0;}
.caset .li4{ position:absolute; top:300px; left:0;}
.caset .li5{ position:absolute; top:0; right:0;}
.caset .li6{ position:absolute; top:100px; right:0;}
.caset .li7{ position:absolute; top:200px; right:0;}
.caset .li8{ position:absolute; top:300px; right:0;}
.caset .li1.cur a,.caset .li2.cur a,.caset .li3.cur a,.caset .li4.cur a{ background:url(../images/case_bg1.gif) no-repeat center top;position:relative; z-index:5;}
.caset .li5.cur a,.caset .li6.cur a,.caset .li7.cur a,.caset .li8.cur a{ background:url(../images/case_bg2.gif) no-repeat center top;position:relative; z-index:5;}
.caset .cur span{ color:#fff;}
.caset .cur i{ color:#46da5f;}
.caset .cur em img{ margin-top:-28px;}
.case3{ height:415px; position:relative;}
.case2{ width:720px; height:398px; overflow:hidden; position:absolute; top:0; left:240px;}
.case2 dt img{ display:block; width:720px; height:398px;overflow:hidden;}
.case2 dd{ width:204px; height:40px; border-radius:2rem; background:#007dce; position:absolute; top:180px; left:255px; font:18px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff;}
.case2 dd em{ width:102px; float:right; display:block; float:right; background:#13b62f; border-radius:0 2rem 2rem 0;}

.par{ height:162px; position:relative;}
.par li{ width:225px; height:127px; float:left; margin-right:19px;}
.par li img{ display:block; width:223px; height:125px; border:1px solid #ececec;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.par li a:hover img{ border:1px solid #007dce;}
.par_l{ width:64px; height:31px; border-radius:1rem; background:#007dce; position:absolute; top:46px; left:-32px;}
.par_r{ width:64px; height:31px; border-radius:1rem; background:#007dce; position:absolute; top:46px; right:-32px;}
.par_l:hover,.par_r:hover{ background:#13b62f;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
	
.ys{ height:858px; padding-top:90px; overflow:hidden; background:url(../images/ys_bg.jpg) no-repeat center top;}
.ys .tit1{ color:#fff;background:url(../images/h2.png) no-repeat 570px top;}
.ys .tit1 b{ color:#fff;}
.ys1{ height:432px;}
.ys1 dl{ width:1150px; height:432px; margin:30px 0 0 22px;}
.ys1 dt{ width:566px; height:432px; float:left; overflow:hidden;}
.ys1 dt img{ display:block;width:566px; height:432px;}
.ys1 dd{ width:545px; float:right;}
.ys1 dd h3{ font:30px "Microsoft YaHei"; font-weight:bold; color:#1e1e1e; padding:28px 0 18px; background:url(../images/pro_line.gif) repeat-x center bottom; margin-bottom:16px;}
.ys1 dd h3 em{ display:block; font:36px Arial; color:#007dce; font-weight:bold; opacity:0.2;}
.ys1 dd p{ font:16px "Microsoft YaHei"; line-height:24px; color:#282828; background:url(../images/ys_arr.png) no-repeat left 7px; padding-left:15px; margin-bottom:10px;}
.ys1 dd span a{ display:block; width:107px; height:40px; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; font:16px "Microsoft YaHei"; text-align:center; line-height:40px; color:#9b9a9a; margin:31px 0;}
.ys1 dd h5{ height:125px; overflow:hidden;}
.ys1 dd h5 img{ display:inline-block; width:262px; height:125px;}
.yst{ height:100px; margin-top:30px; background:url(../images/ys_line.gif) repeat-x center 10px;}
.yst li{ width:400px; float:left; font:24px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#1d1d1d; background:url(../images/ys_dot1.png) no-repeat center top; padding-top:42px;}
.yst li:hover,.yst .cur{ background:url(../images/ys_dot2.png) no-repeat center top; color:#007dce;}

.tix{ height:640px; margin-top:70px; overflow:hidden;}
.tix .tit1{background:url(../images/h.png) no-repeat 590px top;}
.tix dl{ width:336px; float:left; margin-right:96px; position:relative;}
.tix dl:before{ content:""; position:absolute; top:0; right:-48px; width:1px; height:448px; background:#d2d1d1;}
.tix dl:last-child:before{ background:none;}
.tix dl:last-child{ margin:0;}
.tix dt{ width:336px; height:251px; overflow:hidden;}
.tix dt img{ display:block;width:336px; height:251px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.tix dd h3{ font:24px "Microsoft YaHei"; color:#1d1d1d; padding:24px 0 12px;}
.tix dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#666; height:90px; overflow:hidden;}
.tix dd em a{ display:block; height:40px; margin-top:15px; font:16px "Microsoft YaHei"; line-height:40px; color:#131313; position:relative;}
.tix dd em a:before{content:""; position:absolute; top:0; left:0; width:0; height:2px; background:#007dce;}
.tix dl:hover em a:before{width:72px;-webkit-transition: width .5s;
    transition: width .5s;}
.tix dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.tix dl:hover dd h3{ color:#007dce;}

/*新闻资讯*/
.new{ background:#eff8fd url(../images/new_bg.jpg) no-repeat center top; height:802px; padding-top:102px;overflow:hidden;}
.new1{ width:572px; margin-top:25px;}
.newt{ height:50px; position:relative; margin-bottom:37px;}
.newt li{ float:left; margin-right:10px; font:20px "Microsoft YaHei"; width:145px;line-height:50px; text-align:center;}
.newt li a{ display:block; color:#fff; height:50px; background:#007dce;}
.newt li a:hover,.newt .cur a{ background:#13b62f;}
.newt h5 a{ display:block; font:16px Arial; text-transform:uppercase; color:#839eb0; line-height:50px; height:50px; position:absolute; top:0; right:0; background:url(../images/new_more.png) no-repeat right center; padding-right:25px;}
.new1 dt{ width:572px; height:321px; overflow:hidden; position:relative;}
.new1 dt img{ display:block; width:572px; height:321px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new1 dd{ background:#eff8fd; height:151px; padding:20px 0 0 0; width:550px; border-bottom:1px solid #d3e2ea; position:relative; margin-top:-20px;}
.new1 dd h3{ font:20px "Microsoft YaHei"; color:#232323;}
.new1 dd h3 a{ display:block; color:#232323;}
.new1 dd h3 em{ display:block; font:14px "Microsoft YaHei"; color:#989898; padding:0 0 9px;}
.new1 dd p{ font:16px "Microsoft YaHei"; line-height:28px; color:#666; margin-top:12px;}

.faq{ width:570px; overflow:hidden; margin-top:25px; height:557px;}
.faq dl{ height:108px; border-bottom:1px solid #ececec; padding:13px 0 34px;}
.faq dt{ width:86px; height:80px; margin-top:16px; float:left; font:60px "Times New Roman", Times, serif; font-weight:bold; color:#333333;}
.faq dt em{ display:block; font:16px Arial; color:#b6b6b6;}
.faq dd{ width:440px; float:right; padding:10px 15px 0 0;}
.faq dd h3 a{ display:block; font:20px "Microsoft YaHei"; color:#212121; height:38px; line-height:38px; overflow:hidden;}
.faq dd p{ font:16px "Microsoft YaHei"; line-height:28px; color:#888; overflow:hidden; margin-top:5px; height:56px; overflow:hidden;}
.faq dl:hover{ border-bottom:1px solid #007dce;}
.faq dl:hover h3 a{ color:#007dce;}


/*关于*/
.about{ background:url(../images/about_bg.jpg) no-repeat center top; height:auto;}
.about .tit1{ color:#fff;background:url(../images/h2.png) no-repeat 500px top;}
.about .tit1 b,.about .tit1 a{ color:#fff;}
.about dl{ height:424px; overflow:hidden; background:#fff; border-radius:0.5rem 0 0 0.5rem; box-shadow:0 0.1rem 0.5rem 0 #eaf4fb;}
.about dt{ width:600px; height:424px; overflow:hidden; float:left;}
.about dt img{ display:block; width:600px; height:424px;border-radius:0.5rem 0 0 0.5rem;-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{ width:520px; float:left; padding:60px 0 0 40px;}
.about dd h3 a{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#222121; padding-bottom:12px;}
.about dd p{ font:16px "Microsoft YaHei"; line-height:34px; color:#666; height:136px;}
.about dd span{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#222121; padding-top:30px; margin-top:20px; background:url(../images/pro_line.gif) repeat-x center top;}
.about dd span em{ padding-left:20px;}
.about dd span a{ display:block; width:90px; height:42px; background:#13b62f url(../images/about_icon.png) no-repeat 20px center; padding-left:50px; font:16px "Microsoft YaHei"; line-height:42px; color:#fff; margin-top:16px;}


.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -56px;right: 0; width:460px; height:56px;}
.link p{ width:460px; float: left;overflow: hidden; font:16px "Microsoft YaHei"; color:#2d2d2d;line-height:56px; font-weight:bold;}
.link p a{ display: inline-block;padding:0 14px 0 15px; font:16px "Microsoft YaHei"; color:#989797; line-height:56px; height:56px; position:relative; background:url(../images/link_line.png) no-repeat right center;}
.link p a:hover{ color:#007dce;}
.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);
  }
}