@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.h_nav li a:-webkit-any-link{ display:block;}






/* -- 以上部分以前resetcommon -- */



/* -- 首页样式开始 -- */
.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%; }

.bantest {position: relative;width: 100%;overflow: hidden;}  
.banner{ width:100%; position:relative;}
.banner .slick-dotted.slick-slider{ margin:0;}
.banner img{ display:block; width:100%;}
/*.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width:73px; height: 73px; margin-top: -73px;border: 0; outline: none;overflow:hidden;}*/
/*.banner .slick-prev {left: 10%; display: none; background:url(../images/ban_prev.png) no-repeat;}*/
/*.banner .slick-next {right: 10%; display: none;background:url(../images/ban_next.png) no-repeat;}   */
/*.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}*/
/*.slick-dots li {display: inline-block;margin: 0 8px; }*/
/*.slick-dots li button {display: block;background:#aa2025;width: 17px;height: 17px;border-radius: 17px;border:0; box-shadow:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}*/
/*.slick-dots .slick-active button {background:#aa2025;border:0; width:54px;} */

.tit{ font:45px "Microsoft YaHei UI"; text-align:center; color:#aa2025; height:115px; font-weight:bold;}
.tit a{ color:#aa2025;}
.tit em{ display:block; font-size:20px; margin-top:6px;font-weight:normal; color:#666;}


.pro{ margin:60px 0 70px;}
.pro1{ margin-top:20px; height:698px; position:relative;}
.pro2 dl{ height:698px; position:relative;}
.pro2 dt{ height:698px;}
.pro2 dd{ position:absolute; bottom:5px; right:5px;}
.pro3{ width:250px; height:698px; position:absolute; top:0; left:50%; background:#b0b2b7; margin-left:-600px;}
.pro3 dl{ position:relative;}
.pro3 dt{ height:99px; border-bottom:1px solid #c7c9cc; font:20px "Microsoft YaHei UI"; line-height:99px; position:relative;}
.pro3 dl:nth-child(1) dt:before{ content:""; position:absolute; top:0; right:0; width:47px; height:47px; background:url(../images/pro_hot.png) no-repeat;}
.pro3 dt a{ color:#fff; padding-left:40px;}
.pro3 dd{ display:none; width:180px; background:#fff; position:absolute; top:0; left:250px; font:14px "Microsoft YaHei UI"; line-height:40px;}
.pro3 dd a:nth-child(1){ padding-top:10px;}
.pro3 dd a:last-child{ padding-bottom:10px;}
.pro3 dl:last-child dt{ border:0;}
.pro3 .cur dt{ background:#bd0006; font-weight:bold;}
.pro3 .cur dt:after{ content:""; position:absolute; top:42px; left:250px; width:0; height:0; border-left:9px solid #bd0006; border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0); z-index:8;}
.pro3 .cur dd{ display:block;}
.pro3 .cur dd a{ display:block; color:#666; padding-left:40px;}
.pro3 .cur dd a:hover{ text-decoration:underline; color:#aa2025;}

.zengz1{ background:url(../images/zengz_bg.jpg) no-repeat center top; height:635px; overflow:hidden; margin-top:20px; padding-top:80px;}
.zengz2{ width:706px; float:right;}
.zengz2 dl{ margin-bottom:14px; font:16px "Microsoft YaHei UI"; color:#333; padding:20px 0 20px 130px; height:87px; background:url(../images/zengz_bg.png) no-repeat center top;}
.zengz2 dt img{ display:block; margin-bottom:8px;}

/*优势*/
.super{padding-top:70px;position:relative;}
.super:before{content: "";position: absolute;width:100%;height:1px;left:0;top:258px;background:#dedede;z-index:0;}
.super2{  height:658px;}
.super1{ height:658px;}
.super1 dl{ height:658px; position:relative;}
.super1 dt{ height:658px; width:1200px; margin:0 auto; position:relative;}
.super1 dt img{ display:block; width:1920px; height:658px; position:absolute; top:0; left:50%; margin-left:-960px;}
.super1 dd{ background:rgba(0,0,0,0.6); position:absolute; bottom:0; width:100%;padding:5px 0 30px;}
.sudd{ width:1200px; margin:0 auto;}
.super1 dd h3{ font:36px "Microsoft YaHei UI"; font-weight:bold; color:#fff; margin-top:25px;}
.super1 dd h3 em{ font:22px "Microsoft YaHei UI"; padding-left:8px;}
.super1 dd p{font:16px "Microsoft Yahei"; line-height:25px; color:#fff; margin:10px 0 0 0;}

.super_t{height: 156px;text-align: center;z-index: 2;font-size: 24px;line-height: 58px;color: #212121; width:1200px; margin:0 auto;}
.super_t li{width: 300px;float: left;position: relative; font:48px "Microsoft YaHei UI"; color:#c4c4c4; text-align:center;}
.super_t li:before{content: "";position: absolute;width:18px;height:18px;left:50%;top:64px;background:#fff;z-index: 1;box-sizing:border-box;border: solid 3px #999;border-radius: 100%;margin-left: -9px;}
.super_t li:after{content: "";position: absolute;width:10px;height:3px;top:72px;left:50%;background:#bd0006;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.super_t li span{display: block;font-size: 26px;line-height:98px;height: 98px;color: #3c424e;}
.super_t li.cur span{color: #bd0006; font-weight:bold;}
.super_t li.cur:before{border-color: #bd0006; background:#bd0006;}
.super_t li.cur:after{width:55%;}
.super_t li.cur{color: #bd0006;}


.coop{ background:#f9f9f9 url(../images/coop_bg.jpg) no-repeat center bottom; padding:70px 0;}
.coop .tit a{ color:#3c424e;}
.coop .tit i{ color:#aa2025; background:url(../images/coop_5.png) no-repeat left center; padding-left:132px;}
.coop ul{ min-width:1200px; max-width:1800px; margin:30px auto 0;}
.coop li{ width:8.33%; float:left; border:1px solid #eee; box-sizing:border-box;}
.coop li img{ display:block; width:100%;}
.coop li:hover{ border:1px solid #aa2025; box-sizing:border-box;}

.news{ height:820px; padding-top:53px; overflow:hidden;}
.newst{ height:60px; border-bottom:1px solid #c6c6c6;position:relative; margin-bottom:35px;}
.newst:before{ content:""; position:absolute; top:22px; left:135px; background:url(../images/new_line.png) no-repeat; width:11px; height:20px;}
.newst:after{ content:""; position:absolute; top:22px; left:305px; background:url(../images/new_line.png) no-repeat; width:11px; height:20px;}
.newst h3{  float:left; margin-right:60px; font:20px "Microsoft YaHei UI"; height:60px; line-height:60px;}
.newst h3 a{ display:block; color:#333; height:58px;}
.newst h3 em{ display:block; width:25px; height:28px; float:left; overflow:hidden; margin:16px 5px 0 0;}
.newst h3 em img{transition: .5s; display:block;}
.newst h5 a{ display:block; font:16px "Microsoft YaHei UI"; line-height:60px; color:#666; background:url(../images/new_arr.png) no-repeat right center; width:60px; float:right;}
.newst h3 a:hover,.newst .cur a{ font-weight:bold; color:#aa2025; border-bottom:2px solid #aa2025;}
.newst h3 a:hover em img,.newst .cur em img{ position:relative; margin-top:-28px;}
.news1{ height:600px;}
.news1 dl{ width:600px; height:525px; float:left; overflow:hidden; background:#f2f2f2;}
.news1 dt{ width:600px; height:336px; overflow:hidden;}
.news1 dt img{ display:block;width:600px; height:336px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news1 dd{ padding:20px 30px 0 30px;}
.news1 dd h5{ height:30px;}
.news1 dd h5 i{ display:block; width:68px; height:30px; color:#fff; float:left; font:16px "Microsoft YaHei UI"; text-align:center; line-height:30px; background:#aa2025;}
.news1 dd h5 em{ display:block; float:right; font:14px "Microsoft YaHei UI"; color:#666; background:url(../images/new_time.jpg) no-repeat left center; width:96px;line-height:30px; text-align:right;}
.news1 dd h4 a{ display:block; font:24px "Microsoft YaHei UI"; margin:20px 0 12px; color:#333;}
.news1 dd p{ font:14px "Microsoft YaHei UI"; line-height:27px; color:#666;}
.news1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news1 dl:hover dd h4 a{ color:#aa2025; font-weight:bold;}
.news1 ul{ width:535px; height:525px; float:right; overflow:hidden;}	
.news1 li{ font:16px "Microsoft YaHei UI"; line-height:64px; height:64px; border-bottom:1px solid #e8e8e8;overflow:hidden;}
.news1 li a{ display:block; color:#666;}
.news1 li em{ float:right; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
.news1 li i{ color:#aa2025;}
.news1 li a:hover{ font-weight:bold; color:#aa2025; text-decoration:underline;}


.about dd{ width:1200px; margin:0 auto; background:#f5f5f5; height:240px; position:relative;}
.about dd:before{ content:""; position:absolute; top:0; left:1200px; width:360px; height:240px; background:#f5f5f5;}
.about dd h3{ width:308px; height:138px; background:#aa2025; position:absolute; top:-138px; left:0; font:38px "Microsoft YaHei UI"; text-align:center; font-weight:bold;}
.about dd h3 a{ display:block; color:#fff; line-height:138px;}
.about dd h3:before{ content:""; position:absolute; top:138px; left:50%; width:0; height:0; border-top:0.5rem solid #aa2025; border-left:0.6rem solid rgba(0,0,0,0);border-right:0.6rem solid rgba(0,0,0,0); margin-left:-0.5rem;}
.about dd p{ font:14px "Microsoft YaHei UI"; line-height:25px; color:#666; padding-left:60px;}
.about dd h4 a{ display:block; font:24px "Microsoft YaHei UI"; color:#3c424e; padding:56px 0 20px 60px;}

.pic{ height:396px;overflow:hidden; margin-top:55px;}
.pict{ height:65px; margin-bottom:25px; border-bottom:1px solid #d4d4d4;}
.pict h3{ font:20px "Microsoft YaHei UI"; float:left; margin-right:55px; height:65px; line-height:65px;}
.pict h3 a{ display:block; color:#333333;}
.pict h3 em{ display:block; float:left; overflow:hidden; width:34px; height:32px; margin:16px 5px 0 0;}
.pict h3 em img{transition: .5s; display:block;}
.pict h3 a:hover,.pict .cur a{ font-weight:bold; color:#aa2025;}
.pict h3:hover,.pict .cur{ border-bottom:3px solid #aa2025;}
.pict h3 a:hover em img,.pict .cur em img{ position:relative; margin-top:-32px;}
.pict h5 a{ display:block; float:right; font:16px "Microsoft YaHei UI"; font-weight:bold; color:#aa2025; line-height:65px;}
.pic2{ height:280px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:275px; float:left; margin-right:32px; overflow:hidden; position:relative;}
.pic1 li span{ display:block;width:275px; height:207px;border:1px solid #eee; box-sizing:border-box; overflow:hidden;}
.pic1 li img{ display:block; width:275px; height:207px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pic1 li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pic1 li em{display:block;font: 16px "Microsoft YaHei UI"; line-height:50px;color: #666; text-align:center; height:50px; overflow:hidden;}
.pic1 li:hover em{ font-weight:bold; color:#aa2025;}
.pic_l{ background:url(../images/pic_l.png) no-repeat; width:34px; height:34px; overflow:hidden; position:absolute; top:87px; left:-65px; cursor:pointer;}
.pic_r{ background:url(../images/pic_r.png) no-repeat; width:34px; height:34px; overflow:hidden; position:absolute; top:87px; right:-65px;cursor:pointer;}
.pic_l:hover,.pic_r:hover{ background-position:0 -34px;}

.link{ height:75px; font:18px "Microsoft YaHei UI"; color:#333333; line-height:75px;}
.link em{ color:#999; text-transform:uppercase; padding-left:4px;}
.link a{ display: inline-block; padding-left:50px; font:14px "Microsoft YaHei"; color:#adadad;line-height:75px;}
.link a:hover{font-weight:bold; text-decoration:underline; color:#aa2025;}

@media (min-width: 1200px) and (max-width: 1680px) {
}


@keyframes living {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
}
@keyframes living1 {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 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);
  }
}