0

/*1029626114@qq.com*/
@charset "utf-8";

.g_pp{padding-top: 60px;box-sizing: border-box;overflow: hidden;}
.m_pp{height: 675px;}
.m_pp h2{height: 152px;text-align:center;}
.m_pp h2 em{display: block;font-size:24px;color:#333333;font-weight: normal;}
.video{width:1200px;height: 430px;position: relative; margin:0 auto;}
.video img{width:1200px;height: 430px;display: block;}
.m_pp p{font-size: 16px;line-height: 28px;color:#666666;margin-bottom: 25px;animation-delay: 0.2s;padding: 0 8%;text-align: center;}

.m_zz{height: 115px;}
.m_zz ul{height: 115px; position: relative; }
.m_zz li{position: relative;float: left; width: 25%; height: 115px;padding-left:10%;box-sizing: border-box;}
.m_zz li span{width: 32%;position: absolute;left:0;top:0;}
.m_zz li span img{width: 100%;display: block;}
.m_zz li em{display: block;height:60px;line-height:60px;overflow: hidden;padding-top: 15px;}
.m_zz li em b{display: block; float: left; font-size: 42px; color: #333333; font-family: "arial"; font-weight: bold;}
.m_zz li em i{display: block;font-size:20px;color:#666666;font-style:normal;}
.m_zz li h4{font-size: 20px; color: #666666; text-align: left; font-weight: normal; }


.g_pro{width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; margin-top: 64px;box-sizing: border-box; padding-bottom: 70px;overflow: hidden; }
.g_pro h2 a{display: block; height: 160px;text-align: center;font-size:36px;font-weight: normal;color:#333333;position: relative;z-index: 1222;}
.g_pro h2 em{display: block;font-size:22px;color:#666666;font-weight: normal;padding-top:48px;background:url(../images/tit.png) no-repeat center 6px}

.leit{width: 100%;display: block;height:37.16rem;background:url(../images/cpflbg.jpg) no-repeat center top;}
.leit ul{width: 100%;}
.leit li{width:23.7%;border-right: 1px solid #fff;  float: left;position: relative;height:37.16rem; cursor: pointer;box-sizing: border-box;  }
.leit li img{display: block;}
.leit li:nth-child(3){border-right: none;}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.shu2{position: absolute;left: 0;top:0;width: 100%;height:37.16rem;padding: 16.6rem 0 0 15%;box-sizing: border-box;}
.shu2 i{display: block;width:3rem;height: 3rem;margin-bottom: 4.5rem;}
.shu2 i img{display: block;}
.shu2 h3 a{display: block;line-height: 2rem;font-size:1.25rem;color:#fff;font-weight: bold;margin-bottom: 1rem;}
.fllst{padding-right: 22%;}
.fllst a{display: block;float: left;font-size:0.8rem;line-height: 1.25rem;color:#fff;padding-right: 8%;} 
.bock{width: 100%;position: absolute;left: 0;top:-100%;height:100%; z-index: 15;
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.bockwz{height:37.16rem; }
.bockwz i{width:100%;}
.bockwz i img{display: block;width: 100%;}
.bockcon{height: 16.8rem;padding: 1.1rem 5% 0;position: relative;box-sizing: border-box;box-shadow: 8px 0 24px rgba(0,0,0,.4);background: #fff;}
.bockwz h3 a{display: block;line-height: 2rem;font-size:1.25rem;color: #333333;font-weight: bold;}
.bockwz p{margin: 0.8rem 0;}
.bockwz p em{display: block;position: relative;padding-left: 18px;font-size:16px;color:#333333;height: 1.25rem;line-height: 1.25rem;}
.bockwz p em:before{content: "";position: absolute;width:6px;height: 6px;background: #cf1317;left:0;top:0.6rem;}
.g_pro .cplst li{float: left;width:33.3333%;border-right: none; overflow: hidden;}
.g_pro .cplst li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.g_pro .cplst li:hover img{transform: scale(1.1);}
.morefl a{display: block; position: absolute;right: 5%;top:1rem;width:7.5rem;height: 2.5rem;line-height: 2.5rem;padding-left: 1.1rem;font-size:0.9rem;color:#fff;z-index: 111;background: #cf1317;border-radius: 3rem;box-sizing: border-box;}
.morefl a:before{content: "";position: absolute;background:url(../images/flbtn.png) no-repeat; background-size:1.33rem 1.33rem; width:1.33rem;height: 1.33rem;left:5rem;top:0.7rem;}
.leit .cur .bock{top: 0;}
.leit .cur{width:52%;}
.leit .cur .shu2{display:none;}




.g_pt2{padding-bottom: 70px; width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; overflow: hidden;}
.g_pt2 h2{display: block; height: 170px;text-align: center;font-size:36px;font-weight: normal;color:#333333;}
.g_pt2 h2 em{display: block;font-size:22px;color:#666666;font-weight: normal;padding-top:48px;background:url(../images/tit.png) no-repeat center 6px}
.leit2{overflow: hidden;display: block;}
.leit2 ul{width: 100%; overflow: hidden;}

.leit2 li{width:15.5%; margin:0 0.5%; float: left;position: relative;cursor: pointer; overflow: hidden;box-sizing: border-box; height:775px;overflow: hidden; }
.shu22{ height:775px;border-bottom: 1px solid #333333;box-sizing: border-box;}
.shu22 i{width:100%;display: block;margin-bottom: 38px;height: 422px;}
.shu22 i img{display: block;}
.shu22 em{display: block;font-size:42px;color:#c6c6c6; height: 70px; margin-left: 3%;font-weight: bold;}
.shu22 span{display: block;font-size:26px;line-height: 36px;color:#333333;margin-left: 3%;font-weight: bold; height: 130px;}
.shu22 span b{display: block;}
.btn{display: block;width:56px;height: 56px;}
.bock2{width: 100%;position: absolute;left: 0;top:0;opacity:0;height:100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.bock2 dl{position: relative;width:100%;height:775px;}
.bock2 dt,.bock2 dt img{display: block;}

.bock2 dd{position: absolute;left:0;bottom: 0; width:100%;height: 100%;padding-top:660px;box-sizing: border-box;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0) 41%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
.bock2 dd span{float: left; margin-left: 6%; width: 30%;text-align:left;font-size:30px;color:#fff;border-right: 1px solid rgba(255,255,255,.2);height: 80px;font-weight: bold;}
.bock2 dd span b{display: block;font-size:30px;}
.bock2 dd p{float: left;width:56%;font-size:16px;line-height: 24px;color:#fff;margin-left: 3%;margin-top: 5px;}
.leit2 .cur .bock2{opacity: 1;}
.leit2 .cur{width:49.5%;}
.leit2 .cur .shu22{opacity: 0;}



.g_ys5{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 0;}
.g_ys5 h2{display: block; height: 160px;text-align: center;font-size:36px;font-weight: normal;color:#333333;}
.g_ys5 h2 em{display: block;font-size:22px;color:#666666;font-weight: normal;padding-top:48px;background:url(../images/tit.png) no-repeat center 6px}
.ys5bd dl{position: relative;}
.ys5bd dt,.ys5bd dt img{width:100%;display: block;}
.ys5bd dd{position: absolute;left:50%;top:0;width:1200px; margin-left: -600px; padding-top: 114px;box-sizing: border-box;}
.ys5bd i{display: block;width:80px;margin:5px auto 26px;}
.ys5bd p{padding: 0 12%;font-size:16px;line-height: 30px;color:#fff;text-align:center;}

.ys5hd{position: absolute;left:0;bottom: 0;width:100%;height: 14rem;border-top: 1px solid rgba(255,255,255,.4);}
.ys5hd dl{float: left;width:20%;height: 14rem;border-right:1px solid rgba(255,255,255,.4);box-sizing: border-box;}
.ys5hd dt{padding-top: 3rem;width:80px;margin:0 auto;}
.ys5hd h3{height: 5rem;text-align:center;font-size:1rem;line-height: 1.5rem;color:#fff;font-weight: bold;position: relative;}
.ys5hd h3:before{content: "";position: absolute;width:48px;height: 2px;background: #fff;left:50%;margin-left: -24px;top:4rem;}
.ys5hd ul{display: none;}
.ys5hd .ysmore{display: none;}
.ys5hd .on{background: rgba(207,19,23,.7);}
.ys5hd .on dt{display: none;}
.ys5hd .on h3{padding: 2rem 0 0 5%;text-align:left;height: 4.6rem;}
.ys5hd .on h3:before{left:5%;margin-left: 0;top:5.8rem;}
.ys5hd .on ul{display: block;height: 4rem;margin-left: 5%;}
.ys5hd .on li{float: left;font-size:18px;color:#fff;margin-right: 10%;}
.ys5hd .on li span{display: block;font-size:18px;color:#fff;}
.ys5hd .on li b{font-size:36px;}
.ys5hd .on .ysmore{display: block;margin-left: 5%;}

.g_an{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; padding-top: 70px;padding-bottom: 80px;}
.g_an h2 a{display: block; height: 160px;text-align: center;font-size:36px;font-weight: normal;color:#333333;}
.g_an h2 em{display: block;font-size:22px;color:#666666;font-weight: normal;padding-top:48px;background:url(../images/tit.png) no-repeat center 6px}
.anlst dl{float: left;width:438px; margin-right: 40px; position: relative;}
.anlst dt{width: 100%;overflow: hidden;margin-bottom: 15px; }
.anlst dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.anlst dd{height: 260px;border-left: 1px solid #c8c8c8;padding-left: 22px;}
.anlst h4 a{display: block; height: 70px; line-height: 35px; font-size:24px;color: #333333;font-weight: normal;margin-bottom: 12px;}
.anlst p{font-size: 16px;line-height: 26px;color: #333333;margin-bottom: 26px;}
.anlst span a{display: block;width:180px;height: 62px;line-height: 62px;padding-left: 28px;font-size:18px;color:#fff;z-index: 111;background: #cf1317;border-radius: 3rem;box-sizing: border-box;position: relative;}
.anlst span a:before{content: "";position: absolute;background:url(../images/flbtn.png) no-repeat;width:32px;height: 32px;left:120px;top:20px;}
.anlst .u_ljt,.anlst .u_rjt{width:80px;height:120px;position: absolute;}
.anlst .u_ljt{background:url(../images/ljt2.png) no-repeat;left:-88px;top:228px;}
.anlst .u_rjt{background:url(../images/rjt2.png) no-repeat;right:-88px;top:228px;}
.anlst dl:hover dt img{transform: scale(1.05);}



.g-news{padding-top:68px; padding-bottom: 80px; box-sizing:border-box;font-family:"Microsoft YaHei";position:relative;background: #fafafa;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g-news h2 a{display: block; height: 160px;text-align: center;font-size:36px;font-weight: normal;color:#333333;}
.g-news h2 em{display: block;font-size:22px;color:#666666;font-weight: normal;padding-top:48px;background:url(../images/tit.png) no-repeat center 6px}
.news{background: #fff;box-shadow: 8px 0 24px rgba(164,164,164,.4);height: 600px;}
.news h3 a{display:block;font-size:28px; line-height: 50px; font-weight:700;color:#333333;margin-bottom: 20px;}
.news1{float: left;width:67.5%;border-right: 1px solid #e8e8e8;height: 600px;padding: 38px 6% 0 4%;box-sizing: border-box;}
.news1 dl{position:relative;clear:both;overflow:hidden;margin-bottom:12px}
.news1 dl dt{width:30%;overflow:hidden;float:left}
.news1 dl dt img{width:100%;display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s}
.news1 dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news1 dl dd{width:68%;float:right}
.news1 dl dd h4{font-size:22px;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:40px;line-height:40px;font-weight:bold;margin-bottom: 13px;}
.news1 dl dd h4 a{color:#333;text-decoration:none}
.news1 dl dd p{line-height:30px;font-size:16px;color:#666666;height: 90px;overflow: hidden;}
.news1 dl dd span{text-align:right;font-size:16px;color:#666666;display: block;}
.news1 li a{width:49%;margin-bottom:15px;margin-right:8px;height:115px;display:block;padding-left:20px;background:#f7f7f7;padding:20px 22px 0;box-sizing:border-box;float:left;display: block;position: relative;}
.news1 li a:before{content: "";position: absolute;background:url(../images/newmore1.png) no-repeat;width:26px;height: 26px;right: 25px;top:40px;}
.news1 li a:hover:before{background:url(../images/newmore2.png) no-repeat;}
.news1 li h4{color:#333333;font-size:18px;height:36px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.news1 li span{font-size:16px;color:#666666;font-weight:400;font-family:Arial;line-height:24px;display: block;}
.news1 li a:nth-child(2n){margin-right:0}
.news1 li:hover{box-shadow:0 0 20px #f2f2f2}
.news1 em:hover span{color:#bb0a12}
.news1 li a:hover h4{color:#cf1317;font-weight: bold;}
.news2{width:24%;float:right;margin-right: 4.4%;padding-top: 38px;}
.news2 dl{width:100%;position:relative;clear:both;overflow:hidden;margin-bottom:25px}
.news2 dl dt{width:100%;overflow:hidden}
.news2 dl dt img{width:100%;display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s}
.news2 dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.news2 li{height:40px}
.news2 li a{text-decoration:none;display:block;color:#333333;font-size:18px;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;padding-left: 22px;position: relative;}
.news2 li a:before{content: "";position: absolute;width:9px;height: 2px;background: #cf1317;left:0;top:21px;}
.news2 li:hover a{color:#cf1317}


.g_ab{background:url(../images/abbg.jpg) no-repeat; padding-top: 760px; position: relative;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 42px;}
.g_ab .ab{width:100%;} 
.g_ab .ab img{width:100%;display: block;}
.content2{width: 1400px;height: 275px;background: #fff; margin: -240px auto 0; position: relative;box-sizing: border-box;}
.content2 .abwz{position: relative;padding: 26px 4% 0;}
.abwz h3 a{display: block;height: 116px;font-size: 36px;color:#333333;font-weight: normal;text-align:center;position: relative;}
.abwz h3 em{display:block;font-weight: normal;font-size:22px;color:#666666;padding-top: 10px;}
.abwz h3 a:before{content: "";position: absolute;width:40px;height: 4px;background: #cf1317;left:50%;margin-left: -20px;top:100px;}
.m_ab p{font-size: 16px;color:#666666;line-height: 28px;text-align:center;}
.m_ab p a{color:#cf1317;}


.zz_q2{height:90px;width:1200px;margin:0 auto;box-sizing: border-box;}
.zz2 ul{height:90px;margin-left: 126px;}
.zz2 ul li a{float: left;width:360px;padding-left: 80px; height: 90px; padding-top: 6px; font-size: 24px;color:#333333;position: relative;box-sizing: border-box;}
.zz2 ul li a:before{content:"";position: absolute;width:87px;height: 1px;background: #c8c8c8;right:40px;top:30px;}
.zz2 ul li:last-child a:before{background: none;}
.zz2 ul li:last-child a{width:280px;}
.zz2 ul li i{position: absolute;left:0;top:0;width:70px;height: 70px;overflow: hidden;}
.zz2 ul li em{display: block;font-size:14px;color:#666666;text-transform: uppercase;}
.zz2 ul .cur a,.zz2 ul li:hover a
{color:#ce0000;font-weight: bold;}
.zz2 ul .cur em,.zz2 ul li:hover em{font-weight: normal;}
.zz_box2{position:relative;}

.zz-s2 ol li{position:relative;float:left;width:328px;margin-right:28px;background:0 0;padding:0;transition:all .3s linear 0s;overflow:hidden}
.zz-s2 ol li i{display: block;overflow: hidden;}
.zz-s2 ol li img{width:328px;display:block;transition:all .3s linear 0s}
.zz-s2 ol li:hover i img{transform: scale(1.1);}
.zz-s2 ol li em{width:328px; line-height: 60px; text-align:center;font-size:20px;color:#333333;transition: all 0.4s ease 0s;display: block;}
.zz-s2 ol li:hover em{color:#cf1317;font-weight: bold; transform: translateY(-5px);}
.g_zs2 .ljt,.g_zs2 .rjt{width:16px;height: 26px;position: absolute;}




/* 友情链接 */
.g_link{ height: 56px;border-top: 1px solid #484848;background: #2a2a2a;}
.g_link h2{float: left; width: 80px;height: 56px;line-height: 56px;font-size: 14px;font-weight: normal;color:#999999;}
.link_c{line-height:56px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 56px; line-height:56px; color:#999999;display: block;}
.link_c .lasta a{background: none;}





@media screen and (max-width:1401px) {
  .m_pp p{font-size: 14px;}

.ys5bd dd{padding-top: 40px;}
.ys5hd .on li{font-size:14px;}
.ys5hd .on li b{font-size:26px;}
.ys5hd .on h3{padding-top: 1.2rem;}
.ys5hd .on h3:before{top:5rem;}
.anlst dl{width:368px;}
.news1 li a{width:48.5%;}
.content2{width:1200px;}
.zz-s2 ol li{width:278px;}
.bock2 dd span{font-size:26px;}
.bock2 dd span b{font-size:26px;}
.news1 li h4{font-size:16px;}
.news2 li a{font-size:16px;}
.zz-s2 ol li{width:278px;}
.zz-s2 ol li img{width:278px;}
.zz-s2 ol li{font-size:14px;}
.zz-s2 ol li em{width:278px;font-size:18px;}




}









@-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)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}



@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}