/*1029626114@qq.com*/
@charset "utf-8";
.g_pp{background: url(../images/ppbg.jpg) no-repeat center top;height: 1000px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;padding-top: 52px;box-sizing: border-box;}
.g_pp h2{height: 112px;text-align:center;font-size: 40px;font-weight: bold;color:#444c59;}
.g_pp h2 b{font-size: 68px;color:#ee9d23;position: relative;}
.g_pp h2 em{display: block;font-weight: normal;font-size: 20px;color:rgba(68,76,89,.5);}

.m_pp{height: 788px;position: relative;}
.m_pp:before{content: "";position: absolute;width:68%;height: 2px;background: rgba(68,76,89,.2);left:15.8%;top:432px;z-index: 0}

.m_pp .tx01{width:10%;margin-right: 1.9%;}
.m_pp .line1{width:3.78%;margin-right: 5.2%;float: left;margin-top: 74px;}
.m_pp .line1 img,
.m_pp .line2 img
{width:100%;display: block;}
.m_pp .tx01 li{width:147px; height: 147px;border:1px solid #c3c4c4;margin-bottom: 15px;border-radius: 50%;padding: 40px 0 0 0;box-sizing: border-box;text-align:center;font-size:16px;color:#444c59;transition: all 0.3s linear 0s;}
.m_pp .tx01 li:hover{ transform: translateY(-10px);	}

.m_pp .tx01 li em{display: block;}
.m_pp .tx01 li b{font-size: 26px;color:#f69600;}
.m_pp .tx01 li span{display:inline-block;font-size: 26px;color:#f69600;}
.m_pp .tx02{float: left;width:13.7%;margin-right: 2.5%;margin-top: 222px;position: relative;z-index: 11}
.m_pp .tx03{float: left;width:24.5%;margin-right: 2.3%;margin-top: 147px;position: relative;z-index: 11}
.m_pp .tx04{float: left;width:13.7%;margin-top: 222px;margin-right: 6.2%;position: relative;z-index: 11}
.m_pp .line2{width:3.78%;float: left;margin-top: 74px;}
.m_pp .tx05{float: right;width:10%;margin-right: 0;}
.m_pp .tx02 img,
.m_pp .tx03 img,
.m_pp .tx04 img{width:100%;display: block;}
.m_pp .tx02 em,.m_pp .tx04 em{display: block;line-height: 72px;text-align:center;font-size: 20px;color:#444c59;font-weight: bold;}
.sha{position: absolute;left:28.5%;top:598px;}
.m_zz{height: 135px;}
.m_zz ul{height: 135px; position: relative; }
.m_zz li{position: relative;float: left;height: 135px;padding-left: 75px;box-sizing: border-box;}
.m_zz li:nth-child(1){width: 27.8%;}
.m_zz li:nth-child(2){width: 28%;padding-left: 125px;}
.m_zz li:nth-child(3){width: 30%;}
.m_zz li:nth-child(4){width: 13%;}
.m_zz li em{display: block;overflow: hidden;}
.m_zz li em b{position:absolute; left:0; top:0; font-size: 64px; color: #333333; font-family: "arial"; font-weight: bold;}
.m_zz li em i{display: block;font-size: 18px;color:#333333;font-weight: bold; margin-top: 15px;font-style: normal;}
.m_zz li h4{font-size: 18px; color: #333333; text-align: left; font-weight: normal; }
.m_zz li:hover em b,.m_zz .cur em b{color:#e15919;}





.g_ys{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 72px; padding-top: 74px;}
.g_ys h2{display: block; height: 130px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_ys h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}

.m_ys{position: relative;height: 39.3rem;overflow: hidden;} 
.m_ys .yshd{position: absolute;right: 13.5%;top:0;z-index: 111;width:27.8%;height:39.3rem;}
.m_ys .yshd li{position: relative; float: left;width:50%;background: #dfdee0;height: 13.1rem;margin-bottom: 1px;text-align:center;font-size:1.6rem;color:#252525;padding-top: 3rem;box-sizing: border-box;font-weight: bold;}
.m_ys .yshd li a{color:#252525;}
.m_ys .yshd li:nth-child(1){margin-right: 50%;}
.m_ys .yshd li:nth-child(4){margin-left: 50%;}
.m_ys .yshd li i{display: block;width:4rem;height: 4rem;margin:0 auto;}
.m_ys .yshd li i img{width: 100%;display: block;}
.m_ys .yshd li em{display: block;text-align:center;font-size:12px;color:rgba(37,37,37,.6);font-weight: normal;}
.m_ys .yshd li span{display: none;}
.m_ys .yshd li.on{position: relative;
background: #f68f07; /* Old browsers */
background: -moz-linear-gradient(top,  #f68f07 0%, #ea6f11 50%, #e0551a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f68f07 0%,#ea6f11 50%,#e0551a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f68f07 0%,#ea6f11 50%,#e0551a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68f07', endColorstr='#e0551a',GradientType=0 ); /* IE6-9 */
}


.m_ys .yshd li.on:before{content: "";position: absolute;background:url(../images/ysico.png) no-repeat;background-size:1.583rem 3.16rem;width:1.583rem;height: 3.16rem;left:-1.583rem;top:50%;margin-top: -1.5rem;z-index: 111}
.m_ys .yshd li.on em{display: none;}
.m_ys .yshd li.on i,
.m_ys .yshd li.on b
{display: none;}
.m_ys .yshd li.on{padding: 2rem 0 0 8%;text-align:left;}
.m_ys .yshd li.on span{display: block;font-size: 16px;line-height: 28px;color:#fff;font-weight: normal;}
.ysbd li{width:100%;overflow: hidden;}
.ysbd li img{width:100%;display: block;}


.g_an{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 12px;}
.g_an h2 a{display: block; height: 120px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_an h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.anhd{width:1400px;margin:0 auto;height: 60px;line-height: 60px;position: relative;}
.anhd li a{display: block;float: left;font-size:20px;color:#666666;position: relative;padding: 0 4% 0 5%;}
.anhd li a:before{content: "";position: absolute;width:1px;height: 9px;background: #e6e5e5;right: 0;top:25px;}
.anhd li i{position: absolute;left:15%;top:13px;width:36px;height: 36px;overflow: hidden;}
.anhd li i img{transition: all 0.3s linear 0s;}
.anhd li a:hover{color:#ee9a17;font-weight: bold;}
.anhd li a:hover i img{margin-left: -36px;}
.anmore{display: block; width:15%; position: absolute;right: 0;top:0;font-size:20px;color:#666666;padding: 0 3% 0 5%;box-sizing: border-box;}
.anmore a{color:#666666;}
.anmore i{position: absolute;left:15%;top:13px;width:36px;height: 36px;overflow: hidden;}

.ancon{margin:0 8%;}
.ancon dl{float: left;width:25%;position: relative;overflow: hidden;}
.ancon dt{width:100%;overflow: hidden;}
.ancon dt img{width:100%;display: block;}
.ancon dt em{display: block;width:100%;height: 66px;line-height: 66px;background: #fff;font-size: 16px;color:#666666;text-align:center;}
.ancon dd{position: absolute;left:0;top:-100%;width:100%;height: 100%;transition: all 0.3s linear 0s;padding: 5rem 0 0 0;box-sizing: border-box;
background: -moz-linear-gradient(top,  #f58e08 0%, #ee7a0e 50%, #e1571a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f58e08 0%,#ee7a0e 50%,#e1571a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f58e08 0%,#ee7a0e 50%,#e1571a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58e08', endColorstr='#e1571a',GradientType=0 ); /* IE6-9 */
}

.ancon dl:hover dd,.ancon .cur dd{top:0;}
.ancon h4 a{display: block;position: relative;padding-top: 62px;text-align:center;font-size:16px;color:#fff;background:url(../images/anmore.png) no-repeat center top;height: 100px; box-sizing: border-box;}
.ancon p{font-size:14px;line-height: 24px;text-align:center;padding: 0 10%;color:#e8e8e8;margin-bottom: 15px;}
.ancon span a{display: block;text-align:center;font-size:16px;color:#fff;font-weight: bold;}

.g_vr{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 80px;}
.g_vr dl{margin:0 8%;position: relative;}
.g_vr dt,.g_vr dt img{width:100%;display: block;}
.g_vr dd{position: absolute;left:0;top:3rem;width:100%;}
.g_vr h3 a{display: block;text-align:center;font-size:36px;color:#ff8a01;display: block;}
.g_vr h3 img{display: inline-block;width:44px;height: 44px;margin:0 0 0 10px;position: relative; top:10px;}



.g_team{background:url(../images/tdbg.jpg) no-repeat center top;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; padding-top: 66px;padding-bottom: 80px;}
.g_team h2 a{display: block; height: 140px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_team h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.teamhd{width:914px;margin:0 auto 32px;height: 70px;line-height: 70px;}
.teamhd li a{display: block;float: left;width:250px;margin-right: 66px;border:3px solid #666666;border-radius: 5px;text-align:center;font-size:24px;color:#666666;}
.teamhd li:nth-child(3) a{margin-right: 0;}
.teamhd li.on a{color:#fff;border:none;
background: #f58e08; /* Old browsers */
background: -moz-linear-gradient(left,  #f58e08 0%, #ee7a0e 50%, #e1571a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f58e08 0%,#ee7a0e 50%,#e1571a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f58e08 0%,#ee7a0e 50%,#e1571a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58e08', endColorstr='#e1571a',GradientType=1 ); /* IE6-9 */
}


.teamhd2{float: right;width:24.3%;}
.teamhd2 li{position: relative;width:100%;overflow: hidden;margin-bottom: 6px;}
.teamhd2 li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.teamhd2 li em{position: absolute;left:0;top:0;width:100%;height: 100%;background: rgba(0,0,0,.5);display: block;}
.teamhd2 li.on em{display: none;}
.teamhd2 li:hover img{transform: scale(1.1);}


.teambd2{float: left;width:74.7%;}
.teambd2 dl{position: relative;overflow: hidden;}
.teambd2 dt{width:100%;}
.teambd2 dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.teambd2 dd{position: absolute;left:0;bottom: 0;width:100%;height: 94px;background: rgba(0,0,0,.74);padding: 22px 31% 0 4%;box-sizing: border-box;}
.teambd2 h3 a{display: block;float: left;line-height: 2.6rem;font-size:22px;color:#ff8a01;width:30%;}

.teambd2 p{float: left;width:70%;font-size:16px;line-height: 22px;color:#fff;}
.teambd2 span a{position: absolute;right: 0;top:0;width:13%;height: 94px;line-height: 94px;font-size:16px;color:#fff;text-align:center;
  background: #f58e08; /* Old browsers */
background: -moz-linear-gradient(left,  #f58e08 0%, #ee7a0e 50%, #e1571a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f58e08 0%,#ee7a0e 50%,#e1571a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f58e08 0%,#ee7a0e 50%,#e1571a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58e08', endColorstr='#e1571a',GradientType=1 ); /* IE6-9 */}
.teambd2 dl:hover dt img{transform: scale(1.1);}



.g_hxys{width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;padding-top: 60px;}
.g_hxys h2{display: block; height: 148px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_hxys h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.leit{width: 100%;overflow: hidden;display: block;height:37.8rem;}
.leit ul{width: 100%;}
.leit li{width:15.6%; float: left;position: relative;height: 37.8rem;cursor: pointer;transition: all 0.3s linear; overflow: hidden;box-sizing: border-box;}
.leit li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;overflow:hidden;}
.shu2{position: absolute;left: 0;top:0;width: 100%;height:100%;box-sizing: border-box;}
.shu2 span{display: block;width:75%;margin-top: 2.8rem;}
.shu2 span img{width:100%;display: block;}


.bock{width: 100%;position: absolute;left:0;bottom: 0;width:100%;height: 220px;padding: 30px 26% 0 5%;box-sizing: border-box;opacity: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f69007+0,e66515+50,e0551a+100 */
background: #f69007; /* Old browsers */
background: -moz-linear-gradient(top,  #f69007 0%, #e66515 50%, #e0551a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f69007 0%,#e66515 50%,#e0551a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f69007 0%,#e66515 50%,#e0551a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69007', endColorstr='#e0551a',GradientType=0 ); /* IE6-9 */

}
.bock h3{font-size:24px;color:#fff;line-height: 2rem;font-weight: bold;margin-bottom: 6px;}
.bock p{font-size: 16px; line-height: 22px;  color:rgba(255,255,255,.86);position: relative;}
.bock p em{display: block; margin-bottom: 0.2rem;}
.bock span a{display: block; position: absolute;right: 4.5%;top:3.6rem;width:8rem;height: 3rem;line-height: 3rem;background: #fff;border-radius: 2rem;text-align:center;font-size:18px;color:#e0551a;font-weight: bold;}
.leit .cur .bock{opacity: 1;}
.leit .cur{width:53.2%;}
.leit .cur .mo{opacity: 0;}
.leit .cur .shu2{display:none;}


.g_fwlc{background: #eeedee;padding: 72px 0 60px 0;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_fwlc h2{display: block; height: 148px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_fwlc h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.g_fwlc li{float: left;background: #fff;border-radius: 10px;border:1px solid #dfdfdf;height: 146px;margin:0 2.7% 20px 0;width:14.2%;padding: 22px 0 0 0;box-sizing: border-box;transition: all 0.3s linear 0s;}
.g_fwlc li:nth-child(6n){margin-right: 0;}
.g_fwlc li i{display: block;width:60px;margin:0 auto;overflow: hidden;-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.g_fwlc li:nth-child(1) i{animation-delay: 0.1s;}
.g_fwlc li:nth-child(2) i{animation-delay: 0.3s;}
.g_fwlc li:nth-child(3) i{animation-delay: 0.5s;}
.g_fwlc li:nth-child(4) i{animation-delay: 0.7s;}
.g_fwlc li:nth-child(5) i{animation-delay: 0.9s;}
.g_fwlc li:nth-child(6) i{animation-delay: 1.1s;}

.g_fwlc li:nth-child(7) i{animation-delay: 1.3s;}
.g_fwlc li:nth-child(8) i{animation-delay: 1.5s;}
.g_fwlc li:nth-child(9) i{animation-delay: 1.7s;}
.g_fwlc li:nth-child(10) i{animation-delay: 1.9s;}
.g_fwlc li:nth-child(11) i{animation-delay: 2.1s;}
.g_fwlc li:nth-child(12) i{animation-delay: 2.3s;}




.g_fwlc li em{display: block;font-size:14px;color:#333333;text-align:center;}
.g_fwlc li:hover,.g_fwlc .cur{ transform: scaleY(1.05);  
background: #f69007; /* Old browsers */
background: -moz-linear-gradient(top,  #f69007 0%, #e66515 50%, #e0551a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f69007 0%,#e66515 50%,#e0551a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f69007 0%,#e66515 50%,#e0551a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69007', endColorstr='#e0551a',GradientType=0 ); /* IE6-9 */
}
.g_fwlc li:hover i img,.g_fwlc .cur i img{margin-left: -60px; transform: scaleY(1);}
.g_fwlc li:hover em,.g_fwlc .cur em{color: #fff; transform: scaleY(1);}

.g_fwlc li:last-child:hover,.g_fwlc .cur:last-child{background: #fff;transform: scaleY(1);  }
.g_fwlc li:last-child:hover em,.g_fwlc .cur:last-child em{color:#f69007;font-size:24px;font-weight: bold;}


.g_news{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;padding-top: 65px;padding-bottom: 60px;}
.g_news h2{display: block; height: 120px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_news h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.newleft{width:46.7%;float: left;}
.newlup{margin-bottom: 24px;}
.luphd{position: relative;height: 60px;line-height: 60px;border-bottom: 2px solid #e0e0e0;margin-bottom: 32px;}
.luphd li a{display: block;float: left;font-size:24px;color:#333333;margin-right: 48px;}
.luphd li.on a{color:#e0551a;font-weight: bold;position: relative;}
.luphd li.on a:before{content: "";position: absolute;width:100%;height: 3px;background: #e0551a;left:0;top:59px;}
.luphd .newmore a{position: absolute;right: 0;top:0;line-height: 60px;display: block;font-size:14px;color:#666666;}
.lupbd dl{background: #f1f1f1;}
.lupbd dt{float:left; width:45%;overflow: hidden;}
.lupbd dt img{width:100%;display:block;overflow:hidden;transition: all 0.3s linear 0s;}
.lupbd dl:hover dt img{transform: scale(1.1);}
.lupbd dd{float: left;width:55%;padding: 3.5rem 3% 0 5%;box-sizing: border-box;}
.lupbd dd h4 a{display: block; font-size:16px;line-height:40px;height:40px;color:#333333;font-weight: bold;margin-bottom: 16px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.lupbd dd p{font-size:16px;line-height: 24px;color:#666666;}
.newld li a{display: block;line-height: 44px;font-size:16px;color:#666666;padding-left: 32px;position: relative;}
.newld li a:before{content: "";position: absolute;width:8px;height: 8px;background: #cccccc;border-radius: 50%;left:0;top:16px;}
.newld li span{font-size:16px;color:rgba(102,102,102,.5);}

.faqs{width: 46.7%;float: right;}
.faqs h3 a{display: block;height: 60px;line-height: 60px;border-bottom: 2px solid #e0e0e0;margin-bottom: 20px;font-size:24px;color:#e0551a;position: relative;}
.faqs h3 a:before{content: "";position: absolute;width:105px;height: 3px;background: #e0551a;left:0;top:59px;}
.faqs h3 span{font-size:14px;color:#666666;font-weight: normal;text-transform: uppercase;}

.faqs_c dl{padding: 26px 0;border-bottom: 1px solid #dcdcdc;height: 125px;overflow: hidden;}
.faqs_c dt{float: left;width: 19%;overflow: hidden;}
.faqs_c dt img{width:100%;display:block;overflow:hidden;transition: all 0.3s linear 0s;}
.faqs_c dl:hover dt img{transform: scale(1.1);}
.faqs_c dd{width:77%;float:right;position: relative;padding: 10px 0 0 0;}
.faqs_c dd h4 a{display: block; font-size:16px; color:#333333; height:36px;line-height:36px;font-weight: bold;margin-bottom: 18px;}
.faqs_c dd p{font-size:16px;line-height: 24px; height: 48px;overflow: hidden; color:#666666;}
.faqs_c dl:hover h4 a{color:#e0551a;font-weight: bold;}

.g_ab{overflow: hidden;position: relative;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_ab .ab{width:100%;}
.g_ab .ab img{width:100%;display: block;}
.abwz{height: 174px;background: #fff;box-shadow: 3px 0 7px rgba(115,115,115,.2); margin: -85px auto 50px; position: relative;box-sizing: border-box;}
.abwz h3 a{display: block; float: left;background:url(../images/abtit.jpg) no-repeat;width:18.6%;padding: 45px 0 0 0;height: 174px;box-sizing: border-box;text-align:center;font-size:36px;color:#fff;font-weight: normal;}
.abwz h3 em{display: block;font-size:18px;color:#fff;}
.m_ab{padding-bottom：30px;}
.m_ab p{float: left;width:80%;font-size: 16px;color:#666666;line-height: 26px;padding: 45px 5% 0;box-sizing: border-box;}


.zz2{width:1400px;margin:0 auto;position:relative;}
.zz_q2{width:372px;margin:0 auto;}
.zz2 ul{height:66px;margin-bottom: 40px;}
.zz2 ul li a{float: left;width:186px; height: 66px; line-height: 66px; font-size: 18px;color:#333333; padding-left: 72px; position: relative;border:1px solid #d1d1d1;box-sizing: border-box;}
.zz2 ul li i{position: absolute;left:32px;top:13px;width:40px;height: 40px;overflow: hidden;}
.zz2 ul li em{display: block;font-size:14px;color:#999999;}
.zz2 ul .cur a,.zz2 ul li:hover a{color:#fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f69007+0,e66515+50,e0551a+100 */
background: #f69007; /* Old browsers */
background: -moz-linear-gradient(top,  #f69007 0%, #e66515 50%, #e0551a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f69007 0%,#e66515 50%,#e0551a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f69007 0%,#e66515 50%,#e0551a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69007', endColorstr='#e0551a',GradientType=0 ); /* IE6-9 */

}
.zz2 ul li:hover i img,.zz2 ul .cur i img{margin-left: -40px;}
.zz_box2{position:relative;}
.zz-s2 ol li{position:relative;float:left;width:336px;margin-right:18px;background:0 0;padding:0;transition:all .3s linear 0s;overflow:hidden}
.zz-s2 ol li img{width:336px;display:block;transition:all .3s linear 0s}
.zz-s2 ol li em{width:336px; line-height: 50px; text-align:center;font-size:16px;color:#666666;transition: all 0.4s ease 0s;display: block;}
.zz-s2 ol li i{overflow: hidden;display: block;}
.zz-s2 ol li:hover i img{transform: scale(1.1);}
.zz-s2 ol li:hover em{color:#e0551a;font-weight: bold;}

.g_xc2 .ljt,.g_xc2 .rjt{width:25px;height: 36px;position: absolute;}
.g_xc2 .ljt{background:url(../images/ljt.png) no-repeat;left:-68px;top:98px;}
.g_xc2 .rjt{background:url(../images/rjt.png) no-repeat;right:-68px;top:98px;}























/* 友情链接 */
.g_link{ height: 74px;}
.g_link h2{float: left; width: 15%;height: 74px;line-height: 74px;font-size: 18px;font-weight: normal;color:#333333;}
.g_link h2 em{display: inline-block;font-size:18px;color:#adadad;padding-left: 10px;}
.link_c{line-height:74px; overflow:hidden;float: left;width: 980px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 50px 0 0;float: left; height: 74px; line-height:74px; color:#adadad;display: block;}
.link_c .lasta a{background: none;}








@media screen and (max-width:1401px) {
.m_pp .tx01 li{width:126px;height: 126px;padding-top: 30px;}
.m_pp:before{top:392px;}
.m_pp .tx02{margin-top:200px;}
.m_pp .tx04{margin-top:200px;}
.sha{position: absolute;left:24.5%;top:548px;}
.m_ys .yshd li.on span{font-size:12px;line-height: 18px;}
.m_ys .yshd li.on{padding-left: 6%;}
.ancon {
  margin: 0 2%;
}
.anhd{width:1200px;}
.anhd li a{padding-right: 3%;}
.ancon dd{padding-top: 2.6rem;}
.g_vr dl{margin:0 2%;}
.bock p{font-size:14px;}
.faqs_c dd p{font-size:14px;overflow: hidden;}
.faqs_c dd h4 a{margin-bottom: 10px;}
.faqs_c dl{height: 106px;}
.zz2{width:1200px;}
.zz-s2 ol li{width:284px;}
.zz-s2 ol li img{width:284px;}
.zz-s2 ol li em{width:284px;}












}


















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







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


@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}
@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}