锘緻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:652px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:652px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:652px;}
.arr1{ position:absolute; top:40%; left:50%; margin-left:-660px; background:url(../images/ban_l.png) no-repeat; width:55px; height:149px;}
.arr2{ position:absolute; top:40%; left:50%; margin-left:600px;background:url(../images/ban_r.png) no-repeat;width:55px; height:149px;}

.sou{ width:1200px; height:160px; background:#ff0001; margin:-80px auto 0; position:relative;overflow:hidden; z-index:8;}
.sou dl{ width:400px; height:160px; float:left; overflow:hidden;}
.sou dl:nth-child(2){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f40000+1,ff0000+100 */
background: #f40000; /* Old browsers */
background: -moz-linear-gradient(left,  #f40000 1%, #ff0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f40000 1%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f40000 1%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#ff0000',GradientType=1 );}
.sou dt{ width:84px; height:64px; overflow:hidden; padding:27px 10px 0 34px; float:left;}
.sou dt img{ display:block;width:84px; height:64px;}
.sou dd{ width:252px; float:left; overflow:hidden; font:18px "Microsoft YaHei"; color:#fff; margin-top:25px;}
.sou dd em{ display:block; letter-spacing:5px; font-size:14px; color:#ffd2d2; line-height:40px;}
.sou dd b{ font-size:24px; font-family: Arial;}
.sou1{ width:400px;float:right; height:160px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f40000+1,ff0000+100 */
background: #f40000; /* Old browsers */
background: -moz-linear-gradient(left,  #f40000 1%, #ff0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f40000 1%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f40000 1%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#ff0000',GradientType=1 ); }
.sou1 h2{ width:84px; height:64px; overflow:hidden; padding:27px 10px 0 34px; float:left;}
.sou1 h2 img{ display:block;width:84px; height:64px; }
.sou1 p{display:block; letter-spacing:5px; font-size:14px; color:#ffd2d2; line-height:40px; margin-top:15px; width:252px; float:left;}
.sou1 .ip01{width:212px; height:32px; padding-left:8px;background:#ff4b4b;outline:none;border:0;color:#fff; font:12px "Microsoft YaHei"; line-height:32px; overflow:hidden;}
.sou1 .ip02{ width:34px; height:42px; background:url(../images/sou06.png) no-repeat; margin-top:8px;border:0; outline:none; cursor:pointer;}

.yinz{ height:840px; padding-top:186px; position:relative; margin-top:-80px; background:#f6f6f6 url(../images/yinz_bg.jpg) no-repeat center bottom; overflow:hidden;}
.yinz h2{ height:97px; overflow:hidden; text-align:center; background:url(../images/yinz_line1.png) no-repeat center bottom; font:46px "Microsoft YaHei"; color:#333;}
.yinz h2 em{ display:block; font:12px Arial; text-transform:uppercase; color:#e6e6e6;}
.yinz h2 i{ color:#ff0000;}
.yinz p{ height:106px; background:url(../images/yinz_line.png) no-repeat center bottom; font:16px "Microsoft YaHei"; line-height:34px; color:#333; text-align:center; padding:43px 30px 0 30px;}
.yinz ul{ height:175px; margin-top:45px; overflow:hidden;}
.yinz li{ width:80px; float:left; margin-right:40px; font:16px "Microsoft YaHei"; line-height:48px; color:#4f4f4f; text-align:center; background:url(../images/yinz_bg01.png) no-repeat center top;}
.yinz li span{ display:block; width:80px; height:90px;}
.yinz li span img{display:block;width:50px; height:46px; padding:20px 0 23px 16px;}
.yinz li:last-child{ margin-right:0;}
.yinz li:hover{ background:url(../images/yinz_bg02.png) no-repeat center top;}

.tit{ height:150px; text-align:center; overflow:hidden; font:46px "Microsoft YaHei"; color:#2b2b2b;}
.tit a{ color:#2b2b2b;}
.tit em{ display:block; font:20px "Microsoft YaHei"; background:url(../images/pro_line.gif) no-repeat center top; padding-top:8px; margin-top:8px;}

.pro{height:1140px;overflow: hidden; background:url(../images/pro_bg.gif);}
.pro1{ height:383px; overflow:hidden; margin-bottom:48px;}
.prot{ width:262px; height:383px; overflow:hidden; float:left; background:#434343;}
.prot li{ height:75px; border-bottom:1px solid #4f4f4f; font:14px "Microsoft YaHei"; line-height:75px;}
.prot li span{ display:block; width:20px; height:20px; overflow:hidden; float:left; margin:29px 20px 0 40px;}
.prot li em{ display:block;width:20px; height:20px;}
.prot li i{display:block;width:20px; height:20px;}
.prot li img{display:block;width:20px; height:20px;}
.prot li a{ display:block; color:#fff;}
.prot li a:hover,.prot .cur a{ background:#ff0000;}
.prot li a:hover em,.prot .cur em{ display:none;}
.pro2{ width:912px; height:383px; float:right; overflow:hidden;}
.pro2 dt img{ display:block;width:912px; height:383px;}
.pro3{ background:#fff; box-shadow:0.1rem 0.1rem 1.5rem 0.1rem #666; height:420px; padding-top:20px; overflow:hidden; position:relative;}
.pro4{ width:1155px; margin:0 auto; overflow:hidden;}
.pro3 li{ width:278px; float:left; margin-right:14px;}
.pro3 li img{ display:block; width:276px; height:204px; border:1px solid #f0f0f0;}
.pro3 li em{ display:block; font:14px "Microsoft YaHei"; color:#434343; overflow:hidden; background:url(../images/pro_arr.png) no-repeat 240px center; height:75px; line-height:75px;padding-left:15px;}
.pro3 li span{ display:block; height:38px; background:#f5f5f5; font:14px Arial; text-transform:uppercase; color:#979797; line-height:38px; overflow:hidden; text-align:center; text-transform:uppercase;}
.pro3 li a:hover span{ color:#fff; background:#ff0000;}
.pro3 li a:hover img{ border:1px solid #ff0000;}
.arr3 a{ display:block; width:12px; height:12px; overflow:hidden; background:url(../images/pro_dot1.png) no-repeat; position:absolute; top:378px; left:580px;}
.arr4 a{ display:block;width:12px; height:12px; overflow:hidden; background:url(../images/pro_dot1.png) no-repeat; position:absolute; top:378px; left:606px;}
.arr3 a:hover,.arr4 a:hover{background:url(../images/pro_dot2.png) no-repeat;}

.hpzhi{ height:570px; padding-top:68px; background:url(../images/shil_bg.jpg) no-repeat center top;}
.hpzhi .tit{ color:#fff;}
.hpzhi .tit em{ background:url(../images/shil_line.png) no-repeat center top; color:#d8d8d8;}
.hpzhi dl{ width:266px; float:left; margin-right:43px;}
.hpzhi dt{ position:relative; width:266px; height:232xp;}
.hpzhi dt img{ display:block;width:266px; height:232xp;}
.hpzhi dt em{ display:block; width:97px; height:42px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:33px; color:#fff; padding-left:20px; background:url(../images/shil_bg.png) no-repeat; position:absolute; top:11px; left:-4px;}
.hpzhi dd{ background:#494949 url(../images/shil_line1.gif) no-repeat 222px 68px; height:70px; padding:20px 50px 0 20px; font:16px "Microsoft YaHei"; line-height:25px; color:#d6d6d6;}
.hpzhi dd em{ display:block;}
.hpzhi dl:last-child{ margin-right:0;}
.hpzhi dl:hover dd{ color:#fff; background:#ff0000 url(../images/shil_line2.gif) no-repeat 222px 31px;}

.ys{ height:1290px; background:url(../images/pro_bg.gif); padding-top:105px;}
.ys .tit em{ background:none;}
.ys1{ background:url(../images/ys_bg1.jpg) no-repeat center top; height:529px; overflow:hidden;}
.ys1 .content{ position:relative;}
.ys1 dl{ width:520px; position:absolute; top:0; right:0;}
.ys1 dt{ width:390px; float:right; background:url(../images/ys_line.gif) no-repeat 83px bottom; font:18px "Microsoft YaHei"; line-height:46px; color:#2b2b2b; margin-bottom:18px;}
.ys1 dt b,.ys2 dt b{ font-size:20px;}
.ys1 dt em{ display:block; width:83px; float:left;}
.ys1 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#737373;}
.ys1 dl:nth-child(2){ top:217px;}
.ys1 h5{ width:286px; height:48px; background:#e4e4e4; font:24px Arial; font-weight:bold; color:#787878; line-height:48px; text-align:center; position:absolute; top:410px; right:0; text-transform:capitalize;}
.ys2{ background:url(../images/ys_bg2.jpg) no-repeat center top; height:612px;}
.ys2 dl{ width:530px; padding:45px 0 0 32px; height:200px;}
.ys2 dt{background:url(../images/ys_line.gif) no-repeat 83px bottom; font:18px "Microsoft YaHei"; line-height:46px; color:#2b2b2b; margin-bottom:18px;}
.ys2 dt em{ display:block; width:83px; float:left;}
.ys2 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#737373; padding-left:85px;}

.par{ height:565px; overflow:hidden; background:url(../images/par_bg.jpg) no-repeat center 450px; position:relative;}
.par .tit i{ color:#ff0000;}
.par2{ position:relative;}
.par li{ width:240px; float:left; background:url(../images/par_bg.png) no-repeat 50px 50px;}
.par li img{ display:block; width:180px; height:180px; padding:30px 0 0 30px;}
.arr5{ font:24px "瀹嬩綋"; color:#fff; position:absolute; top:460px; left:658px;}
.arr6{ font:24px "瀹嬩綋"; color:#fff; position:absolute; top:460px; left:678px;}

.lc{ background:url(../images/lc_bg.jpg) no-repeat center top; height:419px; padding-top:100px; overflow:hidden;}
.lc h2{ height:164px; width:480px; overflow:hidden; font:40px "Microsoft YaHei"; color:#fff; margin-top:-12px; float:left;}
.lc h2 em{ display:block; font:20px "Microsoft YaHei"; color:#dadada; padding-top:8px;}
.lc li{ width:240px; height:164px; float:left; font:16px "Microsoft YaHei"; text-align:center; color:#fff;}
.lc li em{ display:block; width:54px; height:50px; margin:25px auto 11px;}
.lc li em img{ display:block;width:54px; height:50px;}
.lc li i{ display:block; font:12px Arial; text-transform:uppercase; color:#7f7f7f; padding-top:10px;}
.lc li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.new{ height:730px; padding-top:90px; background:url(../images/new_bg.gif);}
.new .tit i{ color:#ff0000;}
.newt{ height:34px; margin-bottom:65px; margin-left:395px;}
.newt li{ width:130px; height:34px; float:left; margin-right:12px;}
.newt li a{ display:block; width:128px; height:32px; font:16px "Microsoft YaHei"; text-align:center; line-height:32px; color:#2e2e2e; border:1px solid #ececec;}
.newt li a:hover,.newt .cur a{ color:#fff; background:#ff0000;}
.new dl{ width:367px; float:left; margin-right:45px; height:385px;}
.new dt img{ display:block; width:367px; height:206px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new dt em{ display:none; width:367px; height:40px; background:#ff0000; color:#fff; font:30px "Microsoft YaHei"; text-align:center; line-height:40px; position:absolute; bottom:0; left:0;}
.new dt{display:block; width:367px; height:206px; position:relative; overflow:hidden;}
.new dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new dd{ padding:25px;}
.new dd h3 a{ display:block; font:16px "Microsoft YaHei"; text-align:center; line-height:30px; height:30px; color:#292929; overflow:hidden;}
.new dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#656565; height:60px; overflow:hidden; padding-top:20px;}
.new dd em a{ display:none; width:50px; height:56px; overflow:hidden; margin:110px auto 0; background:url(../images/new_btn.png) no-repeat center top; font:14px Arial; text-transform:uppercase; color:#5b5b5b; line-height:56px; text-align:center;}
.new dl:last-child{ margin-right:0;}
.new dl:hover{ background:#fff; box-shadow:0.1rem 0.1rem 0.8rem 0.1rem #eee;}
.new dl:hover dt em,.new dl:hover dd em a{ display:block;}

.about{ height:504px; padding-top:90px; overflow:hidden; background:url(../images/about_bg.gif) no-repeat left 90px;}
.about dl{ height:428px; overflow:hidden;}
.about dt{ width:700px; float:left; overflow:hidden; position:relative; height:428px;}
.about dt img{ display:block;width:600px; height:380px; padding-left:100px}
.about dt em{ display:block; width:260px; height:220px; position:absolute; bottom:0; left:0;}
.about dt em img{ display:block; width:254px; height:214px; border:3px solid #fff; padding:0;}
.about dd{ width:405px; float:right;} 
.about dd em{ display:block; height:50px; font:18px "Microsoft YaHei"; line-height:50px; color:#333; text-transform:uppercase; position:relative;}
.about dd em:before{ content:""; position:absolute; bottom:0; left:-95px; width:200px; height:1px; background:#cfcfcf;}
.about dd h3 a{ display:block; font:40px "Microsoft YaHei";color:#333; margin-top:40px;}
.about dd h3 i{ display:block; font:18px "Microsoft YaHei"; padding:10px 0 20px; position:relative;}
.about dd h3 i:before{ content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#ff0000;}
.about dd p{ font:15px "Microsoft YaHei"; line-height:26px; height:78px; overflow:hidden; margin:25px 0;}
.about dd span a{ display:block; width:220px; height:40px; font:15px "Microsoft YaHei"; text-align:center; line-height:40px; background:#ff0000; color:#fff;}

.pic{ height:295px; overflow:hidden;}
.pict{ width:220px; height:225px; float:left; overflow:hidden; background:#dddddd;}
.pict li{ height:74px; border-bottom:1px solid #e5e5e5; font:16px "Microsoft YaHei"; text-align:center; color:#333;}
.pict li a{ display:block; color:#333; padding-top:18px; height:56px;}
.pict li em{ display:block; font:12px Arial; text-transform:uppercase; color:#949494; line-height:24px;}
.pict li a:hover,.pict .cur a{ background:#ff0000; color:#fff; position:relative;}
.pict li a:hover:before,.pict .cur a:before{ content:""; position:absolute; top:26px; right:0; width:0; height:0; border-right:0.7rem solid #f8f8f8; border-top:0.8rem solid rgba(0,0,0,0);border-bottom:0.8rem solid rgba(0,0,0,0);}
.pict li a:hover em,.pict .cur em{ color:#fff;}
.pic1{ width:951px; float:right; height:225px; overflow:hidden;}
.pic2{width:951px; height:225px;}
.pic1 li{ width:300px; height:225px; float:left; position:relative; margin-right:25px;}
.pic1 li img{ display:block;width:298px; height:223px; border:1px solid #ccc;}
.pic1 li em{ display:block; width:300px; height:44px; font:16px "Microsoft YaHei"; line-height:44px; color:#333; text-align:center; overflow:hidden; background:#efefef; position:absolute; bottom:0; left:0;}
.pic1 li:last-child{ margin-right:0;}

.link{ background:url(../images/link_bg.jpg) no-repeat center top; height:80px; overflow:hidden;}
.link span{ font:24px "Microsoft YaHei"; line-height:80px;color:#fff; display:block; float:left; height:80px;padding-left:40px; width:180px; }
.link em{ font:14px Arial; text-transform:uppercase; color:#dbdbdb;}
.link a{ display:inline-block; font:14px "Microsoft YaHei"; line-height:80px; color:#dbdbdb; padding:0 40px;}


/*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);
  }
}