@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: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:50px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#036aa6;opacity:1; border-radius:21px; margin:0 12px; box-sizing:border-box;}
.banner .bantil li.on{ background:#ffd400;}

.bg01{ height:989px; padding-top:30px; background:url(../images/yinz_bg.jpg) no-repeat center top; overflow:hidden;}

.tit1{ font:50px "Microsoft YaHei"; font-weight:bold; color:#444; text-align:center;}
.tit1 a{ display:block; color:#444;}
.tit1 em{ display:block; font:22px "Microsoft YaHei"; color:#6e7175; padding-top:6px;}
.tit1 i{ color:#036aa6;}

.yinz{ height:840px; margin-top:50px;}
.yinz h5{ text-align:center; font:14px "Microsoft YaHei"; padding:15px 40px 0 40px;}
.yinz h5 b{ color:#036aa6;}
.yinz dl{ width:560px; overflow:hidden; margin-top:25px;}
.yinz dt{ width:560px; height:326px; overflow:hidden; border-radius:8px;}
.yinz dt img{ display:block;width:560px; height:326px;border-radius:8px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dl:hover dd h3{ color:#036aa6;}
.yinz dl:hover dt img{border-radius:8px;-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd h3{ font:36px "Microsoft Yahei"; color:#444; padding:27px 0 6px; font-weight:bold; overflow:hidden;}
.yinz dd p{ font:15px "Microsoft Yahei"; line-height:24px; color:#737373; margin-top:5px;}
.yinz dd span{ display:block; height:100px; margin-top:23px;}
.yinz dd span em{ display:block; width:33.333%; float:left; text-align:center; position:relative; font:18px "Microsoft YaHei"; color:#444;}
.yinz dd span em:nth-child(2):before{ content:""; position:absolute; top:5px; left:0; width:1px; height:95%; border-left:1px dashed #919191;}
.yinz dd span em:nth-child(2):after{ content:""; position:absolute; top:5px; right:0; width:1px; height:95%; border-left:1px dashed #919191;}
.yinz dd span i{ display:block; width:52px; height:58px; margin:0 auto 5px;}
.yinz dd span i img{ display:block; width:100%;}
.yinz dd span em:hover{ color:#036aa6;}
.yinz dd span em:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.list1{ height:1000px; padding-top:90px; overflow:hidden; background:#e5e5e5;}
.fen{ width:300px; height:755px; border-radius:5px; background:#fff; position:relative; margin-top:30px;}
.fen li{ height:122px; font:24px "Microsoft YaHei";}
.fen li a{ display:block; color:#444; height:85px; padding-left:20px; padding-top:36px; border-bottom:1px solid #d2d2d2; background:url(../images/pro_arr1.png) no-repeat 250px center;}
.fen li em{ display:block; font:12px "Microsoft YaHei"; color:#bcbcbc; padding-top:3px;}
.fen li a:hover,.fen .cur a{ background:#036ba6 url(../images/pro_arr2.png) no-repeat 250px center; color:#fff; border-bottom:1px solid #036ba6;}
.fen li a:hover em,.fen .cur em{}
.fen li:last-child a{ border:0;}
.fen h5{ width:314px; height:258px; position:absolute; bottom:0; right:0;}
.fen h5 img{ display:block;width:314px; height:258px;}
.fen h5 a{ display:block; width:140px; height:50px; border-radius:2rem; text-align:center; font:17px "Microsoft YaHei"; line-height:50px; color:fff; position:absolute; top:178px; right:28px; background:#036aa6; color:#fff;}

.pro1{ width:883px; margin-top:30px;}
.pro1 dl{ width:883px; height:497px; overflow:hidden;}
.pro1 dt img{ display:block; width:883px; height:497px;}
.pro1 dd{ width:380px; overflow:hidden; position:absolute; top:70px; left:42px;}
.pro1 dd h3{ font:44px "Microsoft YaHei"; color:#fff;}
.pro1 dd h3 a{ display:block; color:#fff;}
.pro1 dd h3 em{ color:#ffd400;}
.pro1 dd p{ font:14px "Microsoft YaHei"; line-height:20px; color:rgba(255,255,255,0.6); height:80px; overflow:hidden; margin:14px 0 30px;}
.pro1 dd span a{ display:block; width:155px; height:50px; border-radius:2rem; text-align:center; font:17px "Microsoft YaHei"; line-height:50px; color:fff; background:#036ba6; color:#fff;}
.pro3{ position:relative; height:260px;}
.pro3 ul{width:883px; overflow:hidden;}
.pro1 li{ width:277px; float:left; margin:24px 25px 0 0;}
.pro1 li img{ display:block; width:277px; height:156px;}
.pro1 li em{ display:block; height:68px; margin-top:9px; background:#fff; font:18px "Microsoft YaHei"; line-height:68px; color:#444; text-align:center; overflow:hidden;}
.pro1 li:last-child{ margin-right:0;}
.pro1 li:hover em{ color:#fff; background:#036ba6;-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;}
.pro_l a{ display:block; width:40px; height:40px; background:#036ba6; font:30px "宋体"; font-weight:bold; text-align:center; line-height:40px; color:#fff; overflow:hidden; border-radius:40px; position:absolute; top:80px; left:-20px;}
.pro_r a{ display:block; width:40px; height:40px; background:#036ba6; font:30px "宋体"; font-weight:bold; text-align:center; line-height:40px; color:#fff; overflow:hidden; border-radius:40px; position:absolute; top:80px; right:-20px;}

.case{ height:840px; padding-top:90px; overflow:hidden;}
.caset{ height:84px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin:36px 0 30px;}
.caset li{ width:16.66%; position:relative; float:left; font:22px "Microsoft YaHei"; text-align:center;}
.caset li:before,.caset h5:before{ content:""; position:absolute; top:23px; left:0; width:1px; height:40px; background:#c9c9c9;}
.caset li a{ display:block; padding-top:20px; height:63px;}
.caset li em{ display:block; font:12px "Microsoft YaHei"; color:#bcbcbc; padding-top:3px;}
.caset li a:hover,.caset .cur a,.caset h5 a:hover{ color:#036aa6; border-bottom:2px solid #036aa6;}
.caset h5{width:16.66%; position:relative; float:left; font:22px "Microsoft YaHei"; text-align:center;}
.caset h5 a{display:block; padding-top:20px; height:63px;}
.caset h5 em{display:block; font:12px "Microsoft YaHei"; color:#bcbcbc; padding-top:3px;}
.caset h5:after{ content:""; position:absolute; top:23px; right:0; width:1px; height:40px; background:#c9c9c9;}
.case1{ height:500px; background:#036ba6; overflow:hidden;}
.case2{ height:448px; position:relative;}
.case1 dl{ width:1100px; padding:50px 0 0 50px; height:440px;}
.case1 dt{ width:600px; height:338px; overflow:hidden; float:left;}
.case1 dt img{ display:block;width:600px; height:338px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dd{ width:400px; height:340px; padding:0 0 0 45px; border-left:1px solid #3f88b1; float:right;}
.case1 dd h3{ font:36px "Microsoft YaHei"; color:#fff;}
.case1 dd h3 a{ display:block; color:#fff;}
.case1 dd h3 span{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; margin:15px 0;}
.case1 dd h3 b{ padding:0 8px;}
.case1 dd p{ font:16px "Microsoft YaHei"; line-height:22px; height:66px; margin:0 0 24px 0; overflow:hidden; color:#a4bed6;}
.case1 dl:hover dt img,.case3 li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case1 .case3{ width:400px; position:absolute; top:220px; right:50px;}
.case3 h4{ height:30px; margin-bottom:20px; background:url(../images/case_line.gif) repeat-x center center;}
.case3 h4 em{ display:block; width:110px; height:30px; margin:0 auto; background:#ffd400; border-radius:2rem; font:16px "Microsoft YaHei"; font-weight:bold; color:#036ba6; text-align:center; line-height:30px;}
.case3 li{ width:198px; height:149px; overflow:hidden;}
.case3 li img{ display:block;width:198px; height:112px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case3 li:nth-child(2n-1){ float:left;}
.case3 li:nth-child(2n){ float:right;}

.ys{ height:893px; padding-top:100px; background:url(../images/ys_bg.jpg) no-repeat center top; overflow:hidden;}
.ys .content{ position:relative; height:893px;}
.ys h2{ width:385px; float:left; height:170px; overflow:hidden; font:50px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.ys h2 em{ display:block; font:22px "Microsoft YaHei"; padding-top:10px;}
.ys h2 i{ color:#ffd400;}
.yst{ width:624px; height:170px; float:right; overflow:hidden;}
.yst li{ width:105px; height:136px; float:left; text-align:center; font:24px "Microsoft YaHei"; font-weight:bold; color:#fff; margin-right:55px;}
.yst li em{ display:block; width:62px; height:62px; margin:0 auto 18px;}
.yst li em img{display:block; width:62px; height:62px;}
.yst li:last-child{ margin-right:0;}
.yst .cur{ color:#ffd400; font-weight:normal; background:url(../images/ys_hover.png) no-repeat center bottom;}
.yst .cur em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.ys dl{ height:650px;overflow:hidden;}
.ys dt img{ display:block; width:1200px; height:420px; border-radius:5rem;}
.ys dd{ margin-top:40px; height:185px;}
.ys dd h3{ width:160px; height:140px; padding-top:20px; overflow:hidden; float:left; background:url(../images/ys_dot1.png) no-repeat; font:40px "Microsoft YaHei"; text-align:center; color:#036ba6; line-height:50px; letter-spacing:3px; font-weight:bold;}
.ys dd h3 em{ display:block;}
.ys dd h5{ width:774px; float:left; margin-left:25px;}
.ys dd h5 span{ display:block; font:30px "Microsoft YaHei"; color:#fff; margin-bottom:15px;}
.ys dd h5 span em{ display:block; font-weight:bold;}
.ys dd h5 span b{ color:#ffd400;}
.ys dd p{ font:15px "Microsoft YaHei"; line-height:24px; color:#dfe8f1; background:url(../images/ys_arr.png) no-repeat left 5px; padding-left:16px;}
.ys2{ width:155px; position:absolute; top:672px; left:960px; height:18px;}
.ys2 em{ display:block; float:left; width:18px; height:18px; border-radius:18px; margin:0 10px; background:#fff;}
.ys2 em.cur{ background:#ffd400;}
.next1{ width:70px; height:68px; position:absolute; top:650px; right:0;}

.team{ height:780px; margin-top:70px; overflow:hidden;}
.team1{ margin-top:36px; width:981px; height:543px; float:left; overflow:hidden;}
.team1 dl{width:981px; height:543px; overflow:hidden;}
.team1 dt img{ display:block;width:981px; height:543px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.team1 dl:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.teamt{ width:200px; float:right; margin-top:36px; overflow:hidden;}
.teamt li{ height:125px; margin-bottom:14px; font:24px "Microsoft YaHei"; letter-spacing:2px; text-align:center;}
.teamt li a{ display:block; height:86px; padding-top:35px; border:2px solid #333; color:#444;}
.teamt li em{ display:block; font:12px "Microsoft YaHei"; color:#bcbcbc; padding-top:3px; letter-spacing:0;}
.teamt li a:hover,.teamt .cur a{ background:#036ba6; border:2px solid #036ba6; color:#fff;-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;}



/*新闻资讯*/
.news{ background:#e5e5e5; padding-top:90px; height:812px;overflow:hidden;}
.news .content{ position:relative; height:812px;}
.new1{ width:600px; overflow:hidden; height:440px; margin-top:56px;}
.new11{ width:600px; overflow:hidden; height:480px; overflow:hidden; padding-bottom:20px;}
.new1 dl{ background:#036aa6; height:480px;}
.new1 dt{width:600px; height:300px; overflow:hidden;}
.new1 dt img{ display:block;width:600px; height:300px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new1 dd em{ display:block; width:116px; height:58px; margin-top:22px; border-right:1px solid #80c5a7; float:left; font:45px Arial, Helvetica, sans-serif; color:#fff; text-align:center; line-height:35px;}
.new1 dd em i{ display:block; font:14px Arial, Helvetica, sans-serif; padding-top:8px;}
.new1 dd h3{ width:420px; float:left; margin:16px 0 0 20px; font:24px "Microsoft Yahei"; line-height:34px; color:#fff;}
.new1 dd h3 a{ display:block; color:#fff;}
.new1 dd h3 span{ display:block; font:16px "Microsoft Yahei"; color:#fff; text-decoration:underline; padding-top:10px;}
.new1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new2{ width:510px; overflow:hidden; margin:105px 0 0;}
.newt{ height:45px; overflow:hidden; position:absolute; top:160px; left:690px; z-index:88;}
.newt li{ font:24px "Microsoft Yahei"; font-weight:bold; margin-right:45px; float:left;}
.newt li a{ display:block; color:#333; height:33px;}
.newt li a:hover,.newt .cur a{ color:#036ba6; border-bottom:2px solid #036ba6;}
.new3 dl{ padding:20px 0; border-bottom:1px solid #dcdcdc;}
.new3 dt{ font:18px "Microsoft Yahei"; font-weight:bold; height:30px;}
.new3 dt a{ display:block; color:#000;}
.new3 dt em{ display:inline-block; float:right; font:22px Arial, Helvetica, sans-serif; font-weight:bold; color:#4a371d; line-height:26px;}
.new3 dd{ font:14px "Microsoft Yahei"; color:#787878; margin-top:10px; line-height:24px;}
.new3 dl:last-child{ border:0;}
.new3 dl:hover dt a,.new3 .cur01 dt a{ font-weight:bold; color:#036ba6; text-decoration:underline;}
.arr01{ float:left; width:200px; height:30px; font:16px "Microsoft YaHei"; text-align:center; color:#fff; background:#036ba6; line-height:30px; margin-top:17px;}
.arr02{float:right; width:200px; height:30px; font:16px "Microsoft YaHei"; text-align:center; color:#000; background:#ffd400; line-height:30px;margin-top:17px;}
.new_more{ width:500px; height:54px; position:absolute; bottom:100px; left:350px;}
.new_more img{ display:block;width:500px; height:54px;}
.new_l a{ display:block; width:32px; height:32px; border-radius:32px; border:2px solid #036aa6; background:#036aa6; box-sizing:border-box; font:20px "宋体"; font-weight:bold; text-align:center; line-height:28px; position:absolute; top:300px; left:-16px; color:#fff; cursor:pointer;}
.new_r a{ display:block; width:32px; height:32px; border-radius:32px; border:2px solid #036aa6; background:#036aa6; box-sizing:border-box; font:20px "宋体"; font-weight:bold; text-align:center; line-height:28px; position:absolute; top:300px; left:584px; color:#fff;cursor:pointer;}

.about{ height:610px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}
.about dl{ width:500px; height:380px; padding:50px 50px 0 50px; background:#fff; margin-top:90px; border-radius:8px; float:right;}
.about dt{ font:50px "Microsoft YaHei"; font-weight:bold; color:#444;}
.about dt a{ display:block; color:#444;}
.about dt em{ display:block; font:20px "Microsoft YaHei"; color:#444; padding-top:8px;}
.about dt b{ color:#036aa6;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#8d8d8d; height:96px; margin:24px 0; overflow:hidden;}
.about dd span{ display:block; width:162px; height:54px; background:url(../images/about_btn.png) no-repeat; font:18px "Microsoft YaHei"; line-height:54px;}
.about dd span a{ display:block; color:#fff; padding-left:20px;}

.pic{ height:444px; margin-top:90px;}
.pict{ height:40px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center;margin-bottom: 30px; padding-left:380px;}
.pict li{ float:left; line-height:36px; background:#fff;border:2px solid #333333; width: 140px;font-weight: normal; margin-right: 10px;}
.pict li a{ color:#444444;text-decoration: none; }
.pict .nones{ background:none;}
.pict .cur{ background:#036aa6;border-color: #036aa6; color:#fff;-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;}
.pict .cur a{ color:#fff;}
.pic2{ height:290px;width: 1200px; position: relative;}
.m_pic{ height:268px;width: 1200px; position: relative;}
.m_pic .xchd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:0;overflow:hidden;}
.m_pic .xchd ul{margin-left:555px;}
.m_pic .xchd ul li{border-radius: 100%; float:left;margin:0 10px;display:inline;cursor:pointer;}
.m_pic .xchd ul li{width:10px;height:10px;background:#444444;}
.m_pic .xchd ul .on{background:#036aa6;}
.m_pic .jt a{height: 32px; width: 32px; display: block;position: absolute;bottom:-10px;z-index: 3;}
.m_pic .jt a.xcprev{left:520px; background: url(../images/left.png) no-repeat;}
.m_pic .jt a.xcnext{right:520px;background: url(../images/right.png) no-repeat;}

.pic3{width:1200px; overflow: hidden; margin:0 auto;}
.pic3 li{ width:283px; position:relative;margin-right: 21px;}
.pic3 li img{ display:block;width:283px; height:214px;}
.pic3 li em{ height:50px; display:block;  font:16px "Microsoft YaHei"; line-height:50px; color:#444444; overflow:hidden; text-align: center; }

.pic3 li img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.pic3 li img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}



.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -64px;right: 0; width:500px; height:64px;}
.link p{ width:460px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#5e5e5e;line-height:64px;}
.link p a{ display: inline-block;padding:0 10px 0 15px; font:14px "Microsoft YaHei"; color:#5e5e5e; line-height:64px; height:64px; position:relative;}
.link p a:before{ content:""; position:absolute; top:25px; right:0; width:1px; height:14px; background:#464646;}
.link p a:hover{ color:#fff;}
.link p a:last-child:before{ 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);
  }
}