@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:600px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:600px; overflow:hidden; }
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:600px;}
.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:#0088d0;opacity:1; border-radius:21px; margin:0 12px; box-sizing:border-box;}
.banner .bantil li.on{ background:#e60012;}

.tit1{ font:42px "Microsoft YaHei"; text-align:center; color:#222; padding-bottom:30px; background:url(../images/pro_h.png) no-repeat center bottom;}
.tit1 a{ display:block; color:#222;}
.tit1 em{ display:block; font:22px "Microsoft YaHei"; color:#999;}

.bg01{ height:599px; overflow:hidden; background:#f7f7f7 url(../images/yinz_bg.jpg) no-repeat center bottom;}

.yinz{ height:383px; padding-top:70px; overflow:hidden;}
.yinz dl{ height:383px; overflow:hidden; background:#fff;}
.yinz dt{ width:584px; height:383px; float:left; overflow:hidden;}
.yinz dt img{ display:block;width:584px; height:383px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd{ width:483px; float:right;overflow:hidden; padding:62px 65px 0 0;}
.yinz dd h3{ font:36px "Microsoft YaHei";color:#0088d0; font-weight:bold; padding-bottom:15px; position:relative;}
.yinz dd h3:before{ content:""; position:absolute; bottom:0; width:18px; height:2px; background:#0088d0;}
.yinz dd p{ font:15px "Microsoft YaHei"; line-height:28px; color:#666; margin:15px 0;}
.yinz dd span{ display:block; float:right;}

.pro{ height:1092px;overflow:hidden; margin-top:70px;}
.fen{ background:#0088d0 url(../images/fen_h.jpg) no-repeat center bottom; width:308px; height:881px; overflow:hidden; margin-top:32px;}
.fen h2{ height:66px; padding-top:28px; text-align:center; font:26px "Microsoft YaHei";}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{ display:block; font:12px "Microsoft YaHei"; color:#8dbde4; letter-spacing:3px; padding-top:4px;}
.fen1{ width:296px; margin:0 auto; height:607px; padding-top:22px; overflow:hidden; background:#fff;}
.fen h3{ width:272px; height:50px; margin:0 auto;}
.fen h3 a{ display:block; color:#fff; padding-left:25px; height:50px; line-height:50px; background:#0088d0 url(../images/fen_arr.png) no-repeat 232px center;}
.fen h3 a:hover{ background:#e70012 url(../images/fen_arr.png) no-repeat 232px center;}
.fen ul{ padding:14px 0;}
.fen li{ font:15px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; background:url(../images/pro_arr2.png) no-repeat 40px center;}
.fen li a{ display:block; padding-left:57px;}
.fen li a:hover{ font-weight:bold; color:#0088d0;}
.fen h5{ font:22px Arial; font-weight:bold; color:#fff; padding:48px 0 0 120px;}
.fen h5 em{ display:block; font:16px "Microsoft YaHei"; line-height:30px; height:30px; background:url(../images/fen_lx.png) no-repeat left center;padding-left:32px;margin-bottom:5px;}

.pro1{ width:863px; overflow:hidden; margin-top:32px;}
.pro1 dl{ width:863px; height:431px; overflow:hidden; position:relative;}
.pro1 dt{width:863px; height:431px; overflow:hidden;}
.pro1 dt img{ display:block;width:863px; height:431px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro1 dd{ width:285px; height:193px; background:rgba(255,255,255,0.9); padding:30px 30px 0 30px; position:absolute; top:100px; right:0;}
.pro1 dd h3{ font:24px "Microsoft YaHei"; font-weight:bold; color:#000; padding-bottom:10px; position:relative;}
.pro1 dd h3 a{ display:block; color:#000;}
.pro1 dd h3:before{ content:""; position:absolute; bottom:0; width:16px; height:3px; background:#0088d0;}
.pro1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:48px; margin:12px 0; overflow:hidden;}
.pro1 dd span{ display:block; height:35px;}
.pro1 dd span a{ display:block; width:92px; height:35px; text-align:left; background:#e60012 url(../images/pro_icon1.png) no-repeat 22px center; padding-left:50px; color:#fff; font:14px "Microsoft YaHei"; line-height:35px; overflow:hidden; float:left;}
.pro1 dd span a:last-child{ background:#0088d0 url(../images/pro_icon2.png) no-repeat 22px center; margin-left:1px;}
.pro1 li{ width:274px; float:left; margin:19px 20px 0 0; position:relative;}
.pro1 li img{ display:block; width:274px; height:154px;}
.pro1 li em{ display:block; height:52px; font:14px "Microsoft YaHei"; line-height:52px; background:#f2f2f2; color:#565656; overflow:hidden; text-align:center;}
.pro1 li b{ display:none; position:absolute; top:63px; left:126px; background:url(../images/pro_more.png) no-repeat; width:26px; height:26px;}
.pro1 li:nth-child(3n){ margin-right:0;}
.pro1 li a:hover b{ display:block;}
.pro1 li a:hover em{ color:#fff; background:#0088d0;-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;}


.guan1{ background:url(../images/guan1.jpg) no-repeat center top; height:247px; overflow:hidden;}
.guan1 h5{ width:470px; margin-top:45px; font:40px "Microsoft YaHei"; color:#fff; float:right;}
.guan1 h5 em{ display:block; border-top:1px solid #339fd8; margin-top:6px; font:23px "Microsoft YaHei"; padding-top:5px;}
.guan1 h5 span{ display:block; font:32px "Microsoft YaHei"; line-height:47px; height:47px; margin-top:14px;}
.guan1 h5 span a{ display:block; width:107px; height:35px; background:#fff url(../images/guan_lx.png) no-repeat 30px center; padding-left:65px; font:18px "Microsoft YaHei"; line-height:35px; color:#0088d0; float:left; margin:5px 5px 0 0;}
	
.ys{ margin:75px 0 0;}
.ys h2{ width:998px; height:126px; margin:0 auto 37px;}
.ys dl{ height:572px;}
.ys dt{ width:960px; height:572px; position:relative; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:572px;}
.ys dd{ width:531px; margin-top:85px;}
.ys dd h3{ height:103px; background:url(../images/ys_01.png) no-repeat left center; padding:20px 0 0 100px; font:38px "Microsoft YaHei"; color:#0088d0; margin-bottom:23px;}
.ys dd h3 em{ display:block; font:24px "Microsoft YaHei"; color:#333;}
.ys dd p{ font:16px "Microsoft YaHei"; line-height:32px; color:#666666; background:url(../images/ys_arr.png) no-repeat left 7px; padding-left:22px;}
.ys dd span{ display:block; margin-top:30px;}
.ys dd span em{ display:block; float:left; border-right:1px solid #d6d6d6; font:18px "Microsoft YaHei"; color:#333; padding-right:19px;}
.ys dd span i{ display:block;}
.ys dd span b{ font:36px Arial; font-weight:bold; color:#0088d0;}
.ys dd span em:nth-child(2){ padding:0 22px; margin-right:15px;}
.ys dd span em:last-child{ padding-right:0; border:0;}
.ys dl:nth-child(3) dt{ position:relative; margin:0 -360px 0 0;}
.ys dl:nth-child(3) dd em{ padding-right:30px; margin-right:30px;}
.ys dl:nth-child(3) dd h3{ background:url(../images/ys_02.png) no-repeat left top;}
.ys dl:nth-child(3) dd em:nth-child(2){ padding:0 32px 0 0;}
.ys dl:nth-child(4) dd h3{ background:url(../images/ys_03.png) no-repeat left top;}


.case{ height:954px; background:url(../images/case_bg.jpg) no-repeat center top; padding-top:60px;overflow:hidden;}
.case1{ height:547px; position:relative; margin-top:23px;}
.caset{ height:62px; margin-bottom:15px; background:#0088d0;}
.caset li,.caset h5{ width:25%; float:left; height:62px; border-right:1px solid #66b8e3; box-sizing:border-box; font:16px "Microsoft YaHei"; color:#fff;}
.caset li a,.caset h5 a{ display:block; color:#fff; padding-top:12px; height:50px;}
.caset li em,.caset h5 em{ display:block; font:12px "Microsoft YaHei"; color:rgba(255,255,255,0.4);}
.caset li b,.caset h5 b{ display:block; width:42px; height:33px; float:left; padding:3px 8px 0 86px;}
.caset li b img,.caset h5 b img{ display:block;}
.caset li a:hover,.caset .cur a,.caset h5 a:hover{ background:#e60012;}
.case1 dl{height:454px; overflow:hidden; background:#fff;}
.case1 dt{ width:809px; height:454px; overflow:hidden;float:left;}
.case1 dt img{ display:block;width:809px; height:454px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dd{ width:300px; float:right; padding:60px 50px 0 0;}
.case1 dd h3 a{ display:block; font:24px "Microsoft YaHei"; color:#333;line-height:30px; overflow:hidden; margin-bottom:17px;}
.case1 dd h3 em{ display:block; font:20px "Microsoft YaHei"; color:#555;}
.case1 dd p{ font:16px "Microsoft YaHei"; line-height:24px; color:#666;}
.case1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case1 dd span a{ display:block; margin-top:52px;}
.case1 dd span a{ display:block; width:92px; height:35px; text-align:left; background:#e60012 url(../images/pro_icon1.png) no-repeat 22px center; padding-left:50px; color:#fff; font:14px "Microsoft YaHei"; line-height:35px; overflow:hidden; float:left;}
.case1 dd span a:last-child{ background:#0088d0 url(../images/pro_icon2.png) no-repeat 22px center; margin-left:1px;}
.case1 dl:hover dd h3 a{ color:#0050b3;}

.case3{ height:210px; overflow:hidden; position:relative;}
.case4{ width:1145px; overflow:hidden;}
.case3 li{ width:274px; float:left; margin-right:17px;}
.case3 li img{ display:block;width:274px; height:154px;}
.case3 li em{ display:block; background:#fff; text-align:center; font:16px "Microsoft YaHei"; line-height:45px; height:45px; overflow:hidden; color:#666;} 
.case3 li a:hover em{color:#fff; background:#0088d0;-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;}
.arr1 a{ display:block; width:55px; height:55px; background:#0088d0; font:50px "宋体"; color:#fff; text-align:center; line-height:55px; position:absolute; top:0; right:0;}
.arr2 a{ display:block; width:55px; height:55px; background:#0088d0; font:50px "宋体"; color:#fff; text-align:center; line-height:55px; position:absolute; top:55px; right:0;}
.arr1 a:hover,.arr2 a:hover{ background:#e60012;}


.lc{ height:320px; padding-top:70px; overflow:hidden;}
.lc ul{ height:290px; margin:30px 0 0 0; background:url(../images/lc_line.gif) repeat-x center 47px; overflow:hidden;}
.lc li{ float:left; margin-right:38px; font:18px "Microsoft YaHei"; text-align:center; color:#000;}
.lc li em{ display:block; width:93px; height:93px; margin:0 auto 20px; border:6px solid #fff; background:#0088d0; border-radius:93px; position:relative;}
.lc li em img{display:block; width:93px; height:93px;-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;}
.lc li:hover,.lc .cur{ font-weight:bold; color:#e60012;}
.lc li:hover em img,.lc .cur em img{transform:rotate(360deg);
        -ms-transform:rotate(360deg);   /* IE 9 */
        -moz-transform:rotate(360deg);  /* Firefox */
        -o-transform:rotate(360deg);}
.lc li:last-child{ margin-right:0;}		
.lc li i{ display:block; font:12px "Microsoft YaHei"; color:#ddd;}
.lc li:hover em,.lc .cur em{ background:#e60012;-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;}

.guan2{ height:213px; overflow:hidden; background:url(../images/guan2.jpg) no-repeat center top;}
.guan2 .content{ height:213px; position:relative;}
.guan2 h5{ width:550px; position:absolute; top:123px; left:317px; font:18px "Microsoft YaHei"; color:#fff;}
.guan2 h5 em{ display:block; font:30px Tahoma, Geneva, sans-serif;}
.guan2 span{ display:block; width:220px; height:50px; border-radius:2rem; background:#e60012; position:absolute; top:122px; right:0;}
.guan2 span a{ display:block; font:18px "Microsoft YaHei"; line-height:50px; color:#fff; background:url(../images/guan2_lx.png) no-repeat 50px center; padding-left:88px;}

/*新闻资讯*/
.news{background:url(../images/new_bg.jpg) no-repeat center 0;height: 728px; padding-top:65px; overflow: hidden; font-family: "Microsoft YaHei";}

.newsdt{ width:745px; margin-top:25px; float:left;}
.news h3{height: 55px; font:24px "Microsoft YaHei"; line-height:55px;overflow: hidden; position:relative;}
.news h3:before{ content:""; position:absolute; top:20px; left:0; width:4px; height:20px; background:#0088d0;}
.news h3 a{ font-size: 24px; color: #333333; padding-left:20px;}
.newsdt .dl01{height: 191px; overflow: hidden; background:#fff; margin-bottom:19px;}
.newsdt .dl01 dt{width: 327px;height: 191px; float: left; overflow:  hidden;}
.newsdt .dl01 dt img{width: 327px;height: 191px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.newsdt .dl01 dd{ float: right;width: 335px; overflow: hidden; padding:30px 30px 0 0;}
.newsdt .dl01 dd h4{line-height: 35px; font-size: 18px; color: #333333;font-weight: normal;}
.newsdt .dl01 dd h4 a{ color: #333333;}
.newsdt .dl01 dd p{padding-top: 12px; height: 64px ; font-size: 14px; color: #666666; line-height: 24px}
.newsdt dd span a{display:block;height: 23px; font-size: 14px; line-height: 23px ;font-size:14;}
.newsdt .dl01:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.newsdt dl:hover dd h4 a,.new1 dl:hover dt a{ font-weight:bold; color:#0088d0;}
.new1{ height:166px; border-bottom:1px solid #dcdcdc; background:#fff; overflow:hidden; position:relative;}
.new1:before{ content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#dcdcdc;}
.new1 dl{ width:292px; float:left; padding:30px 40px 0 40px;}
.new1 dt{ font:20px "Microsoft YaHei"; color:#333333; margin-bottom:5px;}
.new1 dt a{ display:block; color:#333333;}
.new1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#7e7e7e; height:48px; overflow:hidden; margin-top:5px;}
.new1 dd em{ display:block; font:14px "Microsoft YaHei"; line-height:24px; color:#999;}
.newsdt ul{ height:90px; padding:10px 40px 0 40px; overflow:hidden; background:#fff;}
.newsdt li{height: 36px; padding-left: 20px; position: relative; font-size:14px; line-height: 36px;}
.newsdt li span{ font-size: 12px; font-family: Arial; color: #999; }
.newsdt li a{ font-size: 14px; color: #333;}
.newsdt li::before{position: absolute; content: ""; width: 8px; height: 8px; top: 12px; left:0;background: #ccc; border-radius: 20px;}
.newsdt li a:hover{ font-weight:bold; color:#e60012;}

.faq {width:434px; height:540px; float: right; margin-top:25px; overflow: hidden;}
.faq dl{ height:375px; border-bottom:1px dashed #999;}
.faq dt{ width:434px; height:244px; overflow:hidden;}
.faq dt img{ display:block;width:434px; height:244px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.faq dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.faq dd{ padding:22px 15px 0 15px;}
.faq dd h4 a{ display:block; font:20px "Microsoft YaHei"; color:#333;}
.faq dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#7e7e7e; padding-top:5px;}
.faq2{ height:475px; background:#fff; overflow:hidden;}
.faq2 ul{ padding:10px 15px 0 15px;}
.faq li{height: 36px; padding-left: 20px; position: relative; font-size:14px; line-height: 36px;}
.faq li a{font-size: 14px; color: #333;}
.faq li::before{position: absolute; content: ""; width: 8px; height: 8px; top: 12px; left:0;background: #ccc; border-radius: 20px;}
.faq li a:hover,.faq li a:hover span{ color: #0050b3; font-weight:bold; }


/*关于*/
.about{height:834px;background:url(../images/about_bg.jpg) no-repeat center 0; overflow: hidden;}
.about dl{ height:397px; overflow:hidden; padding-top:437px;}
.about dt{ width:255px;height:352px;overflow:hidden; background:url(../images/about_h.gif) no-repeat; font:38px "Microsoft YaHei"; font-weight:bold; color:#333; padding:45px 0 0 30px; float:left;}
.about dt a{ display:block; color:#333; height:330px; background:url(../images/about_btn.png) no-repeat 0 270px;}
.about dt em{ display:block; font:18px "Microsoft YaHei"; color:#s333; text-transform:uppercase; padding:18px 0 93px;}
.about dt span{ display:block; font:22px "Microsoft YaHei"; line-height:30px; color:#fff;}
.about dt span i{ display:block; font-weight:bold;}
.about dd{ width:860px; float:right; margin-top:223px;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:22px; color:#666; height:66px; overflow:hidden;}
.about dd span{ display:block; font:20px "Microsoft YaHei"; color:#666666; margin-top:20px; background:url(../images/about_line.png) no-repeat 100px 5px;}
.about dd span a{ display:inline-block; color:#666; margin-right:50px; height:30px;}
.about dd span a:hover{ color:#0088d0; border-bottom:2px solid #0088d0;}

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