.g_pp{background:url(../images/bg1.jpg) no-repeat center 0;height: 740px;}
.g_pp .ppup{height: 610px;}
.g_pp .ppup h2{height:85px;font-size: 36px;color: #333333; padding-top: 120px;font-weight: normal;}
.g_pp .ppup p{font-size: 14px;line-height: 24px;color: #666666;width:462px;}
.g_pp .ppup span a{display: block;margin-top: 66px;background:url(../images/ppbtn1.jpg) no-repeat;width: 138px;height: 46px;line-height: 46px;padding-left: 30px;font-size: 16px;color: #333;position: relative;z-index: 1;}
.g_pp .ppup span a:before{content: "";position: absolute;z-index:-1;width:0;height:46px;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);}
.g_pp .ppup span a:hover:before{width: 178px;
background: #0193d6;
background: -moz-linear-gradient(left,  #0193d6 0%, #c12b8f 100%); 
background: -webkit-linear-gradient(left,  #0193d6 0%,#c12b8f 100%); 
background: linear-gradient(to right,  #0193d6 0%,#c12b8f 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0193d6', endColorstr='#c12b8f',GradientType=1 ); 
border-radius: 25px;}
.g_pp .ppup span a:hover{color: #fff;}
.g_pp .ppimg{position: absolute;right: 0;top:-53px;background:url(../images/ppimg.png) no-repeat;width:629px;height: 658px;}
.g_pp .ppimg .pp1{display: block;margin: 40px 0 0 167px;width: 288px;height: 212px;position: relative;}
.g_pp .ppimg .pp1 em{position: absolute;left:55px;top:145px;background:url(../images/ppbtn.png) no-repeat;width: 180px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #fff;}



.m_yw h2{height: 146px;text-align: center;font-size: 52px;color: #333;font-weight: normal;}
.m_yw h2 a{color: #333}
.m_yw h2 em{display: block;font-size: 20px;color: #333333;}
.m_yw dl{float: left;width: 359px;height: 380px;position: relative;margin: 0 60px 40px 0;transition: all 0.3s linear 0s;}
.m_yw .lastdl{margin-right: 0;}
.m_yw dt{width: 359px;height: 358px;}
.m_yw dt img{width: 359px;height: 358px;display: block;}
.m_yw dd{position: absolute;left:0;top:0;width: 359px;height: 358px;}
.m_yw dd em{display: block;width: 122px;padding: 170px 0 0 0; margin: 0 auto;}
.m_yw dd em img{width: 122px;height: 122px;display: block;transition: all 0.3s linear 0s;}
.m_yw dd:hover em img{transform:rotate(360deg);}
.m_yw dd p{margin-top: 10px; font-size: 24px;color: #333;text-align: center;}
.m_yw dd:hover p{color: #0193D6;}
.m_yw dl:hover{ transform: translateX(-10px);	}


.g_wt{height:1078px;}
.g_wt h2{text-align: center;font-size: 52px;color: #333333;font-weight: normal;height: 177px;}
.g_wt li{height: 274px;font-size:20px;line-height: 48px;color:#333333;box-sizing: border-box;position: relative;}
.g_wt li b{font-size:24px;color:#343434;}
.g_wt li:nth-child(1){background:url(../images/krbg11.jpg) no-repeat;padding: 77px 0 0 238px;}
.g_wt li:nth-child(2){background:url(../images/krbg22.jpg) no-repeat;padding: 55px 0 0 238px;}
.g_wt li:nth-child(3){background:url(../images/krbg33.jpg) no-repeat;padding: 70px 0 0 238px;}
.g_wt li i{position: absolute;right: 0;top:0;}
.g_wt li img{display: block;transition: all 0.3s linear 0s;}
.g_wt li:hover i img{transform: scale(1.1);}
.g_wt li:nth-child(3) i{top:-15px;}


.g_dai{background:url(../images/canbg.jpg) no-repeat center top;height: 1171px;}
.g_dai h2{text-align: center;font-size: 52px;color: #333333;font-weight: normal;height: 237px;}
.g_dai li{font-size:20px;line-height: 40px;color:#333333;height: 252px;}
.g_dai li b{font-size:24px;color:#333333;}
.g_dai li:nth-child(1){padding-left: 160px;}
.g_dai li:nth-child(2){padding-left: 0;}
.g_dai li:nth-child(3){padding-left: 215px;}





.g_bzlc{background:url(../images/lcbg.jpg) no-repeat center top;height: 995px;}
.g_bzlc h2{height: 168px;text-align: center;font-size: 52px;color: #333333;font-weight: normal;}
.bzlst{height: 418px;}
.bzlst li{float: left;width: 202px;margin-right: 130px;text-align: center;font-size: 36px;color: #333;transition: all 0.3s linear 0s;}
.bzlst li:nth-child(4){margin-right: 0;}
.bzlst li em{display: block;margin-bottom: 72px;}
.bzlst li em img{transition: all 0.3s linear 0s;}
.bzlst li:hover{transform: translateY(-10px);	}
.bzlst li:hover em img{transform:rotate(180deg);}

.lclst li{float: left;width: 80px;margin-right: 60px;text-align: center;font-size: 12px;color: #000000;height: 160px;transition: all 0.3s linear 0s;}
.lclst .lastli{margin-right: 0;}
.lclst li em{display: block;}
.lclst li:hover{transform: translateY(-10px);}

.bg2{background:url(../images/bg22.jpg) no-repeat center top;height: 4848px;padding-top: 78px;overflow: hidden;box-sizing: border-box;}
.g_hz{height: 940px;}
.g_hz h2{text-align: center;font-size: 52px;color: #333;font-weight: normal;height: 158px;}
.m_hz li{float: left;width: 269px;height: 298px;margin: 0 40px 40px 0;transition: all 0.3s linear 0s;	}
.m_hz li img{width: 269px;height: 298px;display: block;}
.m_hz li:hover{transform: scale(1.08);}
.m_hz li:nth-child(4n){margin-right: 0;}




.m_ys1{height: 820px;}
.m_ys1 h2{height: 120px;text-align: center;font-size: 52px;color: #333;font-weight: normal;}
.m_ys1 h2 em{display: block;font-size: 20px;}
.m_ys1 dt{float: left;position: relative;margin-left: -25px;width: 650px;height: 650px;}
.m_ys1 dt img{width: 650px;height: 650px;display: block;}
.m_ys1 dt em{position: absolute;left:190px;top:318px;width: 348px;height: 196px;}
.m_ys1 dt em img{width: 348px;height: 196px;display: block;border-radius: 5px;}
.m_ys1 dt em:before{content: "";position: absolute;background:url(../images/ysico1.png) no-repeat;width: 66px;height: 66px;left:142px;top:66px;}
.m_ys1 dd{float: left;padding: 170px 0 0 76px;width: 472px;}
.m_ys1 p{font-size: 24px;line-height:36px;color: #333333;}
.m_ys1 span a{display: block;margin-top: 140px;background:url(../images/ysbtn.png) no-repeat;width: 168px;height: 46px;line-height: 46px;font-size: 16px;color: #fff;text-align: center;}



.m_ys2{position: relative;height: 633px;}
.m_ys2 dd{padding-top: 150px;float: left;width: 425px;}
.m_ys2 h3{height: 56px;line-height: 56px;font-size: 36px;color: #232323;font-weight: bold;margin-bottom: 15px;}
.m_ys2 p{font-size: 24px;line-height:36px;color: #333333;width: 520px;}
.m_ys2 span a{display: block;margin-top: 100px;background:url(../images/ysbtn.png) no-repeat;width: 168px;height: 46px;line-height: 46px;font-size: 16px;color: #fff;text-align: center;}
.m_ys2 dt{position: absolute;right: -265px;top:0;width: 1034px;height: 644px;background:url(../images/ysimg2.png) no-repeat;}
.m_ys2 .rw{width: 204px;height: 164px;background: #fff;border-radius: 5px;left:180px;top:228px;position: absolute;box-shadow: 3px 0 50px rgba(0,0,0,.1);z-index: 15}
.m_ys2 .rw h4{padding: 40px 0 0 20px;height: 30px;line-height: 30px;font-weight: normal;font-size: 16px;color: #333;margin-bottom: 16px;}
.m_ys2 .rw p{font-size: 12px;line-height: 18px;color: #666666;padding-left: 18px;width: 175px;}
.m_ys2 .rw .rwimg{position: absolute;right: 24px;top:20px;}
.m_ys2 .iphone{position: absolute;z-index: 10;left:307px;top:100px;}
.m_ys2 .ipad{position: absolute;z-index: 0;left:417px;top:0;}

.m_ys3{position: relative;height: 740px;}
.m_ys3 dt{position: absolute;left:-360px;top:0;}
.m_ys3 dd{padding: 250px 0 0 792px;}
.m_ys3 h3{height: 56px;line-height: 56px;font-size: 36px;color: #232323;font-weight: bold;margin-bottom: 15px;}
.m_ys3 p{font-size: 24px;line-height:36px;color: #333333;width: 400px;}
.m_ys3 span a{display: block;margin-top: 100px;background:url(../images/ysbtn.png) no-repeat;width: 168px;height: 46px;line-height: 46px;font-size: 16px;color: #fff;text-align: center;}

.m_ys4{height: 677px;position: relative;}
.m_ys4 dt{position: absolute;right:-22px;top:0;}
.m_ys4 dd{padding-top: 154px;width: 400px;}
.m_ys4 h3{height: 56px;line-height: 56px;font-size: 36px;color: #232323;font-weight: bold;margin-bottom: 15px;}
.m_ys4 p{font-size: 24px;line-height:36px;color: #333333;width: 400px;}
.m_ys4 span a{display: block;margin-top: 100px;background:url(../images/ysbtn.png) no-repeat;width: 168px;height: 46px;line-height: 46px;font-size: 16px;color: #fff;text-align: center;}

.m_ys5{height: 820px;position: relative;}
.m_ys5 dd{position: absolute;left:795px;top:72px;}
.m_ys5 h3{height: 56px;line-height: 56px;font-size: 36px;color: #232323;font-weight: bold;margin-bottom: 15px;}
.m_ys5 p{font-size: 24px;line-height:36px;color: #333333;width: 400px;}
.m_ys5 span a{display: block;margin-top: 100px;background:url(../images/ysbtn.png) no-repeat;width: 168px;height: 46px;line-height: 46px;font-size: 16px;color: #fff;text-align: center;}
.m_ys5 .ys5-1{position: absolute;left:0;top:140px;background:url(../images/ys5bg1.jpg) no-repeat;width: 311px;height: 506px; padding: 58px 0 0 14px;}
.m_ys5 .ys5-1 em{position: absolute;left:14px;top:58px;}
.m_ys5 .ys5-2{position: absolute;left:370px;top:0;background:url(../images/ys5bg2.jpg) no-repeat;width: 311px;height: 354px; padding: 70px 0 0 14px;}
.m_ys5 .ys5-2 em{position: absolute;left:14px;top:70px;}
.m_ys5 .ys5-3{position: absolute;left:370px;top:424px;}
.m_ys5 .ys5-3 em{position: absolute;left:0;top:2px;}

.g_team{background:url(../images/tdbg.jpg) no-repeat center top;height: 754px;}
.g_team h2{height: 145px;text-align: center;font-size: 52px;color: #333333;font-weight: normal;}
.g_team h2 a{color: #333}
.g_team h2 em{display: block;font-size: 20px;padding-top:10px; }
.g_team .teamtit{ width: 1200px;margin: 0 auto;height: 80px;}
.g_team .teamtit ul{margin-left: 200px;width: 794px; background: #fff;height: 50px;line-height: 50px;border-radius: 50px; box-shadow: 3px 0 35px rgba(0,0,0,.1)}
.g_team .teamtit li{float: left;width: 130px;height: 50px;line-height: 50px;font-size: 16px;text-align: center;margin-right: 36px;}
.g_team .teamtit li a{color: #333333;}
.g_team .teamtit .lastli{margin-right: 0;}
.g_team .teamtit li:hover,.g_team .teamtit .cur{background:url(../images/tdhover.png) no-repeat;color: #fff;}
.g_team .teamtit li:hover a,.g_team .teamtit .cur a{color: #fff;}


.case-dx{width: 100%;min-width: 1200px;height: 524px;overflow: hidden;position: relative;}
.case_c{width: 1200px;position: absolute;left: 50%;margin-left: -600px;}
.case-dx .prev2{left:550px;top:445px;width: 26px;height: 26px;position: absolute;background: url(../images/ljt.png) no-repeat;display: block;z-index: 12}
.case-dx .next2{right:550px;top:445px;width: 26px;height: 26px;position: absolute;background: url(../images/rjt.png) no-repeat;display: block;z-index: 12}
.cjhd{position: absolute;left:50%;width: 1200px;margin-left: -600px;top:450px;z-index: 10}
.cjhdc{margin-left: 530px;}
.cjhd li{float: left;width: 18px;height: 18px;background: #0190d3;margin: 0 10px;border-radius: 50%}
.cjhd .cur{background: #bf2b8f;}
.case-dx .tempWrap{overflow: visible !important;}
.case-dx .tempWrap ul{margin-left: -614px !important;}
.case-ul li{float: left;width: 566px;margin: 0 20px !important;position: relative; height: 425px;}
.case-ul li span{position: relative;width: 566px;height: 425px;border-radius: 5px}
.case-ul li span img{width: 566px;height: 425px;display: block;border-radius: 5px;}


/*新闻版块*/
.g_news{padding-top: 10px; height: 430px;background:url(../images/newbg.jpg) no-repeat center top;}

.g_news h2{height: 126px;font-size: 40px;color: #2d2c2c;text-align: center;font-weight: normal;}
.g_news h2 a{color: #2d2c2c;}
.g_news h2 em{display: block;font-size: 18px;color: #7f7f7f;}
.g_news .newhd{height: 52px;line-height: 52px;position: relative;margin-bottom: 42px;}

.g_news .u_lst8{position: relative;height: 52px; }
.g_news .u_lst8 li{float: left;height: 52px; line-height: 52px; margin-right: 8px; position: relative; }
.g_news .u_lst8 li a{display: block; float: left;margin-right: 28px; height: 52px;line-height: 52px;font-size: 18px;color: #000000;font-weight: normal; text-decoration: none; padding-left: 30px;}
.g_news .u_lst8 li a:hover,.g_news .u_lst8 .on a{ color: #0193d6;font-weight: bold;}
.g_news .u_lst8 li em{position: absolute;left:0;top:10px;width: 30px;height: 30px;overflow: hidden;}
.g_news .u_lst8 li a:hover em img,.g_news .u_lst8 .on img{margin-left: -30px;}
.g_news .newhd span{display: block;position: absolute;right:0;top:0;height: 52px;line-height: 52px;padding-right: 45px;background:url(../images/newmore.png) no-repeat right 13px;z-index:11; }
.g_news .newhd span a{color:#0193d6;}


.g_news .newbd dl{float: left;width: 325px;margin-right: 95px;position: relative;}
.g_news .newbd dl:before{content: "";position: absolute;width: 1px;height: 126px;background: #ebebeb;right: -56px;top:20px;}
.g_news .newbd .lastdl{margin-right: 0;}
.g_news .newbd dt{height: 44px;line-height: 44px;font-size: 36px;color: #333333;}
.g_news .newbd dt a{color: #333333;}
.g_news .newbd h3 a{display: block;height: 40px;line-height: 40px;font-size: 18px;color: #333333;}
.g_news .newbd p{font-size: 14px;line-height: 24px;color: #888888;height: 48px;overflow: hidden;}
.g_news .newbd dl:hover h3 a{color: #0193d6;}
.g_news .newbd dl:hover dt {color: #0193d6;}




.g_ab{background:url(../images/abbg.jpg) no-repeat center top;height: 801px;overflow: hidden;}
.g_ab .m_ab{padding: 230px 0 0 64px;}
.g_ab h2{height: 160px;background:url(../images/abtit1.png) no-repeat 200px 20px;font-size: 60px;color: #fff;font-weight: normal;}
.g_ab h2 a{color: #fff;}
.g_ab h2 em{display: block;font-size: 24px;padding-top: 5px;}
.g_ab p{width: 465px;font-size: 16px;line-height: 30px;color: #fff;margin-bottom: 60px;}
.g_ab .ab{position: absolute;right: -68px;top:140px;}

.g_fk{background:url(../images/ppbg.jpg) no-repeat center 0;height: 884px;padding-top: 260px;box-sizing: border-box;}
.fklst{position: absolute;right:7px;top:286px;width:506px;height: 94px;background: #fff;box-shadow: 3px 0 24px rgba(0,0,0,.1);border-radius: 20px;padding: 15px 0 0 30px;box-sizing: border-box;}
.fklst li{float: left;width:80px;margin-right: 46px;text-align:center;font-size:14px;color:#333333;}
.fklst li i{width:48px;height: 42px;display: block;margin:0 auto 6px;}
.fklst li i img{display: block;transition: all 0.3s linear 0s;}
.fklst li:nth-child(4){margin-right: 0;}
.fklst li:hover i img{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}


.g_fk .fkl{float: left;width: 580px;}
.g_fk .fkl h2{height: 204px;font-size: 36px;line-height: 60px;color: #333333;font-weight: normal;}
.g_fk .fkl ul{position: relative;height: 180px;}
.g_fk .fkl li{float: left;width: 250px;margin-right: 60px;font-size: 22px;color: #333333;}
.g_fk .fkl li:nth-child(2){margin-right: 0;}
.g_fk .fkl span a{display: block;width:170px;height: 46px;line-height: 46px;background:url(../images/fkbtnbg.jpg) no-repeat;padding-left: 28px;font-size:16px;color:#333333;}

.g_fk .fklst li:nth-child(1){animation-delay: 0.1s;}
.g_fk .fklst li:nth-child(2){animation-delay: 0.2s;}
.g_fk .fklst li:nth-child(3){animation-delay: 0.3s;}
.g_fk .fklst li:nth-child(4){animation-delay: 0.4s;}










/* 友情链接 */
.g_link{position: relative;margin-top: -43px;}
.g_link .content{width: 1200px;margin: 0 auto;}
.link_c{ overflow:hidden;width: 1200px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 12px 0 0;float: left; color:#666666;display: block;}


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