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

/*banner*/
.g_pp{background:url(../images/ppbg.jpg) no-repeat center 0;height:898px;padding-top: 85px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_pp .pplst{position: absolute;left:680px;top:107px;}
.g_pp .pplst li{width:156px;height: 156px;margin-bottom: 30px;}
.g_pp h2{height: 160px; animation-delay: 0.1s;}
.g_pp .m_pp{width:635px;}
.g_pp p{font-size: 18px;line-height: 36px;color: #636363;margin-bottom: 5px;padding-right: 25px;animation-delay: 0.3s;}
.g_pp h3{font-size: 18px;color: #000;text-decoration: underline;margin-bottom: 13px;animation-delay: 0.5s;}
.g_pp .ppno{animation-delay: 0.9s;}
.g_pp .ppno li{float: left;position: relative;text-transform: uppercase;}
.g_pp .ppno li:before{content:"";position: absolute;width:1px;height: 72px;background: #aaaaaa;right:0;top:0;}
.g_pp .ppno li b{display: block;font-size: 60px;color: #000;}
.g_pp .ppno li em{display: block;font-size: 16px;color: #000;}
.g_pp .ppno li:nth-child(1){width: 185px;margin-right: 32px; animation-delay: 0.1s;}
.g_pp .ppno li:nth-child(2){width: 156px;margin-right: 35px; animation-delay: 0.5s;}
.g_pp .ppno li:nth-child(3){width: 150px; animation-delay: 1s;}
.g_pp .ppno li:nth-child(3):before{background: none;}

#loading{}
#pano{display: none;opacity: 0!important;}



.g_fw{padding-top: 84px;height: 688px;}
.g_fw h2{height: 145px}
.g_fw li{float: left;width:288px;height: 442px;position: relative;margin-right: 16px;}
.g_fw li:nth-child(4){margin-right: 0;}
.g_fw li img{width:288px;height: 442px;display: block;}
.g_fw li em{position: absolute;left:20px;bottom: 20px;font-size: 24px;color: #fff;font-weight: bold;}
.g_fw li:nth-child(1){animation-delay: .1s;}
.g_fw li:nth-child(2){animation-delay: .2s;}
.g_fw li:nth-child(3){animation-delay: .3s;}
.g_fw li:nth-child(4){animation-delay: .4s;}



.g_fa{background:url(../images/fabg.jpg) no-repeat center 0;height:1333px;padding-top: 84px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_fa h2{height:146px}
.g_fa .fatit{height: 48px;margin-bottom: 90px;position: relative;}
.g_fa .famore{position: absolute;right: 0;top:0;width:140px;font-size: 18px;color: #fff;font-weight: bold;line-height: 48px;}
.g_fa .famore a{color: #fff;}
.g_fa .fahd{width:1060px;}
.g_fa .fahd li a{display: block;position: relative; float: left;padding: 0 38px;font-size: 18px;color: #fff;font-weight: bold; height: 48px;line-height: 48px;}
.g_fa .fahd li a:before{content: "";position: absolute;width:1px;height: 15px;background: rgba(255,255,255,.3);right:0;top:17px;}
.g_fa .fahd .on a{border-radius: 5px;position: relative;margin-left: -1px;
background: #0261b1; /* Old browsers */
background: -moz-linear-gradient(top,  #0261b1 0%, #063498 50%, #090b80 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0261b1 0%,#063498 50%,#090b80 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0261b1 0%,#063498 50%,#090b80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0261b1', endColorstr='#090b80',GradientType=0 ); /* IE6-9 */
}
.g_fa .fahd .on a:before{background: none;}

.facon dl{position: relative;width:1200px;height: 600px;margin-bottom: 25px;}
.facon dt{width:1200px;height: 600px;overflow: hidden;}
.facon dt img{width:1200px;height: 600px;display: block;border-radius: 10px;transition: all 0.3s linear 0s;
}
.facon dl:hover dt img{transform: scale(1.1);}



.facon dd{position: absolute;left:0;top:0;width:1200px;height: 600px;}
.facon dd span{position: absolute;left:526px;top:45px;width:148px;height: 40px;line-height: 40px;border:2px solid #fff;border-radius: 10px;font-size: 18px;color: #fff;text-align: center;}
.facon dd span a{color: #fff;}
.facon .fawz{position: absolute;left:0;bottom: 0;border-radius: 10px;height: 120px; padding: 20px 55px 0; width:1200px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #0359ad;
background: -moz-linear-gradient(top,  #0359ad 1%, #062f95 50%, #0a067e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0359ad 1%,#062f95 50%,#0a067e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0359ad 1%,#062f95 50%,#0a067e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0359ad', endColorstr='#0a067e',GradientType=0 ); 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.facon .fawz h3{float: left;width:162px;padding-right: 50px; font-size:20px;color: #fff;position: relative; padding-top:20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.facon .fawz h3:before{content: "";position: absolute;width:1px;height: 46px;background: rgba(255,255,255,.3);left:132px;top:21px;}
.facon .fawz h3 a{color: #fff;}

.facon .fawz p{float: left;width:920px;font-size: 14px;line-height: 24px;color: rgba(255,255,255,.5);}
.facon li{float: left;width:280px;margin-right: 26px;}
.facon li img{width: 280px;height: 214px;display: block;border-radius: 10px;}
.facon li:nth-child(4){margin-right: 0;}
.facon li em{display: block;width:280px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;text-align: center;}

.facon li:nth-child(1){animation-delay: .1s;}
.facon li:nth-child(2){animation-delay: .2s;}
.facon li:nth-child(3){animation-delay: .3s;}
.facon li:nth-child(4){animation-delay: .4s;}




.g_hz{padding-top: 88px;height: 533px;}
.g_hz h2{height: 143px}
.g_hz .hzbd{height: 270px;}
.g_hz li{float: left;width:220px;height: 110px;margin: 0 21px 21px 0;box-shadow: 3px 0 60px rgba(0,0,0,.1);position: relative;}
.g_hz li:nth-child(5n){margin-right: 0;}
.g_hz li img{width:220px;height: 110px;display: block;border-radius: 5px;}
.g_hz .hzhd{position: relative;height: 16px;padding-left: 566px;}
.g_hz .hzhd:before{content: "";position: absolute;left:0;top:9px;width:545px;height: 1px;background: #cdcfd0;}
.g_hz .hzhd:after{content: "";position: absolute;right:0;top:9px;width:545px;height: 1px;background: #cdcfd0;}
.g_hz .hzhd li{float: left;width:16px;height: 16px;background: #cdcdcd;border-radius: 50%;margin-right: 10px;}
.g_hz .hzhd .on{
background: #035eaf; 
background: -moz-linear-gradient(top,  #035eaf 0%, #062f95 52%, #091184 100%);
background: -webkit-linear-gradient(top,  #035eaf 0%,#062f95 52%,#091184 100%); 
background: linear-gradient(to bottom,  #035eaf 0%,#062f95 52%,#091184 100%); 
}


.g_hz .hzbd li i {
  position: absolute;
  font-style: normal;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #325dcd;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transform: perspective(300px) rotateX(-90deg);
  transform-origin: center top 0;
  transition: ease 0.65s;
}
.g_hz .hzbd li:hover i,
.g_hz .hzbd .cur i {
  transform: perspective(300px) rotateX(0deg);
}


.g_lc{background:url(../images/lcbg.jpg) no-repeat center top;height: 603px;padding-top: 96px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.g_lc h2{height: 133px}
.g_lc .content{width:1260px;margin:0 auto;}
.g_lc ul{height: 210px;}
.g_lc li{float: left;width:126px;background:url(../images/lcline.png) no-repeat right 0;transition: all 0.3s linear 0s;}
.g_lc li i{width: 62px;margin: 0 auto;display: block;}
.g_lc li i img{width: 62px;height: 62px;display: block;}
.g_lc li em{display: block;font-size: 18px;line-height: 24px;color: #fff;text-align: center;font-weight: bold;}
.g_lc li:last-child{background: none;}
.lcbtn2{width: 156px;margin: 0 auto;}


.g_lc li:nth-child(1){animation-delay: .1s;}
.g_lc li:nth-child(2){animation-delay: .2s;}
.g_lc li:nth-child(3){animation-delay: .3s;}
.g_lc li:nth-child(4){animation-delay: .4s;}
.g_lc li:nth-child(5){animation-delay: .5s;}
.g_lc li:nth-child(6){animation-delay: .6s;}
.g_lc li:nth-child(7){animation-delay: .7s;}
.g_lc li:nth-child(8){animation-delay: .8s;}
.g_lc li:nth-child(9){animation-delay: .9s;}
.g_lc li:nth-child(10){animation-delay: 1s;}



.g_news{padding-top: 88px;height: 865px}
.g_news h2{height: 145px}
.g_news .newhd{height: 44px;line-height: 44px;margin-left: 450px;margin-bottom: 48px;}
.g_news .newhd li{float: left;width:176px;text-align: center;background:url(../images/newline.png) no-repeat right 15px;}
.g_news .newhd li a{color: #000;}
.g_news .newhd li:nth-child(2){background: none;}
.g_news .newhd .on a{color: #035daf;}

.newfl{float: left;width:396px;height: 533px;position: relative;}
.newfl dt{width:396px;height: 533px;overflow: hidden;}
.newfl dt img{width:396px;height: 533px;display: block;transition: all 0.3s linear 0s;}
.newfl dl:hover dt img{transform: scale(1.1);}
.newfl dd{position: absolute;left:0;bottom: 0;width:396px;height: 152px;padding: 16px 25px 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
	background: #035eaf; 
background: -moz-linear-gradient(top,  #035eaf 0%, #062f95 52%, #091184 100%);
background: -webkit-linear-gradient(top,  #035eaf 0%,#062f95 52%,#091184 100%); 
background: linear-gradient(to bottom,  #035eaf 0%,#062f95 52%,#091184 100%); }
.newfl h3 a{display: block;height: 30px;line-height: 30px;font-size: 18px;color: #fff;font-weight: bold;transition: all 0.3s linear 0s;}
.newfl dl:hover h3 a{padding-left: 6px;}
.newfl p{font-size: 14px;line-height: 18px;color: rgba(255,255,255,.6);margin: 8px 0;transition: all 0.3s linear 0s;}
.newfl span a{display: block;font-size: 14px;color: #fff;}
.newfl dl:hover p{padding-bottom: 5px;}


.newr{float: right;width:750px;}
.newr dl{height: 96px;margin-bottom: 30px;}
.newr dt{float: right;width:175px;height: 98px;overflow: hidden;}
.newr dt img{width:175px;height: 98px;display: block;transition: all 0.3s linear 0s;}
.newr dl:hover dt img{transform: scale(1.1);}
.newr dd{float: left;width:540px;border-bottom: 1px solid #ccc;height: 94px;}
.newr h4 a{display: block;height: 28px;line-height: 28px;font-size: 18px;color: #2d333f;font-weight: normal;}
.newr dl:hover h4 a{color: #035daf;}
.newr p{font-size: 14px;line-height: 18px;color: #7a7a7a;}
.newr dl:nth-child(3) dd{border-bottom: none;}


.m_wd{position: absolute;right:0;width:750px;top:610px;border-top: 1px solid #ccc;}
.m_wd h3 a{display: block;height: 46px;line-height: 46px;font-size: 24px;color: #000;font-weight: normal;}
.m_wd li a{float: left;position: relative;padding-left: 26px;height: 26px;line-height: 26px;font-size: 14px;color: #575757;width:340px; display: block; transition:all .2s ease 0s; }
.m_wd li a:hover{color: #035daf;transform:translateX(6px);}
.m_wd li a:before{content: "";position: absolute;width:6px;height: 6px;border: 2px solid #777777;border-radius: 50%;left:0;top:8px;}
.m_wd li a:hover:before{border: 2px solid #035daf;}

.g_ab{background:url(../images/abbg.jpg) no-repeat center top;height: 848px;padding-top: 86px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ab h2{height: 180px;}
.g_ab .abwz{height: 190px;font-size: 16px;line-height: 24px;color: #fff;text-align: center;}
.g_ab .abwz p:nth-child(1){padding: 0 90px;height: 80px;}
.g_ab .abwz p:nth-child(2){padding: 0 40px;height: 80px;}
.g_ab ul{margin-left: 380px;}
.g_ab li{float: left;width:135px;height: 135px;border: 2px solid #3582c1;border-radius: 10px;margin-right: 9px;background: rgba(255,255,255,.8);padding-top: 20px;transition: all 0.3s linear 0s;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ab li:hover{transform: translate(5px,10px)}
.g_ab li i{width:75px;margin: 0 auto;overflow: hidden;display: block;}
.g_ab li i img{width:150px;display: block; overflow: hidden;}
.g_ab li em{display: block;text-align: center;font-size: 16px;color: #000;margin-top: 7px;}
.g_ab li:hover,.g_ab .cur{background: #035eaf; border: none;
background: -moz-linear-gradient(top,  #035eaf 0%, #062f95 52%, #091184 100%);
background: -webkit-linear-gradient(top,  #035eaf 0%,#062f95 52%,#091184 100%); 
background: linear-gradient(to bottom,  #035eaf 0%,#062f95 52%,#091184 100%);}
.g_ab li:hover i img,.g_ab .cur i img{margin-left: -75px;}
.g_ab li:hover em,.g_ab .cur em{color: #fff;} 






/* 友情链接 */
.g_link {
  background: #1b232a;
  height: 155px;

}
.g_link .content {
  width: 1200px;
  margin: 0 auto;
}
.g_link h2{float: left;width:112px;position: relative;font-size: 15px;color: #fff;font-weight: normal; margin-top:10px;}
.g_link h2:before{content: "";position: absolute;width:1px;height: 36px;background: #3f4449;left:90px;top:9px;}
.g_link h2 em{display: block;font-size: 18px;text-transform: uppercase;font-weight: normal;}
.link_c{float: left;width:1055px;}
.link_c a{display: block;float: left;height: 30px;line-height: 30px;font-size: 14px;color: #7c7c7c;margin-right: 32px;}
.link_c a:hover{color: #fff;}




.yous{max-width:1920px;min-width:1200px;margin:0 auto;width:100%;padding-top: 85px;}
.yous h2{height: 156px;width:1200px;margin: 0 auto;}


.leit{width:100%;overflow:hidden;display:block;height:830px}
.leit ul{width:102%}
.leit li{width:24%;border-right:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;position:relative;height:830px;overflow:hidden;transition: all 0.3s linear 0s;}
.leit li img{display:block;transition:all .3s linear}
.mo{width:100%;height:830px;position:absolute;left:0;top:0;background:rgba(0,0,0,.7)}
.hav{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}
.shu2{position:absolute;left:14%;bottom:0;width:100%;height:830px;overflow:hidden}

.shu2 i{position: absolute;top: 17rem;left:0; width:2.2rem;height:2.2rem;background: #fff;border-radius: 50%;line-height: 2.2rem;font-size: 1.6rem;color: #333333; margin:0 auto;font-style: normal;text-align: center;}
.shu2 span{position: absolute;bottom: 4rem;left:0;font-size: 1.5rem;color: #fff;font-weight: bold;} 
.shu2 em{display:block;font-size:1rem;color:#fff;font-weight: normal;}


.bock{width:100%;position:absolute;left:0;bottom:0;opacity:0;height:830px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


.bockc{background:#fff;position:absolute;right:0;bottom:0;width:100%;height:14.2rem;padding:1rem 0 0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: #fff; border: none;border-radius:0 50px 0 0;
background: -moz-linear-gradient(top,  #fff 0%, #f9f9f9 52%, #f3f3f3 100%);
background: -webkit-linear-gradient(top,  #fff 0%,#f9f9f9 52%,#f3f3f3 100%); 
background: linear-gradient(to bottom,  #fff 0%,#f9f9f9 52%,#f3f3f3 100%);}
.bock h3{height: 2.6rem;line-height: 2.6rem;}
.bock h3 span{display: inline; font-size: 1.66rem;color: #000;font-weight: bold;} 
.bock h3 em{display:inline;font-size:1.5rem;color:#333333;font-weight: normal;padding-left: 2%;}
.bock h4{height: 2rem;line-height: 2rem;font-size: 1rem;color: #fff;font-weight: bold; padding: 0 5%; display: inline-block; border-radius: 10px;margin-bottom: 1rem;
	background: #035eaf;
background: -moz-linear-gradient(top,  #035eaf 0%, #062f95 52%, #091184 100%);
background: -webkit-linear-gradient(top,  #035eaf 0%,#062f95 52%,#091184 100%); 
background: linear-gradient(to bottom,  #035eaf 0%,#062f95 52%,#091184 100%);}

.bock p em{font-size:.7rem;color:#333333;line-height:1.25rem;display:block;padding-right:9%;margin-bottom:.5rem}


.leit .cur .bock{opacity:1}
.leit .cur{width:28%}
.leit .cur .mo{opacity:0}
.leit .cur .shu2{display:none}


@media (max-width:1400px){/*.bock,.bockc,.leit,.leit li,.mo,.shu2{height:712px}*/
}






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