/*1029626114@qq.com*/
@charset "utf-8";
.g_fan{padding: 68px 0 66px 0;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_fan h2 a{display: block;height: 150px;text-align: center;font-size: 48px;color:#16161b;font-weight: normal;}
.g_fan h2 em{display: block;font-size: 20px;color:#7e7d89;}
.g_fan li{float: left;width:24.1%;margin:0 1.2% 15px 0;position: relative;overflow: hidden;}
.g_fan li i{display: block;width:100%;}
.g_fan li i img{width:100%;display: block;transition: all 0.3s linear 0s;}
.g_fan li:nth-child(4n){margin-right: 0;}
.g_fan li em{position: absolute;left:0;bottom: 26px;width:100%;text-align: center;font-size: 18px;color:#fff;font-weight: bold;}
.g_fan li:hover i img{transform: scale(1.1);}


.g_fan li:nth-child(1){animation-delay: 0.1s;}
.g_fan li:nth-child(2){animation-delay: 0.2s;}
.g_fan li:nth-child(3){animation-delay: 0.3s;}
.g_fan li:nth-child(4){animation-delay: 0.4s;}
.g_fan li:nth-child(5){animation-delay: 0.5s;}
.g_fan li:nth-child(6){animation-delay: 0.6s;}
.g_fan li:nth-child(7){animation-delay: 0.7s;}
.g_fan li:nth-child(8){animation-delay: 0.8s;}



.g_pro{background: #f5f5f7;padding: 60px 0 58px 0;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pro h2 a{display: block;height: 140px;text-align: center;font-size: 48px;color:#16161b;font-weight: normal;}
.g_pro h2 em{display: block;font-size: 20px;color:#7e7d89;}
.g_pro .cpbd{float: left;width:70.2%;}
.g_pro .cpbd li{width: 100%;overflow: hidden;}
.g_pro .cpbd li img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.g_pro .cpbd li:hover img{transform: scale(1.1);}

.g_pro .cphd{width:29.8%;float: right;}
.g_pro .cphd dl{position: relative;margin-bottom: 11px;height: 175px;}
.g_pro .cphd dl:before{content: "";position: absolute;width:94%;background: #fff;height: 175px;right: 0;top:0;border:1px solid #fff;z-index: 11;box-shadow: 11px 2px 24px rgba(210,210,210,.4)}

.g_pro .cphd dl:after{content: "";position: absolute;background:url(../images/cpico.png) no-repeat;width:19px;height: 30px;left:5px;top:50%;margin-top: -15px;z-index: 15;opacity: 0}

.g_pro .cphd dt{float: right;width:41.8%;position: relative;z-index: 11;padding: 1px;}
.g_pro .cphd dt img{width: 100%;display: block;}
.g_pro .cphd dd{position: absolute;z-index: 15;left:12%;top:30px;}
.g_pro .cphd h4 a{display: block;line-height: 46px;font-size: 22px;color:#242429;margin-bottom: 11px;font-weight: normal;}
.g_pro .cphd p{font-size: 14px;line-height: 18px;color:#666666;width: 60%;}
.g_pro .cphd .on:before{border:1px solid #0064b2;}
.g_pro .cphd .on:after{opacity: 1;}
.cpmore a{display: block;width:162px;height: 44px;line-height: 44px;background: #0064b2;border-radius: 10px;margin:63px auto 0;text-align: center;font-size: 18px;color:#fff;}








.g_ys{padding:65px 0 82px 0;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; }
.g_ys h2{display: block;height: 150px;text-align: center;font-size: 48px;color:#16161b;font-weight: normal;}
.g_ys h2 em{display: block;font-size: 20px;color:#7e7d89;}
.g_ys .ysbd{position: relative;z-index: 11}
.g_ys dl{position: relative;}
.g_ys dt{float: right;width:57.1%;}
.g_ys dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.g_ys dd{position: absolute;left:0;top:56px;height: 500px;background: #f8f8f8;width: 51.5%;z-index: 111;}
.g_ys dl:hover dt img{transform: scale(1.1);}



.yswz{width:66.6%;height: 435px;background: #fff;margin:30px 0 0 29%;padding: 52px 3% 0 5%;box-sizing: border-box;}
.yswz h3{height: 48px;line-height: 48px;font-size: 20px;color:#222222;font-weight: bold;margin-bottom: 28px;}
.yswz p{font-size: 16px;line-height: 26px;color:#666666;padding-right: 10%;}
.yswz p em{display: block;margin-bottom: 24px;}
.g_ys .yshd{position: absolute;left:0;top:56px;width: 180px;z-index: 111;background: #fff;height: 542px;}
.g_ys .yshd li{height: 115px;position: relative;}
.g_ys .yshd li:before{content: "";position: absolute;width:0;height:0;background: #0064b2; left:0;top:96px;}
.g_ys .yshd li:after{content: "";position: absolute;width:0;height:0;background: #fff; border:0;border-radius: 50%; left:220px;top:91px;}


.g_ys .yshd li i{width: 48px;overflow: hidden;display: block;margin-top: 12px;}
.g_ys .yshd li i img{display: block;width: 96px;height: 48px;}
.g_ys .yshd li em{display: block;font-size: 22px;color:#222222;}
.g_ys .yshd li:hover i img,.g_ys .yshd .on i img{margin-left: -48px;}
.g_ys .yshd li:hover:before,.g_ys .yshd .on:before{width:230px;height: 2px;}
.g_ys .yshd li:hover:after,.g_ys .yshd .on:after{width:8px;height: 8px;border:2px solid #0064b2;}
.g_ys .u_ljt,.g_ys .u_rjt{position: absolute;width:55px;height: 42px;z-index: 152}
.g_ys .u_ljt{background:url(../images/ysjt.jpg) no-repeat left 0;left:255px;top:440px;}
.g_ys .u_rjt{background:url(../images/ysjt.jpg) no-repeat right 0;left:310px;top:440px;}


.g_news{background: #f5f5f7;padding-top: 48px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_news h2 a{display: block;height: 168px;text-align: center;font-size: 48px;color:#16161b;font-weight: normal;}
.g_news h2 em{display: block;font-size: 20px;color:#7e7d89;padding-top: 10px;}

.g_news .newhd{position: absolute;right: 0;top:-113px;width:220px;z-index: 153}
.g_news .newhd li a{display: block;float: left;margin-right: 38px;font-size: 20px;color:#999999;position: relative;height: 44px;line-height: 44px;}
.g_news .newhd li a:before{content: "";position: absolute;width:100%;height: 1px;background: #999999;left:0;top:43px;}
.g_news .newhd li:nth-child(2) a{margin-right: 0;}
.g_news .newhd li a:hover,.g_news .newhd .on a{color: #0064b2;}
.g_news .newhd li a:hover:before,.g_news .newhd .on a:before{background: #0064b2}
.g_news dl{float: left;width:429px;margin-right: 3.7%;margin-bottom: 80px;}
.g_news dl:nth-child(3){margin-right: 0;}
.g_news dt{width: 100%;overflow: hidden;}
.g_news dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.g_news dd{background: #fff;padding: 2rem 5% 36px;position: relative;}
.g_news dd em{width: 114px;height: 40px;line-height: 40px;background: #0064b2;font-size: 16px;color:#fff;text-align: center; display: block;position: absolute;left:5%;top:-20px; display: none;}
.g_news dd span{display: block;height: 40px;line-height: 40px;font-size: 16px;color:#999999;}
.g_news dd h4 a{display: block;height: 48px;line-height: 48px;font-size: 18px;color:#333333;font-weight: normal; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.g_news dd p{font-size: 16px;line-height: 28px;color:#999999;margin-bottom: 24px;height: 56px;overflow: hidden;}
.g_news dl:hover dt img{transform: scale(1.1);}

.g_news dl:hover dd em,.g_news .cur dd em{display: block;}
.g_news dl:hover dd,.g_news .cur dd{box-shadow: 11px 2px 24px rgba(210,210,210,.38)}
.g_news .newmore a{display: block;width:146px;height: 48px;line-height: 48px;border:1px solid #0064b2;border-radius: 5px;position: relative;padding-left: 22px;box-sizing: border-box;font-size: 12px;color:#0064b2;text-transform: uppercase;}
.g_news .newmore a:before{content: "";position: absolute;width:26px;height: 26px;background:url(../images/newmore.png) no-repeat;left:108px;top:13px;}


.g_about{background:url(../images/abbg.jpg) no-repeat center top;height: 688px;padding: 52px 0 0 0;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_about h2 a{display: block;height: 140px;text-align: center;font-size: 36px;color:#fff;font-weight: bold;}
.g_about h2 em{display: block;font-size: 24px;color:#fff;padding-top: 10px;font-weight: normal;}
.g_about p{padding: 0 40px;font-size: 16px;line-height: 30px;color:#fff;text-align: center;height: 180px;}
.g_about span a{display: block;width:162px;height: 44px;line-height: 44px;background: #0064b2;border-radius: 10px;margin:0 auto;text-align: center;font-size: 18px;color:#fff;}


.link{ float:right; width:118px; height:35px; line-height: 35px; background:url(../images/linkbg.jpg) no-repeat; position:relative;margin:-50px 0 0 0; z-index:8;padding-left: 28px;box-sizing: border-box;}
.link h3{ font:14px "Microsoft YaHei UI"; color:#909090; line-height:35px;position:relative; cursor:pointer;}
.link p{ display:none; background:#fff; border:1px solid #ccc;box-sizing: border-box; position:absolute; bottom:33px; left:0; width:100%; padding:1rem 0;}
.link p a{ display:block; font:14px "Microsoft YaHei UI"; line-height:30px; color:#666; text-align:center;}
.link p a:hover{font-weight:bold; text-decoration:underline; color:#0064b2;}
.link:hover p{ display:block;}



@media screen and (max-width:1580px) {
.g_pro .cphd dl{height: 147px;}
.g_pro .cphd dl:before{height: 147px;}
.g_pro .cphd dt{width: 40.8%;}
.g_pro .cphd dl:after{left:1px;}
.g_pro .cpbd{width: 69.2%;}
.g_news dl{width:362px;}
.yswz h3{font-size: 16px;}
.g_ys .yshd{width: 150px;}
.g_ys .yshd li:hover:before,.g_ys .yshd .on:before{width:190px;height: 2px;}
.g_ys .yshd li:after{ left:190px;top:91px;}
.g_ys .u_ljt{left:205px;top:400px;}
.g_ys .u_rjt{left:260px;top:400px;}
.g_ys dd{height: 430px;}
.yswz{height: 375px;}
.g_ys .yshd li em{font-size: 20px;}
.g_ys .yshd li{height: 100px;}
.yswz h3{margin-bottom: 18px;}
.yswz p em{margin-bottom: 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;}}