@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;}


.tit1{ font:24px "宋体"; text-align:center; color:#000; width:100%;}
.tit1 a{ color:#000;}
.tit1 em{ display:block; font:24px "宋体"; color:#000; margin-top:12px;}

.yinz{ height:679px; padding-top:80px; background:url(../images/yinz_bg.jpg) no-repeat center top; overflow:hidden;}
.yinz1{ width:600px; height:426px; float:left; background:url(../images/yinz_bg2.jpg) no-repeat center 289px; margin-top:45px;}
.yinz1 h2{ width:600px; height:289px; overflow:hidden;}
.yinz1 h2 img{ display:block;width:600px; height:289px;}
.yinz1 ul{ height:137px; background:url(../images/yinz_bg.png) no-repeat center 10px; padding-left:5px;}
.yinz1 li{ width:105px; float:left; margin:72px 7px 0; font:15px "Microsoft YaHei UI"; text-align:center; color:#fff;}
.yinz1 li em{ display:block; font:12px "Microsoft YaHei UI"; color:#9a3541;}
.yinz dl{ width:560px; float:right; overflow:hidden; margin-top:42px;}
.yinz dt{ font:15px "Microsoft YaHei UI"; line-height:24px; color:#606060;}
.yinz dd{ padding:60px 0 0 34px;}
.yinz dd p{ font:15px "Microsoft YaHei UI"; color:#606060; line-height:24px; margin-bottom:28px;}
.yinz dd p b{ color:#00483c;}
.yinz dd span{ display:block; background:#00483c url(../images/yinz_arr.png) no-repeat 135px center; width:175px; height:56px; border-radius:2rem; margin-left:-34px; font:15px "宋体"; line-height:56px; color:#fff;}
.yinz dd span a{ display:block; color:#fff; padding-left:55px;}

.pro{ background:url(../images/pro_bg.jpg) no-repeat center top; height:1100px; padding-top:100px; overflow:hidden;}
.pro .tit1 em{ color:#fff;}
.prot{ height:583px; width:162px; background:url(../images/fen_bg.jpg) no-repeat center top; margin-top:45px; float:left; position:relative;}
.prot h3{ height:145px; font:16px "Microsoft YaHei UI"; text-align:center; z-index:6;}
.prot h3 a{ display:block; color:#3f0904; height:115px; padding-top:30px; position:relative;}
.prot h3 b{ display:block;width:68px; height:1px; margin:35px auto 0; background:#c19146;}
.prot h3 span{ display:block; width:64px; height:52px; position:relative; margin:0 auto 8px;}
.prot h3 span img{ display:block; width:64px; height:52px;}
.prot h3 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;}
.prot h3 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;}
.prot h3:last-child b{ display:none;}
.prot .erji{ display:none; width:160px; height:583px; background:rgba(0,0,0,0.8); position:absolute; top:0; left:162px; z-index:6;}
.prot .erji ul{ width:125px; margin:0 auto; padding-top:30px;}
.prot .erji li{ height:59px; border-bottom:1px solid #5a5657; font:15px "Microsoft YaHei UI"; line-height:59px;}
.prot .erji li a{ display:block; color:#fff; background:none; padding:0; height:59px;}
.prot .erji li a:hover{ background:none; font-weight:bold; color:#e5b255;}
.prot h3 a:hover span em,.prot .cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.prot h3 a:hover span i,.prot .cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.prot h3 a:hover,.prot .cur a{ color:#fff; background:#8a0214; position:relative;}
.prot h3 a:hover:after,.prot .cur a:after{ content:""; position:absolute; top:70px; left:162px; width:0; height:0; border-left:10px solid #8a0214; border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0); z-index:8;}
.prot h3 a:hover b,.prot .cur b{ display:none;}
.prot h3:hover .erji{ display:block;}
.prot .cur .erji li a:after{ border:0; background:none;}
.pro1{width:1038px; height:583px;float:right; margin-top:45px; overflow:hidden;}
.pro1 dl{width:1038px; height:583px; overflow:hidden;}
.pro1 dt img{ display:block; width:1038px; height:583px;}

.pro2{ height:310px; width:1200px; margin:16px auto 0;}
.pro2 h3{ width:146px; height:252px; overflow:hidden; float:left; overflow:hidden;}
.pro2 h3 img{ display:block;width:146px; height:252px;}
.pro3{ width:1038px; float:right; overflow:hidden;}
.pro2 li{ width:337px; height:253px; float:left; position:relative; margin-right:14px;}
.pro2 li img{ display:block; width:337px; height:253px;}
.pro2 li h4{ width:100%; height:55px; font:14px "Microsoft YaHei UI"; line-height:55px; color:#fff; background:rgba(0,0,0,0.6); overflow:hidden; text-align:center; position:absolute; bottom:0; left:0;}
.pro2 li a:hover h4{ background:#8a0214;}

.gongy2{ max-width:1920px; margin:42px auto 0;}
.gongy dl{ width:25%; float:left; overflow:hidden; position:relative;}
.gongy dt{ position:relative;}
.gongy dt img{ display:block; width:100%;}
.gongy dt p{ width:100%; height:100%; position:absolute; top:0; background:rgba(0,0,0,0.4);}
.gongy dt p em{  display:block; width:50px; font:48px "宋体"; color:#fff; float:left; padding-top:50%;}
.gongy dt p em:nth-child(1){ padding-left:37%;}
.gongy dd{display:block; width:100%; height:0; background:rgba(0,72,60,0.7); position:absolute; bottom:0; text-align:center; font:26px "Microsoft YaHei"; font-weight:bold; color:#fff; line-height:80px;}
.gongy dd h2{ padding-top:6%;}
.gongy dd h2 img{ display:block; width:71.45%; margin:0 auto 20px;}
.gongy dd h2 em{ display:block; font:24px "宋体";}
.gongy dd p{ font:18px "宋体"; width:30px; float:left; line-height:18px; padding-top:8%;}
.gongy dd p:nth-child(2){ padding-left:38%;}
.gongy dl:nth-child(3) dd p:nth-child(2){ padding-left:41%;}
.gongy .cur dt p{ display:none;}
.gongy .cur:hover dd{height:100%;-webkit-transition: height 1.2s; transition: height 1.2s;}

.ys1{ background:url(../images/ys_bg1.jpg) no-repeat center top; height:1037px; overflow:hidden;}
.ys1 .content,.ys3 .content{ position:relative;}
.ys1 .tit1{ width:100%; position:absolute; top:230px;}
.ys1 dl{ width:545px; position:absolute; top:765px; left:60px;}
.ys1 dt img,.ys3 dt img{ display:block;}
.ys1 dt em,.ys3 dt em{ display:block; width:215px; height:40px; background:#fff; font:24px "宋体"; color:#00483c; text-align:center; line-height:40px; margin:8px 0 28px;}
.ys1 dd p,.ys3 dd p{ font:16px "Microsoft YaHei UI"; color:#99b6b1; margin-bottom:10px;}

.ys2{ height:505px; overflow:hidden; background:url(../images/ys_bg2.jpg) no-repeat center top;}
.ys2 ul{ width:622px; float:left; margin-top:79px;}
.ys2 li{ width:181px; height:181px; float:left; margin:0 22px 20px 0; position:relative;}
.ys2 li img{ display:block;width:181px; height:181px;}
.ys2 li em{ display:block; width:100%; height:40px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; position:absolute; bottom:0;}
.ys2 dl{ width:505px; float:right; padding:80px 55px 0 0;}
.ys2 dt img,.ys4 dt img{ display:block;}
.ys2 dt em,.ys4 dt em{ display:block; width:215px; height:40px; background:#00483c; font:24px "宋体"; color:#fff; text-align:center; line-height:40px; margin:25px 0 28px;}
.ys2 dd p,.ys4 dd p{ font:16px "Microsoft YaHei UI"; color:#000; margin-bottom:16px;}
.ys2 dd p:nth-child(2){ width:400px;}
.ys2 dd span,.ys4 dd span{ display:block; background:#00483c url(../images/yinz_arr.png) no-repeat 125px center; width:175px; height:56px; border-radius:2rem; margin-top:30px;font:15px "宋体"; line-height:56px; color:#fff;}
.ys2 dd span a{ display:block; color:#fff; padding-left:40px;}

.ys3{ height:396px; background:url(../images/ys_bg3.jpg) no-repeat center top; overflow:hidden;}
.ys3 dl{ width:540px;position:absolute; top:99px; left:60px;}

.ys4{ background:url(../images/ys_bg4.jpg) no-repeat center top; height:507px; overflow:hidden;}
.ys4 dl{ width:560px; float:right; margin-top:70px;}
.ys4 dd span a{display:block; color:#fff; padding-left:30px;}

.map{ height:622px; background:url(../images/map_bg.jpg) no-repeat center top;}
.map h2{ height:96px; padding-top:46px; font:30px "Microsoft YaHei UI"; color:#000; text-align:center;}
.map h2 em{ color:#00483c;}
.map h2 i{ display:block; font:16px "Microsoft YaHei UI"; color:#666; padding-top:8px;}
.map1{ height:480px; position:relative;}
.map dl{width:100px; height:30px; position:absolute;}
.map dd{ display:none; background:#00483c; text-align:center; font:14px "Microsoft YaHei UI"; color:#fff; text-align:center; line-height:30px; position:absolute; top:-226px; left:-100px;}
.map dd em{ display:block; width:238px; height:172px; padding:20px 20px 0 20px;}
.map dd em img{display:block; width:238px; height:172px;}
.map .dl1{ top:225px; left:355px;}
.map .dl2{ top:70px; left:450px;}
.map .dl3{ top:10px; left:550px;}
.map .dl4{ top:0; left:640px;}
.map .dl5{ top:85px; left:612px;}
.map .dl6{ top:125px; left:675px;}
.map .dl7{ top:140px; left:825px;}
.map .dl8{ top:172px; left:720px;}
.map .dl9{ top:207px; left:740px;}
.map .dl10{ top:285px; left:705px;}
.map .dl11{ top:355px; left:664px;}
.map dl:hover dd{ display:block;}


/*新闻资讯*/
.news{ height:580px; margin-top:100px;overflow:hidden;}
.news .tit1 em{ background:url(../images/new_line.jpg) no-repeat center center;}
.hot{ width:472px; margin-top:37px; position:relative;}
.hot h3 a{ display:block; background:url(../images/hot_icon.gif) no-repeat left center; height:54px; font:18px "Microsoft YaHei UI"; font-weight:bold; line-height:54px; color:#000; padding-left:33px;}
.hot1{ height:350px;}
.hot1 dl{}
.hot1 dt{ width:472px; height:208px; overflow:hidden;}
.hot1 dt img{ display:block;width:472px; height:208px; border-radius:5px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.hot1 dd{ height:72px; margin-top:20px;}
.hot1 dd em{ display:block; float:left; padding-top:12px; width:72px; height:60px; border-radius:72px; background:#00483c; font:16px "Microsoft YaHei UI"; text-align:center; color:#fff;}
.hot1 dd em i{ display:block;}
.hot1 dd h4 a{ display:block; width:320px; height:72px; margin-left:20px; float:left; font:16px "Microsoft YaHei UI"; line-height:72px; color:#000; overflow:hidden;}
.hot1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.hott{ width:75px; height:10px; position:absolute; top:222px; right:0;}
.hott a{ display:inline-block; width:10px; height:10px; border-radius:10px; background:#fff; margin-right:9px;}
.hott .cur{ background:#00483c;}
.pageState{ font:16px Arial, Helvetica, sans-serif; color:#000; position:absolute; top:310px; right:0; letter-spacing:3px;}
.pageState span{ color:#00483c;}

.dy{ width:612px; margin-top:37px;  overflow:hidden;}
.dyt{ height:54px; padding-left:22px;}
.dyt h3{ font:18px "Microsoft YaHei UI"; font-weight:bold; line-height:54px; color:#333; margin-right:35px; float:left;}
.dyt h3 a{ display:block; color:#333;}
.dyt .cur a{ background:url(../images/new_hover.gif) no-repeat center bottom; color:#00483c;}
.dy1{ height:350px;}
.dy2{ background:url(../images/new_bg.gif) no-repeat left 20px; padding-left:40px;}
.dy1 dl{ padding:15px 0; border-bottom:1px dashed #e1e1e1;}
.dy1 dt{ font:14px "Microsoft YaHei UI"; width:450px; float:left;}
.dy1 dt em{ display:block; font:14px Arial, Helvetica, sans-serif; color:#b0b0b0; line-height:24px;}
.dy1 dt a{ display:block; color:#4a4a4a;}
.dy1 dd a{ display:none; width:115px; height:28px; background:#333; font:14px "Microsoft YaHei UI"; text-align:center; line-height:28px; color:#fff; float:right; margin-top:8px;}
.dy1 dl:last-child{ border:0;}
.dy1 dl:hover dd a{ display:block;}
.dy1 dl:hover dt a{ font-weight:bold; color:#00483c;}


/*关于*/
.about{ height:auto;}
.about h2 img{ display:block; width:100%; min-height:200px; max-height:576px;}
.about dl{ width:1200px; height:272px; padding-top:47px; position:relative; margin:-100px auto 0; box-shadow:0.1rem 0.1rem 1rem 0.1rem #999; background:#fff;}
.about dd{ font:14px "Microsoft YaHei UI"; line-height:24px; text-align:center; color:#8d8d8d; padding:12px 50px 0;}
.about ul{ width:1137px; height:130px; position:relative; margin:-75px auto 0; background:#00483c; border-radius:5px;}
.about li{ float:left; font:14px "Microsoft YaHei UI"; font-weight:bold; color:#fff; padding:25px 70px 0 70px;}
.about li span{ display:block; font:50px "宋体"; font-weight:bold; position:relative;}
.about li i{ font:14px "Microsoft YaHei UI"; position:absolute; top:8px; right:-22px;}
.about li:last-child{ padding-right:0;}

.pic{ height:330px; overflow:hidden;}
.pict{ width:195px; margin:0 auto; height:80px; overflow:hidden;}
.pict h3{ font:18px "Microsoft YaHei UI"; font-weight:bold; line-height:80px; color:#333; float:left;}
.pict h3 a{ color:#333;}
.pict h3:last-child{ float:right;}
.pict .cur a{ color:#00483c; text-decoration:underline;}
.pic1{ height:190px; overflow:hidden;}
.pic2{ height:190px;}
.pic3{ width:1140px; margin:0 auto; height:180px; overflow:hidden;}
.pic1 li{ width:360px; height:230px; float:left; margin-right:20px;}
.pic1 li img{ display:block;width:360px; height:203px;}
.pic_l a{ position:absolute; top:70px; left:0; background:url(../images/pic_r.png) no-repeat; width:11px; height:14px; overflow:hidden;}
.pic_r a{ position:absolute; top:70px; right:0; background:url(../images/pic_l.png) no-repeat; width:11px; height:14px; overflow:hidden;}
.pic_l a:hover,.pic_r a:hover{ background-position:0 -14px;}


.link{ background:url(../images/link_bg.jpg) no-repeat center top; padding:20px 0;}
.link p{font:14px "Microsoft YaHei"; color:#333;line-height:30px;}
.link p a{ display: inline-block;padding:0 18px; font:14px "Microsoft YaHei"; color:#333; line-height:30px;}
.link p a:hover{ color:#003c31; font-weight:bold; text-decoration:underline;}
.link p a:nth-child(1){ padding-left:0;}

@-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);
  }
}