body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_bj{height:693px;overflow: hidden;position: relative;padding-top:87px;box-sizing: border-box;}
.yz_c dl{height: 378px;overflow: hidden;}
.yz_c dt{float: right;width:51.42%;height: 355px;}
.yz_c dt img{width:100%;}
.yz_c dd{float:left;width:44.78%;padding:38px 0 0 10px;}
.yz_c dd h3{height: 42px;line-height: 42px;font-size:31px;color: #db0d1a;font-weight: bold;}
.yz_c dd em{line-height: 53px;font-size:44px;color: #343434;height: 80px;border-bottom: 1px solid #e4e4e5;display: block;font-weight: bold;}
.yz_c dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:26px;}
.yz_c ul{height: 144px;background: #f0f0f0}
.yz_c li{float: left;width:20%;text-align: center;height: 123px;height: 144px;}
.yz_c li p{height:64px;line-height: 64px;padding-top:30px;}
.yz_c li p i{font-size:25px;color: #333333;display: inline-block;vertical-align:middle;}
.yz_c li p em{font-size:70px;line-height:64px;color: #333333;display: inline-block;height: 64px;vertical-align:middle;}
.yz_c li span{display: block;font-size:16px;color: #333333;height: 35px;line-height: 95px;}
.yz_c li:last-child{background: none}
.yz_c li:hover p em{font-weight: bold;color:#db0d1a}
.yz_c li:hover p i{color: #db0d1a}


.titis{overflow: hidden;text-align: center;height:136px;}
.titis h2 {height:63px;line-height:63px;font-size:48px;color: #000000;font-weight:normal;}
.titis h2 a{color: #000000}
.titis p {display:block;font-size:20px;color:#7d7d7d;line-height:30px;height:30px;}


.anl{height:891px;padding-top:103px;overflow: hidden;}
.anl .content{width:1200px;}
.al_nr{position: relative;}
.al_nr .tempWrap{overflow: visible;margin-left:-1000px;}
.al_nr li{float:left;width:960px;margin-right:160px;margin-bottom:30px;transform: scale(0.9);opacity: 0.5;}
.al_nr li i{display: block;font-size:0;line-height: 0;width:960px;overflow: hidden;position: relative;}
.al_nr li i img{width:960px;height: 540px;transition: all 0.5s}
.al_nr li.active{transform: scale(1);opacity: 1;}
.al_nr li .al_w{height: 185px;box-sizing: border-box;box-shadow: 0 20px 50px rgba(0,0,0,0.1);padding:24px 37px 0 58px;position: relative;}
.al_nr li .al_w:after{content: "";display: block;width:2px;height: 87px;background: #d61319;position: absolute;left:28px; top:-25px;}
.al_nr li .al_w h4 a{display: block;height: 40px;line-height: 40px;font-size:26px;color: #d71418;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr li .al_w p{float:left;width:660px;padding-top:9px;font-size:16px;color: #737373;line-height: 24px;}
.al_nr li .al_w span a{display: block;width:137px;height: 34px;border:2px solid #afafb1;text-align: center;border-radius: 0 14px 0 14px;overflow: hidden;float: right;margin-top:16px;line-height: 34px;position: relative;transition: all 0.5s}
.al_nr li .al_w span em{display:inline-block;padding-right:40px;font-size:16px;color: #a8a8aa;position: relative;z-index: 2;transition:all 0.5s}
.al_nr li .al_w span a:after{content:"";display:block;width:0;height:100%;position:absolute;left:0;top:0;background:#d71418;transition:all 0.5s}
.al_nr li .al_w span a:hover:after{width:100%;}
.al_nr li .al_w span a:hover {border-color: #d71418;}
.al_nr li .al_w span a:hover em{color: #fff;}
.al_j1,.al_j2{position: absolute;top:234px;width:60px;border:1px solid #d1d1d3;height: 60px;overflow:hidden;transition: all 0.5s}
.al_j1 img,.al_j2 img{display: block;transition: all 0.5s}
.al_j1{left:30px;}
.al_j2{right:30px;}
.al_j1:hover img,.al_j2:hover img{margin-top:-60px;background: #d71418}
.al_j1:hover,.al_j2:hover{background: #d71418;border-color:#d71418;}
.al_nr li i:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.al_nr li:hover i:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.al_nr li:hover img{transform: scale(1.1);}


.pro_n1{/*height: 807px;padding-top:74px;*/box-sizing: border-box;}
.pro_n1 .titis {height: 140px;}

.pro_c{height: 587px;background: #fff;box-shadow:-10px 0 20px rgba(0,0,0,0.1);box-sizing: border-box;padding-top:42px;}
.pro_gl{float:left;width:31%;padding:20px 0 0 4.71%;}
.pro_gl h4{height: 63px;}
.pro_gl h4 img{vertical-align: top;margin-right:17px;}
.pro_gl h4 a{font-size:28px;color: #222222;display: inline-block;/*line-height: 57px;*/height: 57px;}
.pro_gl p{font-size: 16px;color: #666666;line-height: 28px;padding-top:18px;height: 139px;overflow: visible;}
.pro_gl ul{width:240px;}
.pro_gl li{height: 33px;line-height: 32px;position: relative;margin-bottom:18px;}
.pro_gl li:after{width:100%;height: 1px;content: "";display: block;background:#d4d4d6;position:absolute;left:0;bottom:0;transition: all 0.5s}
.pro_gl li:before{width:0%;height:1px;content:"";display:block;background:#de0000;position:absolute;left:0;bottom:0;transition:all 0.5s;z-index:2}
.pro_gl li a{font-size:16px;color: #666666;}
.pro_gl li i{float: right;width:9px;height: 10px;margin:14px 5px 0 0;}
.pro_gl li.on a{color: #de0000;font-weight: bold;}

.pro_gl li.on:before{width:105%;}

.pro_gf{float: right;width:43.71%;margin-right:7.5%;position: relative;}
.pro_gf li{text-align: center;position: relative;overflow: hidden;}
.pro_gf li:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.pro_gf li:hover:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.pro_gf li i{display: block;font-size:0;line-height: 0;}
.pro_gf li img{width:100%;transition: all 0.5s}
.pro_gf li:hover img{transform: scale(1.1);}
.pro_gf li span{display: block;height: 49px;line-height: 49px;font-size:24px;color: #333333;position: relative;z-index: 9}
.pro_gf_j1,.pro_gf_j2{width:32px;height: 80px;position:absolute;top:9.65rem;transition:all 0.5s}


.pro_n2{height:1388px;box-sizing: border-box;padding-top:57px;}
.pro_c2{height: 587px;background: #fff;box-shadow:10px 0 20px rgba(0,0,0,0.1);box-sizing: border-box;padding-top:40px;}
.pro_bg{float:left;padding-left:7.07%;width:43.71%;}
.pro_bg li{text-align: center;position: relative;overflow: hidden;}
.pro_bg li i{display: block;font-size:0;line-height: 0;}
.pro_bg li img{width:100%;transition: all 0.5s}
.pro_bg li:hover img{transform: scale(1.1);}
.pro_bg li span{display: block;height: 49px;line-height: 49px;font-size:24px;color: #333333;position: relative;z-index: 9}
.pro_bg li:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.pro_bg li:hover:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}

.pro_bgl {width:50%;padding:35px 4.42% 0 0;float: right;}
.pro_bgl h4{height:79px;}
.pro_bgl h4 img{vertical-align: top;margin-right:17px;}
.pro_bgl h4 a{font-size:28px;color: #222222;display: inline-block;line-height: 57px;height: 57px;}
.pro_bgl p{font-size: 18px;color: #666666;line-height: 28px;/*padding-top:18px;*/height: 129px;overflow: visible;line-height: 35px;}
.pro_bgl ul{width:240px;}
.pro_bgl li{height: 33px;line-height: 32px;position: relative;margin-bottom:18px;}
.pro_bgl li:after{width:100%;height: 1px;content: "";display: block;background:#d4d4d6;position:absolute;left:0;bottom:0;transition: all 0.5s}
.pro_bgl li:before{width:0%;height:1px;content:"";display:block;background:#de0000;position:absolute;left:0;bottom:0;transition:all 0.5s;z-index:2}
.pro_bgl li a{font-size:16px;color: #666666;}
.pro_bgl li i{float: right;width:9px;height: 10px;margin:14px 5px 0 0;}
.pro_bgl li.on a{color: #de0000;font-weight: bold;}
.pro_bgl li.on:before{width:105%;}

.pro_fg{height:auto;padding-top:5px;}
.pro_fg .tit{height: 72px;}
.pro_fg .tit h4 a{font-size:30px;color: #333333;line-height: 44px;}
.pro_fg .tit h4 img{margin:-5px 20px 0 0;vertical-align: top;}
.pro_fg .tit em a{float: right;font-size:16px;margin:26px 11px 0 0;color: #333333;padding-left:39px;line-height: 26px;}
.pro_d{padding-top:11px;overflow: hidden;position: relative;}
.pro_d li{float:left;width:335px;margin:20px 19px 20px 0;position: relative;overflow:hidden;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.1);position: relative;}
.pro_d li img{width:100%;}
.pro_d li span{display: block;position: absolute;left:0;width:100%;bottom:30px;height: 40px;line-height: 90px;font-size:22px;color: #333333;}
.pro_d li em{display:block;width:14px;height:14px;background:#db0d1a;position:absolute;right:20px;top:20px;text-align:center;line-height:14px;font-size:12px;border-radius:50%;color:#fff;}
.pro_d li:last-child{margin-right:0;}
.pro_d li:after{display: block;content: "";width:0%;height: 1px;background:#de0000;position: absolute;left:0;top:0;transition: all 0.5s}
.pro_d li:before{display: block;content: "";width:1px;height: 0%;background:#de0000;position: absolute;right:0;bottom:0;transition: all 0.5s}
.pro_d li a:after{display: block;content: "";width:0%;height: 1px;background:#de0000;position: absolute;right:0;bottom:0;transition: all 0.5s}
.pro_d li a:before{display: block;content: "";width:1px;height:0%;background:#de0000;position: absolute;left:0;top:0;transition: all 0.5s}
.pro_d li:hover:after,.pro_d li:hover a:after{width:100%;}
.pro_d li:hover:before,.pro_d li:hover a:before{height:100%;}
.fg_j{position: absolute;left:0;bottom:5px;width:100%;text-align: center;}
.fg_j img{margin:0 27px;}
.pro_d .banMenu{text-align: center;display: block;margin-top:30px;}
.pro_d .banMenu i img {-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;-webkit-animation: bounceY 2s infinite;-moz-animation: bounceY 2s infinite;-o-animation: bounceY 2s infinite;-ms-animation: bounceY 2s infinite;animation: bounceY 2s infinite;}
@keyframes bounceY {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

.yous{margin:85px auto 89px;overflow: hidden;}
.yous .content{position: relative;}
.yous .titis {height: 138px;}
.ys_nr dl{overflow: hidden;}
.ys_nr dt{float:left;font-size:0;line-height: 0;width:49.92%;}
.ys_nr dt img{width:100%;}
.ys_nr dd{float: left;width:50.08%;box-sizing: border-box;padding:4.45rem 0 0 9.75%;}
.ys_nr dd h4{height: 3.9rem;line-height: 3.9rem;font-size:1.7rem;color: #333333;font-weight: bold;position: relative;}
.ys_nr dd h4 i{display: inline-block;margin:0 0.6rem;width:7px;height: 7px;background: #a7a7a9;border-radius: 50%;vertical-align: middle;}
.ys_nr dd h4:after{content: "";display: block;width:108px;height: 1px;background: #ed1a24;position: absolute;left:-1.9rem;bottom:0;}
.ys_nr dd span{display: block;height: 39px;line-height: 39px;font-size:24px;color: #666666;margin:16px 0 47px;}
.ys_nr dd p{font-size:18px;color: #737373;line-height: 28px;padding-bottom:22px;width:78%;}
.ys_qh{position: absolute;top:4.7rem;left:47.14%;width:75px;background: #fff;}
.ys_qh li{font-size:0;line-height: 0;overflow: hidden;position: relative;margin-bottom:3px;}
.ys_qh li:after{display: block;content: "";width:0%;height:2px;background:#de0000;position: absolute;left:0;top:0;transition: all 0.5s}
.ys_qh li:before{display: block;content: "";width:2px;height:0%;background:#de0000;position: absolute;right:0;bottom:0;transition: all 0.5s}
.ys_qh li em:after{display: block;content: "";width:0%;height:2px;background:#de0000;position: absolute;right:0;bottom:0;transition: all 0.5s}
.ys_qh li em:before{display: block;content: "";width:2px;height:0%;background:#de0000;position: absolute;left:0;top:0;transition: all 0.5s}
.ys_qh li.on:after,.ys_qh li.on em:after{width:100%;}
.ys_qh li.on:before,.ys_qh li.on em:before{height:100%;}
.ys_qh li:last-child{margin:0;}
.pageState{position: absolute;bottom:3.7rem;left:59.67%;font-size:1.5rem;color: #666666;}
.pageState span{font-size:3rem;color: #e70e10;}


.news{padding-bottom:64px;overflow: hidden;}
.news .titis {height: 146px;}
.ns_a1{float:left;width:31.14%;margin-right:3.29%;}
.ns_a1 .tit{height: 66px;line-height: 50px;}
.ns_a1 .tit img{vertical-align: middle;margin-right: 14px;}
.ns_a1 .tit a{font-size:22px;color:#333333;}
.ns_a1 dl{margin-bottom: 1.5rem;}
.ns_a1 dt{font-size:0;line-height: 0;overflow: hidden;}
.ns_a1 dt img{width:100%;transition:all 0.5s}
.ns_a1 dd {padding-top:1.2rem;height:5.5rem;border-bottom:1px solid #d1d1d3;}
.ns_a1 dd h4 a{display: block;height:1.65rem;line-height: 1.65rem;font-size:0.9rem;color:#333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.ns_a1 dd p{font-size:0.7rem;line-height: 1.4rem;color: #666666;padding-top:4px;}
.ns_a1 dl:hover dd h4 a{color: #cc0000}
.ns_a1 dl:hover dt img{transform:scale(1.1);}
.ns_a1 li{height:2rem;line-height: 2rem;border-bottom: 1px solid #f4f4f4;padding-left:1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_a1 li a{font-size:14px;color: #666666}
.ns_a1 li em{float: right;font-size:14px;color: #666666}
.ns_a1 li:hover a{color: #cc0000}
.ns_a1 li:last-child{border:0;}
.ns_a1:last-child{margin:0;}

.ab_bj{height: 933px;box-sizing: border-box;padding-top:119px;}
.about dt{font-size:0;line-height: 0;position: relative;}
.about dt img{width:100%;}
.about dt p{position: absolute;left:0;width:100%;text-align: center;top:2.8rem;}
.about dt p i{width:12.1rem;display: block;margin:0 auto;}
.about dt p span a{display: block;width:140px;height: 39px;border:1px solid #fff;line-height: 39px;font-size:14px;color: #fff;margin:1rem auto 0;position: relative;transition:all 0.5s}
.about dt p span a:after{content:"";display:block;width:0;height:100%;position:absolute;left:0;top:0;background:#d71418;transition:all 0.5s}
.about dt p span a:hover:after{width:100%;}
.about dt p span a:hover{border-color: #d71418}
.about dt p span em{padding-right:14px;font-size:14px;position: relative;z-index: 9}
.about dd{padding-top:44px;}
.about dd h2 a{display: block;height: 63px;line-height: 63px;font-size:48px;color: #000000;font-weight: normal;}
.about dd em{display: block;height: 36px;line-height: 36px;font-size:22px;color: #333333;}
.about dd p{font-size:15px;color: #666666;line-height: 26px;padding-top:21px;height:110px;width:930px;}
.about dt p i img {-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;-webkit-animation: abdY 2s infinite;-moz-animation: abdY 2s infinite;-o-animation: abdY 2s infinite;-ms-animation: abdY 2s infinite;animation: abdY 2s infinite;}
@keyframes abdY {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}



@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:20px;}
   .content{width:1200px;}
   .pro_n2{height: 1323px}
   .pro_d li{width:285px;}

}
@media screen and (max-width:1920px) and (min-width:1600px) {
    html {font-size:20px;}
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }