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

/**/
.g-guide{  height:666px; padding-top:89px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width:1200px;height: 385px;margin:0 auto;position: relative;margin-bottom: 32px;}
.guide dl{height: 385px;border-bottom: 1px solid #e5e5e5;}
.guide dl dt{overflow: hidden; width:600px;height: 336px; position: relative; float: right; }
.guide dl dt img{width: 600px; height: 336px;  display: block;}
.guide dl dd{width: 530px;  float:left;position:relative;padding-top:30px;}
.guide dl dd h3{ font-size: 38px; color: #0163b8; font-weight: bold; height: 130px;line-height: normal;white-space: nowrap;position: relative;}
.guide dl dd h3 em{display:block; font-size: 18px;color: #808080; font-weight: normal;padding-top: 6px;}
.guide dl dd h3:before{content:"";position: absolute;width:48px;height: 4px;background: #cccccc;left:0;top:115px;}
.guide dl dd p{font-size: 16px; color: #666666; line-height: 30px; }
.guide dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.digital ul{width: 1200px; height:150px;margin:0px auto; position: relative; clear:both;overflow: hidden; padding-left: 18px;box-sizing: border-box; }
.digital li{ width:320px;height: 150px; box-sizing: border-box; float: left; text-align: left; position: relative;}
.digital li em{display: block; position: relative;}
.digital li em b{ font-size:48px; color: #4c4c4c; font-family: "Arial"; font-weight: normal;line-height: 48px;}
.digital li em i{ font-size:16px;  color: #4c4c4c;position: relative;top:-20px;font-style: normal;}
.digital li h3{font-size: 16px; color: #4c4c4c; text-align: left; font-weight: normal;}
.digital li:nth-child(2){width:380px;}
.digital li:nth-child(3){width:350px;}
.digital li:nth-child(4){width:125px;}
.digital li:hover b,.digital .cur b{color:#0163b8;}



/**/
.g_products{background: url(../images/cpbg.jpg) repeat-x;background-size: cover;padding-top: 3rem; padding-bottom: 3.5rem; box-sizing: border-box; overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_products h2 a{height: 120px;text-align: center;font-size:48px;color:#444444;font-weight: normal;display: block;}
.g_products h2 em{display: block;font-size:20px;color: rgba(9,10,12,.78);} 

.fltit{height: 164px;}
.flhd{height: 52px;line-height: 52px;background: #434341;width:1200px;}
.flhd li a{float: left;width:198px;border-right: 1px solid #565654;border-left: 1px solid #434341;font-size:18px;color:#fff;display: block;position: relative;text-align: center;}
.flhd .on a{background: #0163b8;text-align: left;padding-left: 35px;box-sizing: border-box;border-left: 1px solid #0163b8;}
.flhd .on a:before{content: "";position: absolute;background: url(../images/flico1.png) no-repeat;width:12px;height: 9px;right: 16px;top:23px;}
.flhd .on:last-child a{width:200px;border-right: 1px solid #0163b8;}
.flbd ul{background: #fff;height: 72px;padding-left: 26px;width:1200px!important;box-sizing: border-box;box-shadow: 5px 0 10px rgba(0,0,0,.17)}
.flbd li a{display: block;line-height: 72px;position: relative;padding-left: 25px;font-size:16px;color:#434341;float: left;margin-right: 25px;background: url(../images/flico3.png) no-repeat 0 32px;}



.pro{height: auto;padding:0 0 30px;clear: both;overflow: hidden;}
.pro-c{width:370px; float: left;margin-right: 17px; }
.pro-c dl{width:370px;margin-bottom: 23px;background:#fff;box-shadow: 0 0 8px #e1e1e1;}
.pro-c dt{width:240px;height:180px; overflow: hidden;padding: 15px 0 12px 0;margin:0 auto;}
.pro-c dt img{width:100%;display: block;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.pro-c dd{height:69px;border-top:1px solid #e5e5e5;}
.pro-c dd .desc{ padding-left: 18px; width:254px;display: block;float: left;}
.pro-c dd h4{height: 69px;line-height: 69px;font-size: 16px;color:#333333;font-weight: bold; text-align: left;}
.pro-c dd .pro-btn{width:95px;height:69px;border-left:1px solid #e5e5e5;display: block;float: left; line-height: 69px;text-align: center;font-size: 14px;color: #343434; font-weight: bold;}
.pro-c dl:hover h4,.pro-c dl:hover .pro-btn{color:#0163b8;}
.pro-c dl:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


/**/
.sec-nav{width: 1200px;margin:0 auto;}
.sec-nav dl{width: 1200px;height:127px; overflow: hidden;background:#fff;border-radius: 3px;box-shadow: 0 0 3px #eaeaea;}
.sec-nav dt{width:171px;height:127px; line-height: 127px; font-size: 20px;color:#fff;background:#0163b8;border-radius: 3px;text-align: center;float: left; font-weight: normal;}
.sec-nav dt a{color: #fff;}
.sec-nav dd{line-height: 34px;width:1028px;float: left;color:#424242;font-size: 15px; font-weight: normal;padding-left:28px;padding-top:12px; box-sizing: border-box;}
.sec-nav dd a{display: block;float: left;width:200px; padding-right: 5px; color: #424242;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sec-nav dd a:nth-child(5n){padding-right: 0;width:140px;}
.sec-nav dd a:hover{color:#0163b8;font-weight: bold;}
.sec-nav dd a:last-child{color: #0163b8;text-decoration: underline;}

.g_fbdz{background: url(../images/fbbg.jpg) no-repeat center top;height: 970px;padding-top: 70px;box-sizing: border-box;}
.g_fbdz h2{height: 140px;text-align: center;font-size:48px;color:#fff;font-weight: normal;display: block;}
.g_fbdz h2 em{display: block;font-size:20px;color: rgba(255,255,255,.78);padding-top: 5px;} 
.g_fbdz dl{float: left;width:400px;border:1px solid rgba(255,255,255,.3);height: 340px;box-sizing: border-box;padding: 42px 0 0 42px;border-right: none;border-bottom: none;position: relative;overflow: hidden;transition: all 0.3s linear 0s;}
.g_fbdz dl:nth-child(3n){border-right:1px solid rgba(255,255,255,.3);}
.g_fbdz dl:nth-child(4),
.g_fbdz dl:nth-child(5),
.g_fbdz dl:nth-child(6)
{border-bottom:1px solid rgba(255,255,255,.3);}
.g_fbdz dt{margin-bottom: 15px;}
.g_fbdz h3{line-height: 40px;font-size:22px;color:#fff;font-weight: normal;margin-bottom: 10px;}
.g_fbdz p{font-size:15px;line-height: 24px;color:rgba(255,255,255,.7);width:335px;}
.g_fbdz span{position: absolute;left:0;bottom: -8px;display: none;}
.g_fbdz dl:nth-child(6) p{font-size:25px;color:#fff;}
.g_fbdz dl:hover,.g_fbdz .cur{background: #0163b8;}
.g_fbdz dl:hover h3,.g_fbdz .cur h3{color: #fff;}
.g_fbdz dl:hover span,.g_fbdz .cur span{display: block;}


.g_ys{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 65px; padding-top: 70px;}
.g_ys h2{display: block;height: 136px;text-align:center;font-size: 48px;font-weight: normal;color:#444444;}
.g_ys h2 em{display: block;font-size:20px;color:rgba(9,10,12,.8);padding-top: 6px;}
.ysbd dt{width:100%;display: block;overflow: hidden;}
.ysbd dt img{width:100%;display: block;}
.ysbd dd{width:1200px;margin:0 auto;height: 174px;padding: 50px 0 0 0;box-sizing: border-box;}
.ysbd p{float: left; width:910px; }
.ysbd p em{display: block;position: relative;font-size:16px;line-height: 26px;color:#555555;padding-left: 32px;}
.ysbd p em:before{content: "";position: absolute;width:7px;height: 7px;border:2px solid #6f6f6f;border-radius: 50%;background: #fff;left:0;top:8px;}
.ysbd span a{display: block;float: left;width:280px;height: 50px;line-height: 50px;border:2px solid #0163b8;padding-left: 22px;position: relative;box-sizing: border-box;margin-top: 20px;}
.ysbd span a:before{content: "";position: absolute;background: url(../images/ysico.png) no-repeat;width:12px;height: 20px;left:250px;top:15px;}
.ysbd span em{float: left;font-size:20px;color:#0163b8;text-transform: capitalize;margin-right: 22px;}
.ysbd span b{float: left;font-size:18px;color:#0163b8;font-weight: normal;}
.g_ys .yshd{position: absolute;left:50%;bottom: 174px;width:1200px; margin:0 auto; margin-left: -600px;}
.g_ys .yshd li{float: left;width:290px;height: 122px;background: #f5f5f5;padding: 30px 0 0 0;box-sizing: border-box;text-align:center;font-size:26px;color:#666666;font-weight: normal;margin-right: 8px;position: relative;}
.g_ys .yshd li:nth-child(4){margin-right: 0;}
.g_ys .yshd li em{display: block;font-size:12px;color:#666666;padding-top: 2px;text-transform: uppercase;}
.g_ys .yshd .on{background: #0163b8;position: relative;color:#fff;}
.g_ys .yshd .on em{color: rgba(255,255,255,.5);}
.g_ys .yshd .on:before{content: "";position: absolute;left:50%;margin-left: -5px;bottom: -10px;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #0163b8 transparent transparent transparent;
}


.g_kfan{background: url(../images/anbg.jpg) repeat-y;background-size: 100%;padding-top: 3rem;padding-bottom: 4rem;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_kfan h2 a{display: block;height: 4.66rem;text-align:center;font-size: 2rem;font-weight: normal;color:#444444;}
.g_kfan h2 em{display: block;font-size:0.85rem;color:rgba(9,10,12,.8);padding-top: 0.3rem;}
.g_kfan .kfanhd{width:1200px;margin:0 auto;height: 84px;line-height: 84px;}
.g_kfan .kfanhd li a{display: block;float: left;position: relative;font-size:18px;color:#666666;margin: 0 30px;line-height: 84px;}
.g_kfan .kfanhd li a:before{content: "";position: absolute;width:1px;height: 12px;background: #bdbdbd;right: -30px;top:36px;}
.g_kfan .kfanhd li:nth-child(1) a{margin-left: 0;}
.g_kfan .kfanhd li a:after{content: "";position: absolute;width:100%;height: 3px;background: #0163b8;left:0;top:66px;display: none;}
.g_kfan .kfanhd li:hover a:after,.g_kfan .kfanhd .cur a:after{display: block;}
.g_kfan .kfanhd li:hover a,.g_kfan .kfanhd .cur a{color:#0163b8;font-weight: bold;}

.kfanbd{margin:0 7%;height: 22.6rem;overflow: hidden;}
.kfanbd dd{height: 22.6rem;overflow: hidden;}
.kfanbd dt{float: right;width:60.375%;overflow: hidden;}
.kfanbd dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.kfanbd dl:hover dt img{transform: scale(1.1);}

.kfanbd dd{float: left;width:39.625%;background: url(../images/andd.jpg) no-repeat;background-size:cover;padding: 4rem 5% 0 4%;box-sizing: border-box;}
.kfanbd h3 a{display: block;line-height: 2rem;font-size:1rem;color:#fff;margin-bottom: 1rem;}
.kfanbd p{font-size:0.7rem;line-height: 1rem;color:#fff;margin-bottom: 2rem;}
.kfanbd span a{display: block;width:8.8rem;height:2rem;line-height: 2rem;border:0.125rem solid #ffffff;border-radius: 0.3rem;position: relative;padding-left: 3rem;font-size:0.75rem;color:#ffffff; box-sizing: border-box; margin-bottom: 2.6rem; }
.kfanbd span a:before{content: "";position: absolute;background: url(../images/anbtn.png) no-repeat;background-size:cover;width:1.5rem;height: 0.6666rem;left:5.4rem;top:0.7rem;}
.kfanbd li{float: left;width:31.3%;position: relative;margin-right: 1.5%;overflow: hidden;}
.kfanbd li img{width:100%;display: block;transition: all 0.3s linear 0s;}
.kfanbd li a:hover:before,
.kfanbd .cur a:before{content: "";position: absolute;background: url(../images/anmore.png) no-repeat;background-size:cover;width:1.75rem;height:1.75rem;left:50%;margin-left: -0.875rem; top:1.666rem;z-index: 11}
.kfanbd li a:hover:after,
.kfanbd .cur a:after{content: "";position: absolute;background:rgba(1,99,184,.85);width:100%;height:100%;left:0;top:0;}
.kfanbd li:hover img{transform: scale(1.1);}

.g_news{padding-top: 66px;height: 666px;}
.g_news h2 a{display: block;height: 130px;text-align:center;font-size: 48px;font-weight: normal;color:#444444;}
.g_news h2 em{display: block;font-size:20px;color:rgba(9,10,12,.8);padding-top: 6px;}

.jddt{float: left;width:830px;}
.g_news h3 a{display: block;line-height: 54px;font-size:24px;color:#333333;font-weight: normal;} 
.dtleft{float: left;width:430px;position: relative;}
.dtleft:before{content: "";position: absolute;width:1px;height: 410px;background: #f2f2f2;left:406px;top:0;}
.dtleft dt{width:370px;height: 208px;overflow: hidden;margin-bottom: 30px;}
.dtleft dt img{width:370px;height: 208px;display: block;transition: all 0.3s linear 0s;}
.dtleft:hover dt img{transform: scale(1.1);}
.dtleft dd{width:373px;}
.dtleft h4 a{display: block;line-height: 32px;font-size:20px;color:#333333;margin-bottom: 20px;font-weight: normal;}
.dtleft h4 a:hover{color:#0163b8;}
.dtleft p{font-size:15px;line-height: 24px;color:#666666;margin-bottom: 20px;}
.dtleft span a{display: block;font-size:16px;color:#0163b8;}

.dtright{float: left;width:370px;}
.dtright li a{display: block;line-height: 46px;font-size:16px;color:#666666;position: relative;padding-left: 22px;}
.dtright li a:before{content: "";position: absolute;width:2px;height: 2px;background: #727e97;left:4px;top:26px;}
.dtright li a:hover{color:#0163b8;}


.wd{float: left;width:370px;}
.wdlst dl{height: 95px;border-bottom: 1px solid #f2f2f2;margin-bottom: 13px;}
.wdlst dt{float: left;width:138px;height: 80px;overflow: hidden;}
.wdlst dt img{width:138px;height: 80px;display: block;}
.wdlst dd{float: left;padding: 0px 0 0 27px;width:200px;}
.wdlst h4 a{display: block;line-height: 30px;font-size:16px;color:#190e0b;font-weight: normal;}
.wdlst h4 a:hover{color:#dd1b3d;}
.wdlst h4 em{display: block;font-size:14px;color:#666666;}
.wdlst dl:last-child{border-bottom: none;}


.g_ab{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;position: relative;}
.g_ab .ab{width:100%;}
.g_ab .ab img{width:100%;display: block;}
.m_ab{background: #fff; position: relative; margin:0 auto;margin-top: -280px; width:1200px; height: 1000px;overflow: hidden;}
.abwz{padding-top: 35px;height: 600px;box-sizing: border-box;}
.abwz h2 a{height: 125px; font-size:46px;color:#343434;font-weight: normal;text-align: center;width:1200px;margin: 0 auto;display: block;box-sizing:border-box; }
.abwz h2 em{display: block;font-size: 18px;color:#343434;padding-top: 8px;}
.m_ab p{text-align: center;font-size: 16px;color:#666666;line-height: 24px;padding: 0 66px;}
.zz2{width:1200px;margin:0 auto;position:relative;}
.zz-s2{height: 262px;overflow: hidden;}
.zz_q2{height:60px;margin-bottom: 20px;padding-left: 458px;position: relative;}
.zz_q2:before{content: "";position: absolute;width:354px;height: 1px;background: #e5e5e5;left:0;top:27px;}
.zz_q2:after{content: "";position: absolute;width:354px;height: 1px;background: #e5e5e5;right:0;top:27px;}
.zz2 ul{height:60px;}
.zz2 ul li a{float: left; position: relative;padding-left: 42px; line-height: 60px; font-size: 20px;color:#151515;margin-right: 33px;}
.zz2 ul li i{position: absolute;left:0;top:11px;}
.zz2 ul li a:before{content: "";position: absolute;width:115px;height: 4px;background: #0163b8;left:6px;top:42px;display: none;}
.zz2 ul .cur a:before{display: block;}
.zz_box2{position:relative;}
.zz-s2 ol li{position:relative;float:left;width:286px;margin-right:20px;background:0 0;padding:0;transition:all .3s linear 0s;overflow:hidden}
.zz-s2 ol li i{display: block;width:286px;height:214px;overflow: hidden;}
.zz-s2 ol li img{width:286px;height:214px;display:block;transition:all .3s linear 0s}
.zz-s2 ol li em{height: 48px;line-height: 48px; text-align:center;font-size: 16px;color:#676767;display: block;}
.zz-s2 ol li:hover i img{transform: scale(1.1);}










.g_link {
  position: relative;
  margin-top: -60px;
  width: 1200px;
  margin-left: -600px;
  left: 50%;
}
.g_link .content {
  width: 400px;
  margin: 0 auto;
  float: right;
}
.g_link h2{float: left;width: 80px;font-size: 14px;color: rgba(255,255,255,.4);}

.link_c {
  overflow: hidden;
  width: 320px;
  font-size: 14px;
}
.link_c a {
  white-space: nowrap;
  padding: 0 8px;
  float: left;
 color: rgba(255,255,255,.4);
  display: block;
}
.link_c a:hover {
  color: rgba(255,255,255,.9);
}


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