.g_pp{background:url(img/ppbg.jpg) no-repeat center top;height: 905px;padding-top: 130px;}
.g_pp h2{height: 120px;text-align: center;background:url(img/pptit.png) no-repeat 0 66px;font-size: 35px;font-weight: bold;color: #000000;}
.g_pp h2 b{color: #335ecd;}
.g_pp p{font-size: 16px;color: #464545;text-align: center;padding: 0 135px;line-height: 36px;height: 100px;}
.g_pp .video{margin-left: 6px;margin-bottom: 56px;}

.g_pp .ibrand-num{background: #fff;height: 162px;}
.g_pp .ibrand-num li{float: left;height: 132px;font-size: 18px;color: #1f1f1f;}
.g_pp .ibrand-num li em{display: inline-block;font-size: 60px;color: #282828;}
.g_pp .ibrand-num i{font-size: 18px;width: 26px;height: 26px;line-height: 26px; background: #c82126;border-radius: 50%;text-align: center; font-style: normal;position: relative;top:-36px; color: #fff;display: inline-block;}
.g_pp .ibrand-num li span{display: block;}
.g_pp .ibrand-num li b{display: block;font-weight: normal;font-size: 12px;color: #e2e2e2;}
.g_pp .ibrand-num .li1{width: 254px;}
.g_pp .ibrand-num .li2{width: 357px;}
.g_pp .ibrand-num .li3{width: 370px;}
.g_pp .ibrand-num .li4{width: 214px;}


.g_pp .num1{background:url(img/wz1.png) no-repeat;width:80px;height: 60px;}
.g_pp .num1:hover{background:url(img/wz1h.png) no-repeat;}

.g_pp .num2{background:url(img/wz2.png) no-repeat;width:214px;height: 65px;}
.g_pp .num2:hover{background:url(img/wz2h.png) no-repeat;}

.g_pp .num3{background:url(img/wz3.png) no-repeat;width:191px;height: 65px;}
.g_pp .num3:hover{background:url(img/wz3h.png) no-repeat;}

.g_pp .num4{background:url(img/wz4.png) no-repeat;width:99px;height: 65px;}
.g_pp .num4:hover{background:url(img/wz4h.png) no-repeat;}



.g_pz{background:url(img/pzbg.jpg) no-repeat center top;height: 607px;padding-top: 120px;}
.g_pz .pzleft{float: left;width: 490px;}
.g_pz .pzleft h2{height: 155px;font-size: 20px;color: #fff;font-weight: normal;}
.g_pz .pzleft h2 em{display: block;font-size: 48px;font-weight: normal;text-transform: uppercase;}
.g_pz .pzleft h3{height: 185px;font-size: 74px;color: #fff;font-weight: normal;}
.g_pz .pzleft h3 em{display: block;font-size: 28px;font-weight: normal;text-transform: uppercase;}
.g_pz .pzleft p{width: 358px;font-size: 14px;line-height: 30px;color: #fff;}
.g_pz .pzright{float: left;width: 710px;padding-top: 40px;}
.g_pz .pzright li{float: left;width: 160px;margin-right: 66px;height: 226px;text-align: center;font-size: 22px;line-height: 35px;color: #000000;transition: all 1s ease 0s;}
.g_pz .pzright li i{width: 96px;height: 96px;margin: 0 auto 20px;overflow: hidden;display: block;border: 1px solid #000;border-radius: 50%;transition: all 1s ease 0s;}
.g_pz .pzright li img{width:192px;height: 96px;display: block;}
.g_pz .pzright li:hover i{background: #c40e23;border: 1px solid #c40e23}
.g_pz .pzright li:hover i img{margin-left: -96px;}
.g_pz .pzright li:hover i{transform:rotate(360deg);}
.g_pz .pzright li:hover{transform: translateY(-10px);}

.g_pro{padding-top: 102px;height: 840px;}
.g_pro h2{height: 145px;text-align: center;font-size: 48px;font-weight: bold;color: #000000;}
.g_pro h2 a{color: #000000;}
.g_pro h2 b{color: #335ecd;display: inline-block;padding-left: 18px;}
.g_pro h2 em{display: block;font-size: 18px;color: #4a4a4a;font-weight: normal;padding-top: 6px;}
.g_pro .m_fl{float: left;width: 224px;height: 630px;background: #e8e8e8;position: relative;z-index: 11}
.g_pro .m_fl li{position: relative;height: 56px;padding: 13px 0 0 33px;font-size: 18px;font-weight: bold;color: #282828;border-bottom: 1px solid #bbbbbb;}
.g_pro .m_fl li:last-child{border-bottom: none;}
.g_pro .m_fl li a{color: #282828;}
.g_pro .m_fl li em{display: block;font-size: 14px;color: #bcbcbc;text-transform: uppercase;font-weight: normal;}
.g_pro .m_fl .fl2j{position: absolute;left:224px;top:0;background: rgba(29,29,29,0.9);width: 210px;display: none;}
.g_pro .m_fl .fl2j li{height: 80px;line-height: 80px;border-bottom: 1px solid #505050;text-align: center;font-size: 14px;color: #efebe5; padding: 0 50px 0 30px;font-weight: normal;}
.g_pro .m_fl .fl2j li a{color: #efebe5;}
.g_pro .m_fl .fl2j li:hover,.g_pro .m_fl .fl2j .cur{background: #b61224 url(img/flico2.jpg) no-repeat 160px 30px;}
.g_pro .m_fl li:hover .fl2j,.g_pro .m_fl .cur .fl2j{display: block;}
.g_pro .m_fl li:hover,.g_pro .m_fl .cur{background: #335ecd url(img/flico1.jpg) no-repeat 174px 11px;}
.g_pro .m_fl li:hover a,.g_pro .m_fl .cur a{color: #fff;}
.g_pro .m_fl li:hover em,.g_pro .m_fl .cur em{color: #8599dd;}
.g_pro .m_cp{float: left;width: 976px;height: 630px;overflow: hidden;z-index: 0}
.g_pro .m_cp img{width: 976px;height: 630px;display: block;transition: all 0.3s linear 0s;}
.g_pro .m_cp:hover img{transform: scale(1.1);}

.g_cplst{height: 468px;}
.g_cplst dl{float: left;width: 282px;height: 362px;border: 1px solid #d4d4d4;margin-right: 20px;}
.g_cplst dl:nth-child(4){margin-right: 0;}
.g_cplst dt{width: 282px;height: 212px;overflow: hidden;}
.g_cplst dt img{width: 282px;height: 212px;display: block;transition: all 0.3s linear 0s;}
.g_cplst dl:hover dt img{transform: scale(1.1);}
.g_cplst h3 a{display: block;height: 36px;line-height: 36px;text-align: center;font-size: 18px;font-weight: bold;color: #292d33;margin-bottom:5px; }
.g_cplst p{font-size: 16px;color: #5c5c5c;line-height: 24px; height:48px;overflow:hidden; margin-bottom: 18px;text-align: center;overflow: hidden;padding: 0 20px;}
.g_cplst span a{display: block;line-height: 28px;background: url(img/cpbtn1.jpg) no-repeat 170px 7px;padding-left: 100px;font-size: 14px;color: #b2b2b2;}
.g_cplst dl:hover span a{background: url(img/cpbtn2.jpg) no-repeat 170px 7px;color: #335ecd;}
.g_cplst dl:hover h3 a{color: #335ecd;}


.g_an{padding-bottom: 70px;}
.g_an .antit{background: #eee;padding-top: 66px;height: 144px;}
.g_an h2{text-align: center;font-size: 50px;color: #000}
.g_an h2 a{color: #000000;}
.g_an h2 b{color: #335ecd;display: inline-block;padding-left: 18px;}
.g_an h2 em{display: block;font-size: 18px;color: #4a4a4a;font-weight: normal;padding-top: 6px;}


.g_an .antit{height: 91px;background: #eee;}
.g_an .antit ul{width: 1198px;margin: 0 auto;border: 1px solid #cdcdcd;height: 90px;border-bottom: none;}
.g_an .antit li{float: left;width:118px;height: 90px;border-right: 1px solid #cdcdcd;position: relative;padding-left: 80px;font-size: 20px;color: #282828;line-height: 90px;}
.g_an .antit .lastli{width: 122px;border-right: none;}
.g_an .antit li a{color: #282828;}
.g_an .antit li em{position: absolute;left:27px;top:20px;width: 50px;height: 50px;overflow: hidden;}
.g_an .antit li:hover,.g_an .antit .cur{background: #335ecd;color: #fff;font-weight: bold;}
.g_an .antit li:hover a,.g_an .antit .cur a{color: #fff;}
.g_an .antit li:hover em img,.g_an .antit .cur em img{margin-left: -50px;}
.antj,.antj img{width: 100%;display: block;}
.g_an .anlst{width: 1245px;background:#fff;box-shadow: 2px 0 5px #ccc;padding: 40px 0 0 0;height: 213px;position: relative;margin: -70px auto 0; padding-left: 35px;}
.g_an .anlst dl{float: left;width: 560px;margin-right: 60px;transition: all 0.3s linear 0s;}
.g_an .anlst .lastdl{margin-right: 0;}
.g_an .anlst dt{float: left;width: 226px;height: 170px;overflow: hidden;margin-right: 22px;}
.g_an .anlst dt img{width: 226px;height: 170px;display: block;transition: all 0.3s linear 0s;}
.g_an .anlst dl:hover dt img{transform: scale(1.1);}
.g_an .anlst dd{float: left;width: 310px;padding-top: 20px;}
.g_an .anlst h3 a{display: block;height: 46px;line-height: 46px;font-size: 20px;font-weight: bold;color: #000000;}
.g_an .anlst dl:hover h3 a{color: #335ecd;}
.g_an .anlst p{font-size: 16px;line-height: 30px;color: #666666;}
.g_an .anlst dl:hover{ transform: translateY(-10px);	}


.g_news17{padding-top: 100px;height: 737px;}
.g_news17 h2{height: 138px;text-align: center;font-size: 50px;color: #000}
.g_news17 h2 a{color: #000000;}
.g_news17 h2 b{color: #335ecd;display: inline-block;padding-left: 18px;}
.g_news17 h2 em{display: block;font-size: 18px;color: #4a4a4a;font-weight: normal;padding-top: 6px;}
.g_news17 .newtit{height: 54px;line-height: 54px;border-bottom: 1px solid #e5e5e5;position: relative;margin-bottom: 38px;}
.g_news17 .newtit ul{float: left;width: 500px;}
.g_news17 .newtit li{position: relative; float: left; width: 90px; margin-right: 95px; font-size: 20px;color: #000000; line-height: 54px;font-weight: normal; padding-left: 43px;}
.g_news17 .newtit li a{color: #555555;display: block;height: 54px;}
.g_news17 .newtit li em{position: absolute;left:0;top:13px;width: 36px;height: 36px;overflow: hidden;}
.g_news17 .newtit li.on a
{color: #335ecd;font-weight: bold;}
.g_news17 .newtit li.on{border-bottom: 3px solid #2e54b8;}
.g_news17 .newtit li.on em img,.g_news17 .newtit li:hover em img{margin-left: -36px;}
.g_news17 .newtit .more{position: absolute;right: 0;top:0;font-size: 20px;color: #333333;text-transform: uppercase;padding-right: 43px;background: url(img/dtmore.jpg) no-repeat right 15px;line-height: 54px;}
.g_news17 .newtit .more a{color: #333333;}
.g_news17 .newtj{float: left;width:560px;height: 450px; margin-right: 12px;}
.g_news17 .newtj dt{width: 560px; height: 280px;overflow: hidden;margin-bottom: 24px;position: relative;}
.g_news17 .newtj dt img{ width: 560px; height: 280px;display: block;transition: all 0.3s linear 0s; }
.g_news17 .newtj dt:hover img{transform: scale(1.1);}
.g_news17 .newtj dt em{position: absolute;left:0;top:0;width: 110px;height: 102px;background: #c40e23;padding-top: 10px;font-size: 14px;color: #fff;text-align: center;}
.g_news17 .newtj dt em b{display: block;font-size: 50px;font-weight: normal;}
.g_news17 .newtj h3{ height: 34px;line-height: 34px;overflow: hidden;font-size: 16px;font-weight: bold;color: #17120f; font-weight: bold; margin-bottom: 12px;}
.g_news17 .newtj h3 a{color: #333333;text-decoration: none;}
.g_news17 .newtj h3 a:hover{color: #335ecd}
.g_news17 .newtj p{height: 60px; overflow: hidden;font-size: 14px;line-height: 30px;color: #666666;}
.g_news17 .newdown {float: right;width: 566px;height: 436px;overflow: hidden;}
.g_news17 .newdown dl{height: 118px;border-bottom: 1px dashed #e9e9e9;margin-bottom: 22px;}
.g_news17 .newdown dt{float: left;width: 88px;height: 80px;border: 1px solid #e7e7e7; padding-top: 12px; font-size: 12px;color: #333333;  margin-right:60px;text-align: center;}
.g_news17 .newdown dt em{display: block;font-size: 40px;color: #333333;position: relative;top:-2px;}
.g_news17 .newdown dd{float: left;width: 400px;}
.g_news17 .newdown h3{height: 40px;line-height: 40px;overflow: hidden;font-weight: bold;font-size: 16px;color: #17120f;margin-bottom: 4px;}
.g_news17 .newdown h3 a{color: #17120f;}
.g_news17 .newdown h3 a:hover{color: #335ecd}
.g_news17 .newdown p{font-size: 14px;color: #666666;line-height: 22px;height: 44px;overflow: hidden;}


.g_ys{background: #eee;padding-top: 80px;height: 1008px;}
.g_ys h2{height: 171px;text-align: center;font-size: 50px;color: #000}
.g_ys h2 a{color: #000000;}
.g_ys h2 b{color: #335ecd;display: inline-block;padding-left: 18px;}
.g_ys h2 em{display: block;font-size: 22px;color: #333333;font-weight: normal;padding-top: 6px;}
.yshd{height: 98px;}
.yshd li{float: left;width: 134px;margin-right: 120px;height: 60px;border-bottom: 7px solid #eee;font-size: 28px;color: #000000;position: relative;padding-left: 70px;}
.yshd .lastli{margin-right: 0;}
.yshd li a{color: #000}
.yshd li em{position: absolute;left:7px;top:0;width: 60px;height: 50px;overflow: hidden;}
.yshd li:hover,.yshd .on{border-bottom: 7px solid #c40e23;}
.yshd li:hover em img,.yshd .on em img{margin-left: -60px;}
.ysbd dl{position: relative;height: 600px;}
.ysbd dt{width: 1200px;height: 600px;overflow: hidden;} 
.ysbd dt img{width: 1200px;height: 600px;display: block;transition: all 0.3s linear 0s;}
.ysbd dt:hover img{transform: scale(1.1);}

.ysbd dd{background: #fff;width: 485px;height: 330px;box-shadow: 1px 0 20px #ccc;position: absolute;left:0;top:310px;padding: 40px 0 0 40px;}
.ysbd h3{height: 120px;font-size: 45px;font-weight: normal;color: #1a1a1a;}
.ysbd h3 em{display: block;font-size: 25px;color: #1a1a1a;}
.ysbd .yswzs p{height: 28px;line-height: 28px;padding-left: 18px;background:url(img/ysico.png) no-repeat 0 5px;font-size: 14px;color: #1a1a1a;}
.ysbd .yswzs{margin-bottom: 26px;}
.ysbd .yslst li{float: left;width: 180px; font-size: 14px;color: #1f1f1f;}
.ysbd .yslst li em{display: inline-block;font-size: 60px;color: #333333;}
.ysbd .yslst i{font-size: 16px;width: 26px;height: 26px;line-height: 26px; background: #333;border-radius: 50%;text-align: center; font-style: normal;position: relative;top:-36px; color: #fff;display: inline-block;}
.ysbd .yslst li span{display: block;}


.yszx{position: absolute;right:0;top:900px;width: 227px;height: 51px;}
.yszx a{color: #1a1a1a;position: relative;z-index: 1;background:url(img/ysbtn.jpg) no-repeat;width: 165px;height: 51px;line-height: 51px;padding-left: 62px;font-size: 17px;color: #1a1a1a;display: block;}
.yszx a:before{content: "";position: absolute;z-index:-1;width:0;height:51px;top: 0;left: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.yszx a:hover{color: #fff;box-shadow:0 5px 7px -1px #d2d2d2;}
.yszx a:hover:before{width: 227px;background:#335ecd;color: #fff;}



/* 走进 */
.g_zj{height: 1070px;background:url(img/abbg.jpg) no-repeat center top;}
.abwz h2{height: 66px;line-height: 66px;color: #0a0a0a;font-size: 40px;text-align: center;padding-top: 600px;}
.abwz h2 a{color: #0a0a0a;}
.abwz h2 b{color: #335ecd;display: inline-block;padding-left: 18px;}
.abwz p{font-size: 16px;line-height: 34px;color: #5c5c5c;text-align: center;}
.m_zj{height: 773px;}
.g_zs2{height:420px;}

.zz{width:1200px; height:420px; margin:0 auto; position:relative;}
.zz ul{height: 60px;margin-left: 510px; }
.zz ul li{float:left;margin-right: 60px;position: relative;}
.zz ul li a{font-size: 20px;color: #282828;font-weight: bold;height: 40px;display: block;}
.zz ul .cur a{border-bottom: 2px solid #335ecd;color: #335ecd;}
.zz-s ol li{position: relative; float:left; width:282px;overflow: hidden; margin-right:13px;transition: all 0.3s linear 0s; }
.zz-s ol li img{width:282px; height:159px; display: block;transition: all 0.3s linear 0s;}
.zz-s ol li em{width: 282px;height: 50px;line-height: 50px; background: #fff; text-align: center;font-size: 16px;color: #383838; display: block;}
.zz-s ol li:hover em{display: block;color: #335ecd;}
.zz-s ol li:hover{ transform: translateX(-3px);}




.g_cpys{background:url(img/cpysbg.jpg) no-repeat center top;height: 940px;padding-top:86px;}
.g_cpys h2{height: 136px;text-align: center;font-size: 48px;font-weight: bold;color: #000000;}
.g_cpys h2 a{color: #000000;}
.g_cpys h2 b{color: #335ecd;display: inline-block;padding-left: 18px;}
.g_cpys h2 em{display: block;font-size: 18px;color: #4a4a4a;font-weight: normal;padding-top: 6px;}
.g_cpys .cpysgy{float: left;width: 290px;margin-right: 620px;}
.g_cpys .cpysgy:nth-child(2n){margin-right: 0;}
.g_cpys .cpysgy h3{height: 56px;line-height: 56px;text-align: center; font-size: 24px;color: #000000;font-weight: normal;}
.g_cpys .cpysgy h3 b{display: inline-block;padding-right: 10px;}
.g_cpys .cpysgy dt{width: 289px;height: 154px;overflow: hidden;}
.g_cpys .cpysgy dt img{width: 285px;height: 150px; border-radius: 10px;border:2px solid #335ecd; display: block;transition: all 0.3s linear 0s;}
.m_cpys{height: 660px;}
.cpystel{background:url(img/ystel.png) no-repeat 332px 0;padding-left: 438px;font-size: 18px;color: #335ecd;position: relative;}
.cpystel b{display: block;font-size: 40px;color: #335ecd;}
.cpystel span{position: absolute;left:780px;top:-12px;width: 88px;height: 64px;background: #fff;border-radius: 15px;text-align: center;font-size: 21px;color: #335ecd;padding-top: 10px;}
.cpystel span a{color: #335ecd;font-weight: bold;}

.g_cpys .cpysc{position: absolute;left:348px;top:176px;width: 507px;height: 506px;-webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;}


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












/* 友情链接 */
.g_link{ height: 72px;border-top: 1px solid #646464;background: #212121;}
.link_c{line-height:72px; overflow:hidden;font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 72px; line-height:72px; color:#7e7e7e;display: block;}
.link_c .lasta a{background: none;}
.link_c a:hover{color: #335ecd;}