
/*1029626114@qq.com*/
.g_pp{padding: 1.6rem 0 3.6rem 0;}
.g_pp h2{/*background: url(../images/pptit.jpg) no-repeat;background-size: 100%;*/height: 8rem;padding: 1rem 0 0 28.5%;box-sizing: border-box;font-size: 2.2rem;line-height: 3rem; margin-bottom: 0.7rem;}
.g_pp ul{margin:0 4%;height: 17rem;}
.g_pp li{float: left;width:32.6%;margin-right: 0.5%;margin-top: 2rem;height: 13rem;background: #ebeff7;padding: 3rem 3% 0;box-sizing: border-box;font-size: 1.2rem;line-height: 1.8rem;color:#000000;text-align: center;}
.g_pp li b{color:#012361;}
.g_pp li:nth-child(3){margin-right: 0;}
.g_pp li:nth-child(2){width:33%;height: 15.7rem;background: #d8e0ef;padding: 2.5rem 1% 0;box-sizing: border-box;margin-top: 0;}
.ppimg{margin:0 4%;width:92%;}
.ppimg img{width:100%;display: block;}


.g_kf{height: 13rem; padding-top: 2rem; position: relative;background: #f5f5f5;box-sizing: border-box;}
.g_kf h2{height:5.5rem;text-align: center;font-size: 2.2rem;color: #000000;font-weight:normal;}
.g_kf:before{content: "";position: absolute;background: #f5f5f5;width: 3.6rem;height: 30rem;left:0;top:13rem;z-index: 1}
.g_kf:after{content: "";position: absolute;background: #f5f5f5;width:4rem;height: 30rem;right:0;top:13rem;z-index: 1}


.wetit{height: 5.6rem;text-align: center;}
.wetit li{float: left;width:33.3333%;text-align: center;font-size: 1.4rem;line-height: 2rem;color:#012361;font-weight: bold;position: relative;}
.wetit li:before{content: "";position: absolute;width:0.1rem;height: 3.2rem;right: 0;top:1rem;background: #c4cbd7;}
.wetit li:nth-child(3):before{background: none;}



.m_an22{position: relative;padding: 3rem 20% 10rem;background: #f5f5f5;}
.m_an22 dl{width:96%;margin: 0 2%; position: relative;}
.m_an22 dt{width: 100%;display: block;margin-bottom: 1.4rem;position: relative;}
.m_an22 dt img{width: 100%;display: block;}
.m_an22 dd{height: 6rem;position: absolute;top:0;left:0; height: 100%; width:100%; overflow: hidden; }
.m_an22 h4{padding: 1rem 0 0 0; font-size: 1.4rem;color: #333333;}
.m_an22 h4 em{display: block;font-size: 1.1rem;color: #333333;margin-top: 0.3rem;}


.m_an22 .swiper-pagination-clickable .swiper-pagination-bullet{background: #313f81;width: 1.1rem;height: 1.1rem;margin: 0 1rem;}
.m_an22 .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: #c72722;width: 3rem;border-radius: 2rem;}


.m_an22 .swiper-pagination-bullets{bottom:1rem;}
.m_an22 .swiper-button-next,.m_an22 .swiper-button-prev{position: absolute;width: 17.6rem;height: 2.6rem;top:32rem;}
.m_an22 .swiper-button-next{ background: url(../images/rjt.jpg) no-repeat;background-size: 17.6rem 2.6rem;right:0;}
.m_an22 .swiper-button-prev{ background: url(../images/ljt.jpg) no-repeat;background-size: 17.6rem 2.6rem;left:0;}

.m_an22 h4{ padding-top: 7.5rem;height: 22rem; position: relative;box-sizing: border-box;  overflow: hidden;  text-align:center; font-size: 2rem;color:#fff;font-weight: bold; opacity: 0}
.m_an22 h4 em{display: inline-block;font-size:1.3rem;color: #fff;font-weight: normal;}
.m_an22 h4:before{content: "";position: absolute;width:8rem;height: 0.15rem;background: #fff;left:50%;margin-left: -4rem;top:15rem;}

.m_an22 .swiper-slide-active{position:relative;z-index: 111;}
.m_an22 .swiper-slide-active dl{transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);top:0;z-index: 111;}

.m_an22 .swiper-slide-active dd{background: rgba(34,78,161,.9);}
.m_an22 .swiper-slide-active h4{opacity: 1;}




.item-nav {
   width: 110%; 
    margin: 0 auto;
    left:-12%;
    top:4.6rem;
    
}
.item-nav .item {position: relative; height: 11rem; }
.g_kf .slick-list{position:relative!important; top:1rem;}
.item-nav .slick-current{position: relative;}
.item-nav .slick-current i{color: #c5a87c;}
.item-nav .item-img {
   position: relative;
    width: 140%;
    padding-bottom: 100%;
}
.item-nav .item-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 120%;

   -webkit-transform: translate(-50%, -50%) scale(.9);
        -ms-transform: translate(-50%, -50%) scale(.9);
            transform: translate(-50%, -50%) scale(.9);
}
.item-nav .slick-center .item-img img { border-color: #0366b7; }
.item-nav-load-component .item-img img {
    -webkit-transition: all .5s;
            transition: all .5s;
         
}
.item-nav .slick-center .item-img img {
   -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
}

.item-nav .item.neighbor .item-img img {z-index: -1;
    -webkit-transform: translate(-50%, -50%) scale(.9);
        -ms-transform: translate(-50%, -50%) scale(.9);
            transform: translate(-50%, -50%) scale(.9);
}
.item-nav .slick-arrow {
    position: absolute;
    top: 22rem;
    z-index: 9;
   width: 17.6rem;height: 2.6rem;
    border: 0;
    font-size: 0;
}
.item-nav .slick-prev {
    left: 10%;
    background: url(../images/ljt.jpg) no-repeat;background-size: 17.6rem 2.6rem;
    width: 17.6rem;height: 2.6rem;
}
.item-nav .slick-next {
    right:0;
     background: url(../images/rjt.jpg) no-repeat;background-size: 17.6rem 2.6rem;
}
.slick-slide {
    box-sizing: border-box;

}
.item-focus { outline:none;width:61%;overflow: hidden;position: absolute;left:19%;top:-12rem;height: 24rem;overflow: hidden;}
.item-focus .wz{ text-align: center; height: 24rem;box-sizing: border-box; }

.item h4{ padding-top: 7.5rem;position: relative;box-sizing: border-box;  overflow: hidden;  font-size: 2.3rem;color:#fff;font-weight: bold;}
.item h4 em{display: inline-block;font-size:1.5rem;color: #fff;font-weight: normal;}
.item h4:before{content: "";position: absolute;width:8rem;height: 0.15rem;background: #fff;left:50%;margin-left: -4rem;top:18rem;}
.item.slick-current h4{width:100%;height: 100%;background: rgba(34,78,161,.9);margin:0 auto; overflow: hidden;}

.g_fa{padding-top: 2rem;height: 13rem;background:url(../images/fabg.jpg) no-repeat;background-size: cover;}
.g_fa h2 a{height: 3.5rem; line-height: 3.5rem; text-align: center;font-size: 2.2rem;color: #333333;display: block;margin-bottom: 2rem;}
.g_fa h2 b{font-weight: normal;color:#3c64b1;}
.fatit{height: 8.3rem;margin:0 4%;}
.fatit li a{display: block; float: left;width:48%; margin-right: 2%;  height: 3.3rem;line-height: 3.3rem; text-align: center;font-size: 1.2rem;color:#fff;border-radius: 1.2rem; margin-bottom: 0.6rem;
background: #3f67b0; /* Old browsers */
background: -moz-linear-gradient(left,  #3f67b0 0%, #4b76c5 50%, #5e8bdf 90%, #5e8bdf 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3f67b0 0%,#4b76c5 50%,#5e8bdf 90%,#5e8bdf 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3f67b0 0%,#4b76c5 50%,#5e8bdf 90%,#5e8bdf 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f67b0', endColorstr='#5e8bdf',GradientType=1 ); /* IE6-9 */
}

.g_fafl dt{margin:0 4% 1.7rem; width:92%;}
.g_fafl dt img{width:100%;display: block;}
.g_fafl dd{margin:0 4%;}

.g_fafl h5 a{display: block; height: 6.4rem;font-weight: bold;}
.g_fafl h5 b{display: block;line-height: 2.7rem;padding-left: 2rem;font-size: 1.5rem;color:#000;position: relative;}
.g_fafl h5 i{display: block;width:1.5rem;height: 2rem; position: absolute;left:0;top:0.6rem;}
.g_fafl h5 i img{width:100%;display: block;}
.g_fafl h5 em{display: block;font-size: 1.3rem;color:#000000;font-weight: normal;}

.g_fafl ul{height: 7.6rem;}
.g_fafl li{float: left;width:24%;margin-right: 1%;height:2.6rem;line-height: 2.6rem;background: #335fad;border-radius: 0.3rem;text-align: center;font-size: 1.1rem;color:#fff; margin-bottom: 0.3rem; }
.g_fafl h3{display: block; position: relative;padding-left: 2rem;line-height: 3rem;font-size: 1.5rem;color:#000000;font-weight: bold;}
.g_fafl h3 i{position: absolute;left:0;top:0.6rem;width:1.5rem;height: 2rem;}
.g_fafl h3 i img{width:100%;display: block;}


.g_fafl p{height: 8.75rem;}
.g_fafl p em{display: block;font-size: 1.2rem;line-height: 2rem;color: #000000;position: relative;padding-left: 1.2rem;}
.g_fafl p em:before{content: "";position: absolute;background:url(../images/faico2.png) no-repeat;background-size: cover;width:0.5rem;height: 0.5rem;left:0;top:0.7rem;}



/**/
.xz{padding-top: 2.4rem;padding-bottom: 1.8rem; position: relative;}
.xz h2 a{display: block;height: 3.5rem;line-height: 3.5rem; text-align: center;font-size: 2.2rem;color:#000000;position: relative;font-weight: normal;margin-bottom: 1.1rem;}

.xz2{width:92%; overflow: hidden;margin:0 4%;}
.xz2 dl{position: relative;}
.xz2 dt{width:100%;overflow: hidden;}
.xz2 dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.xz2 dt:hover img{transform: scale(1.1);}
.xz2 dd{margin:0 4%;background: #f6f6f6;padding: 2.2rem 4% 0 5%;position: relative;margin-top: -6.3rem;height: 14.5rem;}
.xz2 h3 a{display: block;height: 4.5rem;font-size: 1.5rem;color:#333333;font-weight: normal;}
.xz2 h3 em{display: block;line-height: 2rem;font-size: 1.5rem;font-weight: bold;position: relative;}
.xz2 h3 em:before{content: "";position: absolute;background:url(../images/antit.jpg) no-repeat;background-size: cover;width:0.4rem;height: 1rem;left:-1rem;top:0.6rem;}
.xz2 p{font-size: 1.2rem;line-height: 1.7rem;color: #666666;}
.xz2 p a{color:#348bdd;}
.g_hz{height: 11rem;overflow: hidden;position: relative;}
.g_hz h2 a{display: block;height: 3.5rem;line-height: 3.5rem;font-size: 1.5rem;color:#2c353c;font-weight: bold;border-bottom: 1px solid #c9cbcc;padding-left: 2.5rem;position: relative; margin:0 4% 1rem;}

.g_hz h2 span{font-size: 0.9rem;color:#2c353c;text-transform: uppercase;font-weight: normal;}
.g_hz ul{overflow: hidden;margin:0 4%;}
.g_hz li{float: left;width: 32%;  position: relative; margin-right: 1.3%;margin-bottom: 1rem;}
.g_hz li em{display: block;line-height: 3rem;font-size: 1.2rem;color:#6b6b6b;text-align:center;}
.g_hz li img{width: 100%;display: block;border:1px solid #dcdcdc;box-sizing: border-box;}

.g-news{height:46rem;padding-top: 3rem;background: #f5f5f5;}
.g-news h2 a{height: 4rem; line-height: 4rem;text-align: center;font-size: 2.5rem;color:#000;display: block;margin-bottom: 1.5rem;}

.newtit{height:2.8rem;line-height: 2.8rem;margin:0 4% 1.3rem;position: relative;}
.news_nav p{display: block;float: left;width:32%; margin-left: 1%; text-align: center; background: #313131;  height: 2.8rem;line-height: 2.8rem;font-size: 1.4rem;color: #fff;position: relative; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.news_nav p.cur{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d59ad+0,436fc5+50,5986dc+100 */
background: #2d59ad; /* Old browsers */
background: -moz-linear-gradient(left,  #2d59ad 0%, #436fc5 50%, #5986dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2d59ad 0%,#436fc5 50%,#5986dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2d59ad 0%,#436fc5 50%,#5986dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d59ad', endColorstr='#5986dc',GradientType=1 ); /* IE6-9 */
color: #fff;}
.news_nav .ne_db{display: block;}
.morenew a{display: block; position: absolute;right: 0;top:0;float: left;width:32%;background: #313131; text-align: center; height: 2.8rem;line-height: 2.8rem;font-size: 1.4rem;color: #fff;}

.g-news .newtj{margin: 0 4% 1.5rem; position: relative;overflow: hidden;}
.g-news .newtj dt{float: left; width:39%;position: relative;margin-right: 3%;}
.g-news .newtj dt img{width: 100%;display: block;}
.g-news .newtj dd{float: left;width:52%;box-sizing: border-box;}
.g-news .newtj h3 a{display: block;line-height: 3rem;font-size: 1.3rem;color: #383838;margin-bottom: 0.3rem;overflow: hidden;height: 3rem;font-weight: bold;}
.g-news .newtj p{font-size: 1.2rem;line-height: 1.4rem;color: #767676;height: 2.8rem;overflow: hidden;margin-bottom: 1rem;}
.g-news .newtj span{display: block;font-size: 1rem;color:#c0c0c0;}
.g-news .otdl{margin: 0 4%;height: 7rem;border:1px solid #dddddd;margin-bottom: 0.7rem;background: #fff;overflow: hidden;}
.g-news .otdl dt{float: left;width: 18%;height: 7rem; overflow: hidden; font-size: 1.1rem;color: #999999;text-align: center; padding-top: 1.3rem; line-height: 2rem;position: relative;}
.g-news .otdl dt:before{content: "";position: absolute;width: 1px;height: 7rem;background: #f4f4f4;right: 0;top:0;}
.g-news .otdl dt em{display: block;font-size: 2.7rem;color: #222222;padding-top: 0.3rem;padding-bottom: 0.5rem;}
.g-news .otdl dd{float: right; padding-right: 2%; height:6rem;padding-top: 1rem; width: 76%;}
.g-news .otdl h4 a{display: block;line-height: 2.5rem;font-size: 1.3rem;color:#393939;font-weight: bold;}
.g-news .otdl p{font-size: 1.2rem;color: #666666;line-height: 2.5rem;height: 2.5rem;overflow: hidden;padding-right:3%; }
.g-news .otdl p a{color: #0072c1;}

.g_zj{position: relative;padding-top: 1.8rem;padding-bottom: 4rem;}
.g_zj h2 a{height: 3.5rem; line-height: 3.5rem; margin-bottom: 1.5rem; position: relative;text-align: center;font-size: 2.5rem;color:#000;display: block;}
.g_zj dl{margin:0 4%;}
.g_zj dt{width: 100%;display: block;}
.g_zj dt img{width: 100%;display: block;}
.g_zj dd{margin-top: 0.7rem;}
.g_zj p{font-size: 1.2rem;line-height: 1.7rem;color:#424242;}




.g_ys{position: relative;height: 56.6rem;}
.g_ys h2{background: #f5f5f5; padding: 2rem 0 1.2rem; display: block;text-align: center;font-size: 2.5rem;color:#000;font-weight: normal;}
.g_ys .tabs2{height: 5rem;background: #f5f5f5;}
.g_ys .tabs2 a{display: block;float: left;width: 25%;  box-sizing: border-box;  text-align: center;font-size: 1.3rem;color: #565454;font-weight: bold;position: relative;}
.g_ys .tabs2 a:before{content: "";position: absolute;width:0.1rem;height: 2.7rem;background: #abb6c8;right: 0;top:0.8rem;}
.g_ys .tabs2 .active {color: #012361;font-weight: bold;}
.g_ys dt,.g_ys dt img{width:100%;display: block;}
.g_ys dd{margin-top: 1.7rem;}
.g_ys h3{height: 4.5rem; padding-left: 6.6rem; font-size: 1.8rem;font-weight: bold; color:#012361;position: relative;padding-top: 1rem;margin-bottom: 1rem;}
.g_ys h3 em{display: block;padding-top: 0.2rem;font-size: 0.65rem;color:#000000;font-weight: normal;text-transform: uppercase;}
.g_ys h3 b{position: absolute;width:4.5rem;height: 5.5rem;font-size: 4rem;color:#fff;text-align: center;line-height: 5.5rem;font-weight: normal;left:4%;top:0;
background: #5785db; letter-spacing: -0.1rem; 
background: -moz-linear-gradient(top,  #5785db 0%, #406cc1 50%, #2d59ad 100%); 
background: -webkit-linear-gradient(top,  #5785db 0%,#406cc1 50%,#2d59ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5785db 0%,#406cc1 50%,#2d59ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5785db', endColorstr='#2d59ad',GradientType=0 ); /* IE6-9 */
}
.g_ys h3:before{content: "";position: absolute;background: url(../images/ysline.jpg) no-repeat;background-size: 100%;width:30.5rem;height: 0.4rem;left:15%;top:5.1rem;}
.g_ys p{ padding: 0 4%; font-size: 1.3rem;line-height: 2.2rem;color:#333333;}
.g_ys .swiper-button-next,.g_ys .swiper-button-prev{top:53rem;width:17.6rem;height: 2.5rem;}
.g_ys .swiper-button-next{background: url(../images/rjt2.jpg) no-repeat;background-size: 100%;right:0;}
.g_ys .swiper-button-prev{background: url(../images/ljt2.jpg) no-repeat;background-size: 100%;left:0;}



































html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}