@charset "utf-8";
/* CSS Document */
.in_center{width:1200px; height: auto; margin: 0 auto;}
.top{width: 100%; height: 45px; line-height: 45px; background: #82c0dd; color: #fff;}
.top_a{display: inline-block; vertical-align: top; height: 45px; line-height: 45px; background: url(../images/in2.png) left center no-repeat; padding-left: 24px; margin-left: 50px;}
.top_ss{display: inline-block; vertical-align: top; width: 180px; height: 24px; line-height: 24px; background: url(../images/in1.png) left center no-repeat; padding-left: 24px; margin: 8px 0 0 45px;}
.input_a{width:155px; height: 24px; border: none; border-bottom: 1px solid #fff; background: none; color: #fff;}
.top_yy{width: 94px; height: 45px; float: right; background: url(../images/in3.png) 90% center no-repeat #94cee9; padding-left: 15px; cursor: pointer;}
.top_yyul{width:94px; height: auto; background: #94cee9; position: absolute; top: 45px; right: 0; z-index: 99; text-align: center; display: none;}
.top_yyul a{ display: block; width: 100%; transition: all .6s ease-in 0s; color: #fff;}
.top_yyul a:hover{background: #82c0dd;}

.nav_logo{width: 100%; height: 90px; box-shadow: 0px 3px 5px rgba(0,0,0,.1); position: relative; z-index: 5; overflow: hidden;}
.logo{width: 410px; height: 90px; display: flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; text-align: left; float: left; overflow: hidden;}

.nav{width: 600px; height: 90px; text-align: right; padding-top: 36px; overflow: hidden; float: right; font-size: 16px;}
.nav a{display: inline-block; vertical-align: top; margin-left: 45px; padding: 0 5px; box-sizing: content-box; transition: all .6s ease-in 0s;}
.nav a span{display: block; width: 100%; height: 3px; background: #5fc0ed;  margin-top: 3px; transition: all .6s ease-in 0s; transform:scaleX(0); }
.nav a:hover{color: #5fc0ed;}
.nav a:hover span{transform:scaleX(1);}
.nav .nuw{color: #5fc0ed;}
.nav .nuw span{-webkit-animation:bks .5s linear 0s infinite alternate; animation:bks .5s linear 0s infinite alternate;}

/**/
.in_banner{width:100%; height:600px; line-height: 0; position: relative;margin:0 auto; overflow: hidden;}
.in_banner .swiper-slide{position: relative; line-height: 0; width: 100%; height: 100%;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%;}
.in_banner .in_bannera{ height:30px; position: absolute; bottom:15px; text-align: center; z-index: 10;}
.in_banner .in_bannera .swiper-pagination-bullet{ width:6px; height:20px; border-radius:3px; vertical-align: top; background:rgba(255,255,255,.6); opacity: 1; transition: all .6s ease 0s; margin:10px 3px 0;}
.in_banner .in_bannera  .swiper-pagination-bullet-active{height: 30px; opacity: 1; margin-top: 0; background: #5fc0ed;}

.in_about{width:1200px; height: auto; padding:65px 0 40px; margin: 0 auto; overflow: hidden;}
.in_aboutimg{width: 410px; height: 390px; background: url(../images/in4.png) bottom center no-repeat; line-height: 0; float: left; overflow: hidden;}
.in_aboutimg img{width: 410px; height: 365px;}
.in_abouttxt{width: 740px; height: auto; float: right; overflow: hidden;}
.in_abouttxt h2{width: 100%; height: auto; font-size: 20px; color: #454545; font-weight: 400; padding-top: 25px;}
.in_abouttxt h2 span{display: block; width:25px; height: 3px; background: #000000; margin-top: 7px;}
.in_abouttxta{width: 100%; height: auto; font-size: 14px; color: #777777; line-height: 30px; padding: 35px 0 45px;}

.in_abouttxtb{width: 100%; height: auto; overflow: hidden;}
.in_abouttxtb p{width: 410px; height: 24px; line-height: 24px; vertical-align: top; font-size: 14px; color: #777777; float: left; margin-bottom: 15px;}
.in_abouttxtb p:nth-child(2n){width: 330px;}
.in_abouttxtb p span{display: inline-block; vertical-align: top; margin-right: 10px;}

.in_bg{width: 100%; height: auto; background: #f6f6f6; overflow: hidden;}
.in_title{width: 100%; height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; font-family: Tahoma; text-transform: uppercase; overflow: hidden; margin: 55px auto 45px;}
.in_title a{float: right; font-size: 14px; color: #777777; font-weight: 500; text-transform:none; vertical-align: middle;}
.in_title a span{width: 22px; height: 22px; line-height: 22px; margin-left: 15px; background: #5fc0ed; color: #fff; font-size: 12px; border-radius: 100%; overflow: hidden; display: inline-block; vertical-align: top; text-align: center;}
.in_title a span i{font-size:12px; vertical-align: middle;}

.inpro{width: 100%; height: auto; padding-bottom: 65px; position: relative; overflow: hidden;}
.inproli{width: 285px; height: auto; float: left; margin-right: 20px; overflow: hidden;}
.inproliimg{width: 285px; height: 215px; line-height: 0; border-radius: 10px; overflow: hidden; transition: all .6s ease-in 0s;}
.inproliimg img{width: 100%; height: 100%; border-radius: 10px; transition: all .6s ease-in 0s;}
.inprolitxt{width:100%; height: auto; overflow: hidden;}
.inprolitxt h2{width: 100%; height: 40px; line-height: 45px; font-size: 14px; color: #525252; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.inprolitxt div{font-size: 12px; line-height: 18px; color: #777; height: 54px; overflow: hidden;}
.inproli:hover .inproliimg{border: 1px solid #5fc0ed; padding: 10px;}
.inpro .inproa{ height:10px; position: absolute; bottom:20px; text-align: center; z-index: 10;}
.inpro .inproa .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; vertical-align: top; background:#cccccc; opacity: 1; transition: all .6s ease 0s; margin:0 5px;}
.inpro .inproa .swiper-pagination-bullet-active{width:20px; opacity: 1; margin-top: 0; background: #5fc0ed;}

.in_news{width: 100%; height: auto; padding-bottom: 85px; position: relative; overflow: hidden;}
.in_newsli{width: 570px; height: 250px; margin-right: 60px; overflow: hidden;}
.in_newslil{width: 350px; height: 250px; display: flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:center; text-align: left; float: left; }
.in_newslil em{ font-size: 20px; color: #525252; font-style: normal;}
.in_newslil h2{ font-size: 16px; line-height: 24px; font-weight: 400; text-transform: uppercase; margin: 25px 0;}
.in_newslil div{font-size: 12px; line-height: 20px; color: #777; text-transform: uppercase; margin-bottom: 25px;}
.in_newslil span{display: block; width: 75px; height: 27px; line-height: 27px; background: #d9d9d9; color: #777777; font-size: 12px; border-radius: 13.5px; overflow: hidden; transition: all .6s ease-in 0s; text-align: center; text-transform: uppercase;}
.in_newslir{width: 188px; height: 250px; float: right; overflow: hidden; transition: all .6s ease-in 0s;}
.in_newslir img{width: 100%; height: 100%; border-radius: 10px; transition: all .6s ease-in 0s;}
.in_newsli:hover .in_newslil span{color: #fff; background: #477dd3;}
.in_newsli:hover .in_newslir{border: 1px solid #5fc0ed; padding: 10px; border-radius: 10px;}
.in_news .in_newsa{ height:17px; position: absolute; bottom:0px; text-align: center; z-index: 10;}
.in_news .in_newsa .swiper-pagination-bullet{ width:4px; height:9px; border-radius:2px; vertical-align: top; background:#c0c0c0; opacity: 1; transition: all .6s ease 0s; margin:8px 3px 0;}
.in_news .in_newsa .swiper-pagination-bullet-active{height:17px; opacity: 1; margin-top: 0; background: #5fc0ed;}

.foot{width: 100%; height: auto; padding: 25px 0 45px; background: url(../images/ig8.jpg) center top repeat-y #424242; margin-top: 90px;}
.foot a{color: #fff;}
.foot_l{width: 825px; height: auto; float: left; overflow: hidden;}
.foot_li{width: 206px; height: auto; padding-right: 65px; float: left; overflow: hidden;}
.foot_li h2{font-size: 16px; color: #ffffff; font-weight: 400; text-transform: uppercase; margin-bottom: 15px;}
.foot_li p{font-size: 12px; margin-bottom: 10px;}
.foot_li p a{color:rgba(255,255,255,.8);}
.foot_li p a:hover{color: #fff;}
.foot_r{width: 375px; height: auto; float: right; padding:70px 0 0 60px; background: url(../images/in11.png) right top no-repeat; text-align: right; color: #fff; overflow: hidden;}
.foot_r p{margin-bottom: 10px; vertical-align: middle; font-size: 12px;}
.foot_r p span{display: inline; vertical-align: middle; margin-left: 10px;}

.foot_bg{width: 100%; height: auto; background: #333333; padding:10px 0px; font-size: 12px; line-height: 24px; color: #6e6e6e; text-transform: uppercase;}
.foot_bg span{float: right;}
.foot_bg a{ color: #6e6e6e; }

.pg_banner{width: 100%; height: 300px; overflow: hidden;}
.pg_map{width: 100%; height: 46px; border-bottom: 1px solid #e1e1e1; line-height: 45px; text-align: left; overflow: hidden; color: #999999; font-size: 12px; text-transform: uppercase; margin-bottom: 40px;}
.pg_map a{color: #999999;}
.pg_map span{font-family: "宋体", "新宋体"; margin: 0 5px;}
.pg_map i{margin-right: 5px;}

.pg_left{width: 300px; height: auto; float: left; overflow: hidden;}
.pg_navh2{width: 100%; height: 140px; background: url(../images/in13.png) center center no-repeat #0074c1; display: flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size: 36px; color: #ffffff; text-shadow: 2px 2px 0px rgba(0,0,0,.1); text-align: center; }
.pg_navul{width:100%; height: auto; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin-bottom: 30px; overflow: hidden;}
.pg_navul a{display: block; width: 100%; height: 50px; line-height: 49px; border-bottom: 1px solid #e5e5e5; padding-left: 13px; font-size: 16px; color: #777777; vertical-align: middle; transition: all .6s ease 0s;}
.pg_navul a span{display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url(../images/in12.png) center center no-repeat #5fc0ed; border-radius: 100%; margin-right: 12px; overflow: hidden; transition: all .6s ease 0s;}
.pg_navul a:hover{background: #8fd5f6; color: #fff;}
.pg_navul .pg_nuw{background: #8fd5f6; color: #fff;}

.pg_leftimg{width: 100%; height: auto; line-height: 0; position: relative; overflow: hidden;}
.pg_leftimg img{width: 100%; height: auto;}
.pg_leftimgh2{width: 100%; height: 60px; line-height: 60px; background: rgba(0,116,193,.55); position: absolute; top: 0; left:0; z-index: 2; padding: 0 14px; color: #fff; font-size: 20px;}

.pg_right{width: 900px; height: auto; float: right; overflow: hidden;}
.pg_title{width: 100%; height: 67px; line-height: 67px; background: #f6f6f6; font-size: 24px; color: #5f5f5f; padding-left: 60px; text-transform: uppercase; overflow: hidden;}
.pg_righta{width: 840px; height: auto; float: right; padding-top: 45px; overflow: hidden;}

.pg_dy{font-size: 14px; line-height: 24px; color: #555555;}

.pg_xlwb{width:45%; height: auto; font-size: 14px; line-height: 23px; color: #8a8a8a; float: left;}
.pg_xlwba p{display: inline-block; vertical-align: top; width:80%}
.pg_xlwb a:hover{text-decoration:underline;}

.pg_ly{width:50%; height: auto; border: 1px solid #e1e1e1; padding:30px;; font-size: 14px; color: #999; float: right;}
.pg_ly div{display: inline-block; vertical-align: top; width:49.5%; margin-bottom:10px}
.pg_ly div span{margin-right: 10px; display: block; vertical-align: middle; width: auto; margin-bottom: 10px; text-align: left;}
.input_d{width: 97%; height:32px; border: 1px solid #e2e2e2; border-radius:5px; /*box-shadow: 2px 2px 5px 1px rgba(0,0,0,.1) inset;*/ padding: 0 5px;}
.input_e{width:97%; height:134px; border: 1px solid #e2e2e2; border-radius:5px; /*box-shadow: 2px 2px 5px 1px rgba(0,0,0,.1) inset;*/ padding: 0 5px;}
.aniu_a{width: auto; height: 40px; border: 1px solid #087abc; background: linear-gradient(180deg, #32a2d6, #0074b7);  text-align: center; color: #fff; font-size:16px; font-weight: 400; padding: 0 25px; font-family: Arial; cursor: pointer; border-radius: 5px; transition: all .6s ease-in 0s; box-shadow:0px 0px 2px 1px rgba(255,255,255,.5) inset;}


.pg_eventslia{width: 100%; height: auto; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; overflow: hidden; margin-bottom:25px;}
.pg_eventsliimga{width:265px; height:200px; float: left; overflow: hidden;}
.pg_eventslitxta{width: 535px; height: 200px; float: right; overflow: hidden;}
.pg_eventslitxta h2{font-size:20px; line-height: 18px; font-weight: 500; color: #333; transition: all .6s ease 0s;}
.pg_eventslitxta p{height: 14px; line-height: 14px; background: url(../images/ig26.jpg) left center no-repeat; margin: 15px 0; color: #cccccc; padding-left: 20px;}
.pg_eventslitxta div{height:100px; font-size: 14px; color: #777777; line-height: 20px; overflow: hidden; margin:30px 0 20px;}
.pg_eventslia span{display: inline-block; vertical-align: top; width:auto; height:22px; line-height: 22px; text-align: left; background: url(../images/in15.png) left center no-repeat; padding-left: 30px; color: #777777; overflow: hidden;}
.pg_eventslia:hover .pg_eventslitxta h2{transform: rotateX(360deg); color: #0074c1;}
.pg_eventslia:hover span{color: #8fd5f6;}


.pg_eventsliab{border-bottom: none; padding-bottom: 0;}
.pg_eventslitxtaimg{width: 215px; height: 120px; float: left; transition:all .6s ease 0s;}
.pg_eventsliab .pg_eventslitxta{ width:605px; height: 120px; border-bottom: 1px solid #e1e1e1;}
.pg_eventsliab .pg_eventslitxta div{height: auto; margin: 0;}
.pg_eventslitxta .lh_a{line-height: 24px;}
.pg_eventslitxta .bgn{background: none; padding-left: 0; margin-bottom: 0px; color: #999; font-style: italic; font-size: 15px;}

.pg_leftlx{width: 100%; height: auto; overflow: hidden;}
.pg_leftlxa{width: 100%; height:60px; line-height: 60px; background: #0074c1; font-size: 20px; color: #fff; padding:0 20px; overflow: hidden;}
.pg_leftlxb{width: 100%; height: auto; padding: 15px 10px 10px; border: 1px solid #e5e5e5; overflow: hidden;}
.pg_leftlxb .pg_leftlxba{margin-bottom: 10px;}
.pg_leftlxb .pg_leftlxba span{display: block; width: 24px; height: 24px; float: left;}
.pg_leftlxb .pg_leftlxba p{width: 243px; height: auto; float: right;}
.pg_leftlxbb{ margin-top: 25px;}

.pg_protop{width: 100%; height: auto; margin-bottom: 40px; overflow: hidden;}
.pg_protopimg{width: 400px; height: 300px; float: left; margin-right: 20px; overflow: hidden; line-height: 0;}
.pg_protoptxt h2{font-size:20px; color: #0074c1; font-weight: 400;}
.pg_protoptxt div{font-size:14px; line-height: 20px; color: #777777; margin-top: 20px;}

.pg_proqha{width: 100%; height: 57px; border: 1px solid #ebebeb; overflow: hidden;}
.pg_proqha div{width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; float: left; margin: 5px; background: #f0f0f0; cursor: pointer;}
.pg_proqha .pg_proqhanuw{background: #8fd5f6; color: #fff;}
.pg_pronrw{width: 100%; height: auto; padding: 25px 15px; border: 1px solid #ebebeb; border-top: none; overflow: hidden;}
.pg_pronrwa{font-size: 14px; line-height: 20px; color: #777777; display: none;}
.pg_pronrwa:first-child{display: block;}

.pg_newstitle{width: 100%; height: auto; text-align: left; font-size: 20px; font-weight: 400; color: #0074c1; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 20px;}
.pg_newstitle p{ font-size: 14px; font-weight: 500; color: #c4c4c4; margin-top: 10px;}
.pg_newstitle p span{margin-right: 5px;}

.pg_sxp{width: 100%; height: auto; border-top: 1px solid #e8e8e8;; margin-top: 50px; position: relative; overflow: hidden;}
.pg_sxp p{ font-size: 16px; color: #777777; margin-top: 15px;}
.pg_sxp p a{font-size: 14px; color: #999999;}
.pg_sxp p a:hover{text-decoration:underline;}
.pg_sxp .pg_fh{ display: block; width: 70px; height: 20px; line-height: 20px; font-size: 16px; color: #666666; background: url(../images/in16.png) left center no-repeat; text-align: right; position: absolute; top: 40px; right: 0;}

/* 分页 */
.n_fy{width:100%; min-height:27px; padding: 80px 0 0 0; text-align:center; overflow:hidden;}
.n_fy a{ display:inline-block; width:25px; height:25px; line-height:18px; text-align:center; color:#9d9d9d; border-radius:50%; overflow:hidden; background:#f2f2f2; border:2px solid #f2f2f2; margin:0 5px;}
.n_fy a:hover{ background:#0074c1; border:2px solid #0074c1; color:#FFFFFF;}
.n_fy .fy_nuw{ background:#5fc0ed; border:2px solid #5fc0ed; color:#FFFFFF;}
.n_fy .fy_left{ background:url(../images/p7.png) center center no-repeat; border:2px solid #9d9d9d}
.n_fy .fy_right{ background:url(../images/p8.png) center center no-repeat; border:2px solid #9d9d9d;}
.n_fy .fy_left:hover,.n_fy .fy_right:hover{border:2px solid #0074c1; background:url(../images/p7.png) center center no-repeat #fff;}
.n_fy .fy_right:hover{background:url(../images/p8.png) center center no-repeat #fff;}

/* css3 */
/* css3 */
@-webkit-keyframes bks {
0% {background: #5fc0ed; transform:scale(1,1);}
100% {background: #ca5fed; transform:scale(.9,1);}
}
@keyframes bks {
0% {background: #5fc0ed; transform:scale(1,1);}
100% {background: #ca5fed; transform:scale(.9,1);}
}