@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width:1300px !important;min-width: 1200px;max-width:1920px; margin: 0 auto;}
i,em,b{font-style: normal;}


.tit{font-size:48px;color:#000; font-weight:normal; height:76px; position:relative; text-align:center;}
.tit:before{ content:""; position:absolute; bottom:0; left:50%; width:52px; height:3px; background:#de151f; margin-left:-26px;}
.tit a{ display:block; color:#000;}

/**/
.g_guide{ height:742px; margin-top:114px; overflow:hidden; background:url(../images/yinz_bg.jpg) no-repeat center bottom; overflow:hidden;}
.guide_pic{ width:750px; height:645px; overflow:hidden; float:left;}
.guide_pic img{ display:block; width:100%;}
.guide_con{ width:480px; margin-top:169px; position:relative; float:right; height:574px;}
.guide_con dd h3{ font:48px Arial; color:#fff; margin-bottom:40px;}
.guide_con dd h3 a{ display:block; color:#fff;}
.guide_con dd h3 em{ display:block; font-size:18px; line-height:36px; position:relative;}
.guide_con dd h3 em:before{ content:""; position:absolute; top:50%; left:-116px; width:85px; height:2px; background:#fff;}
.guide_con dd p{ font:14px Arial; line-height:20px; color:#fff; margin-bottom:20px;}
.guide_con dt{ margin-top:58px; height:118px;}
.guide_con dt span{ display:block; float:left; border-right:1px dashed rgba(255,255,255,0.6); font-size:18px; line-height:24px; color:#fff; text-align:center; padding:0 40px;}
.guide_con dt span:nth-child(1){ padding-left:0;}
.guide_con dt span:nth-child(3){ padding-right:0; border:0;}
.guide_con dt span em{ display:block; width:58px; height:58px; margin:0 auto 17px;}
.guide_con dt span em:hover{margin:-10px auto 17px;transition: all 0.3s linear 0s;}
.guide_con dt span em img{ display:block; width:100%;}
.guide_con h5{ width:125px; height:215px; background:#de151f; position:absolute; bottom:0; left:-320px; text-align:center; font-size:14px; line-height:24px; font-weight:normal;}
.guide_con h5 i{ display:block; color:#fff;}
.guide_con h5 b{display:block; width:63px; height:63px; margin:28px auto 45px; position:relative;}
.guide_con h5 img{ display:block; width:63px; height:63px; overflow:hidden;}
.guide_con h5 b:before{content:'';position:absolute;width:3.9rem;height:3.9rem;-webkit-box-shadow:inset #fff 0 0 20px;box-shadow:inset #fff 0 0 20px;border-radius:50%;top:0;left:0;opacity:0;animation:warn2 2s ease-out .1s infinite}
.guide_con h5 b:after{content:'';position:absolute;width:3.9rem;height:3.9rem;-webkit-box-shadow:inset #fff 0 0 20px;box-shadow:inset #fff 0 0 20px;border-radius:50%;top:0;left:0;opacity:0;animation:warn 2s ease-out 1.1s infinite}

@keyframes warn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@keyframes warn2{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@media (min-width: 1200px) and (max-width: 1400px) {
}

/**/
.g_pro{ padding:95px 0 0;}
.pro_tit{ height:133px;     margin-left: 98px;margin-top: 20px;}
.pro_tit li{ float:left; text-align:center; font-size:18px; line-height:34px; margin-right:80px;}
.pro_tit li:nth-child(6){ margin-right:0;}
.pro_tit li a{ display:block; color:#000;}
.pro_tit li em{ display:block; width:66px; height:66px; margin:0 auto; overflow:hidden;}
.pro_tit li em img{ display:block;}
.pro_tit li a:hover,.pro_tit .cur a{ color:#de151f;}
.pro_tit li a:hover img,.pro_tit .cur em img{ margin-top:-66px;transition: 0.5s linear;}

.pro_con{ position:relative;}
.pro_con_dl dl{ height:891px; overflow:hidden; position:relative;}
.pro_con_dl dt img{ display:block;}
.pro_con_dl dd{ width:1300px; position:absolute; top:0; left:50%; margin-left:-650px;}
.pro_con_dl dd h3{ padding-top:170px; font-size:36px;}
.pro_con_dl dd h3 a{ color:#fff; font-weight:normal;}
.pro_con_dl dd p{ font-size:14px; line-height:30px; color:#fff;}
.pro_con_dl .pro_desc{ margin:30px 0;}
.pro_con_dl dd span a{ display:block; width:52px; height:52px; background:url(../images/pro_arr.png) no-repeat;}
.pro_con_dl dl:hover dd h3 a{ font-weight:bold; color:#de151f;}

.pro_dot{ height:13px; position:absolute; top:560px; text-align:center; width:100%;}
.pro_dot a{ display:inline-block; width:13px; height:13px; border-radius:20px; background:#fff; margin:0 5px;}
.pro_dot .cur2{ background:#de151f;}

.pro_con_p{ width:1300px; margin:-280px auto 0; position:relative; background:#f3f3f3; z-index:2; height:280px; overflow:hidden; padding:30px 70px; box-sizing:border-box;}
.pro_con_p li{ width:264px; margin-right:20px; overflow:hidden; background:#fff; border:3px solid #fff; overflow:hidden;}
.pro_con_p li img{ display:block; margin:0 auto; width:252px; padding-top:10px;}
.pro_con_p li em{ display:block; text-align:center; line-height:30px; font-size:14px; color:#353535; height:30px; overflow:hidden; padding-bottom:14px;}
.pro_con_p li:hover{border:3px solid #de151f;transition: 0.5s linear;}
.pro_con_p li:hover em{ color:#de151f;}
.pro_l{ display:block; width:12px; height:22px; background:url(../images/pro_l.png) no-repeat; position:absolute; top:128px; left:30px; cursor:pointer;}
.pro_r{display:block; width:12px; height:22px; background:url(../images/pro_r.png) no-repeat; position:absolute; top:128px; right:30px; cursor:pointer;}
.pro_l:hover,.pro_r:hover{ background-position:0 -22px;}

@media (min-width: 1200px) and (max-width: 1400px) {
}
/**/
.quick{ height:595px; background:#f3f3f3; overflow:hidden;}
.quick .content{ background:#fff; height:500px; padding:65px 90px 0 90px; box-sizing:border-box; overflow:hidden; position:relative;}
.quick .content:before{ content:""; position:absolute; bottom:0; left:90px; width:1120px; height:3px; background:#de151f;}
.quick_l{ width:560px; overflow:hidden; float:left;}
.quick_l dl{ height:176px; background:#de151f; overflow:hidden;}
.quick_l dl:nth-child(2){ background:#bb0710;}
.quick_l dd{ float:left; padding:30px 0 0 40px; color:#fff;}
.quick_l dd h3{ font:36px Arial; line-height:30px;}
.quick_l dd h3 em{ display:block; font-size:15px; padding-top:8px;}
.quick_l dd span a{ display:block; width:43px; height:6px; background:url(../images/pro_o_arr.png) no-repeat; margin-top:20px;}
.quick_l dt{ width:176px; float:right; margin-top:8px;}
.quick_l dt img{ display:block;}

.quick_r{ width:510px; float:right;}
.quick_r h3{ font:36px Arial; color:#de151f;}
.quick_r h3 em{ display:block; font-size:18px; line-height:42px; color:#353535;}
.quick_r li{ margin:10px 0 0; font-size:18px; color:#353535;}
.quick_r li em{ display:block; line-height:40px;}
.quick_r li input{ height:48px; border:1px solid #a0a0a0; width:100%;font-size:15px; line-height:48px; color:#858585; padding:0 40px 0 20px; box-sizing:border-box;}
.quick_r li.li_btn{ border:0;width:180px; margin-top:22px;}
.quick_r li.li_btn input{ width:180px; border:0; text-align:center; color:#fff;background:#de151f url(../images/onl_arr.png) no-repeat 92% center; cursor:pointer;}



/**/
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

/**/
.choose{ position:relative; min-width:1200px; max-width:1920px; width:100%; margin:0 auto; overflow:hidden;}
.choose .tit{ width:100%; position:absolute; top:100px; color:#fff; z-index:6;}
.choose .tit:before{ background:#fff;}
.choose_pic p{min-width:1200px; max-width:1920px; width:100%; margin:0 auto;}
.choose_pic img{ display:block; width:100%;}
.choose_con{ height:100px; border-top:1px solid rgba(255,255,255,0.4); width:100%; position:relative; margin-top:-101px; z-index:1;}
.choose_con dl{ width:25%; float:left; position:relative;}
.choose_con dt{ height:100px;border-right:1px solid rgba(255,255,255,0.4); box-sizing:border-box; font-size:24px; text-align:center; color:#fff; line-height:100px;}
.choose_con dd{background:rgba(222,21,31,0.9);  position:absolute; bottom:0; width:100%; color:#fff; text-align:center; padding:6rem 0 1.56rem; opacity:0;-webkit-transition: height .8s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition: height .8s cubic-bezier(0.52, 1.64, 0.37, 0.66); height:0;}
.choose_con dd h3{ font-size:32px; font-weight:normal; height:80px; background:url(../images/choose_line.png) no-repeat center bottom;}
.choose_con dd p{ font-size:14px; line-height:30px; margin:1.2rem 0 6rem;}
.choose_con dd span{ display:block; width:79%; height:70px; background:#fff url(../images/choose_icon.png) no-repeat 90% center; text-align:center; line-height:70px; border-radius:40px; margin:0 auto;}
.choose_con dd span a{ display:block; color:#de151f;}
.choose_con .cur dt{ opacity:0;}
.choose_con .cur dd{ opacity:1; height:360%;}

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

}


/**/
.case{ min-width:1200px; max-width:1920px; width:100%; margin:6rem auto 5.5rem;}
.case dl{ margin:2.8rem 0 0 1.4%; width:23.22%; float:left; overflow:hidden; position:relative;}
.case dt{ overflow:hidden; position:relative;}
.case dt img{ display:block; width:100%;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dt em{ display:block; width:100%; height:75px; font-size:22px; line-height:75px; color:#fff; overflow:hidden; text-align:center; position:absolute; bottom:0;}
.case dd{background:rgba(222,21,31,0.8); position:absolute; bottom:0; width:100%; height:100%; text-align:center; opacity:0; transition: all .36s ease;
    transform: rotateY(90deg);}
.case dd h3{ font-size:22px; color:#fff; font-weight:normal; padding-top:50%;}
.case dd h3 em{ display:block; width:50%; height:3.125rem; border-radius:50px; text-align:center; background:#fff; margin:1.5625rem auto 0; font-size:18px; color:#de151f; line-height:3.125rem;}
.case dl:hover dt em{ opacity:0;}
.case dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case dl:hover dd{ opacity:1;transform:rotateY(0);}
@media (max-width: 1400px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1360px) {
}
@media (min-width: 1200px) and (max-width: 1400px) {
}


/**/
.new{}
.new_tit{ height:56px; margin:25px auto; width:480px;}
.new_tit li{ float:left; width:40%; line-height:56px; font-size:18px; color:#000; text-align:center;}
.new_tit li:nth-child(2){ width:60%;}
.new_tit li a{ color:#000;}
.new_tit li a:hover,.new_tit .cur a{ color:#de151f; text-decoration:underline; font-weight:bold;}
.new_con dl{ border-top:1px solid #d6d6d6; float:left; width:372px; padding-top:30px;}
.new_con dl:nth-child(2){ margin-left:90px;}
.new_con dl:nth-child(3){ float:right;}
.new_con dt{ width:372px; height:143px; overflow:hidden; position:relative; margin-bottom:25px;}
.new_con dt:after{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.new_con dt img{ display:block; width:100%;}
.new_con dd h3 a{ display:block; font:15px Arial; line-height:24px; color:#000;}
.new_con dd p{ margin:16px 0 20px; font-size:14px; line-height:20px; color:#929292;}
.new_con dd span{ display:block; height:30px; margin:20px 0 15px;}
.new_con dd span a{ display:block; float:left; width:70px; height:30px; font-size:12px; text-transform:uppercase; color:#a2a1a1; background:url(../images/new_arr.png) no-repeat right center; line-height:30px;}
.new_con dd span em{ display:block; width:90px; height:30px; font-size:12px;color:#a2a1a1;text-transform:uppercase; line-height:40px; text-align:right; float:right; position:relative;}
.new_con dd span i{ font-size:18px; color:#000; display:block; position:absolute; top:-10px; left:10px;}
.new_con dl:hover{ border-top:1px solid #de151f;}
.new_con dl:hover dd h3 a{ font:bold; color:#de151f;}
.new_con dl:hover dd span a{ color:#de151f;}
.new_con dl:hover dt:after{left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;}

.new_btn{ width:370px; height:50px; border:3px solid #000; margin:55px auto 100px; text-align:center; font-size:18px; background:url(../images/new_btn.png) no-repeat 95% center; line-height:50px;}
.new_btn a{ display:block; color:#000;}
.new_btn:hover{ background:#de151f url(../images/new_btn.png) no-repeat 95% center; border:3px solid #de151f;transition:all .3s linear 0s;}
.new_btn:hover a{ color:#fff;}
@media (min-width: 1200px) and (max-width: 1400px) {
	
}


/*友情链接*/

@media (min-width: 1200px) and (max-width: 1400px) {
	.pic .content{ width:1200px; margin:0 auto;}
	}


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