body,h1,h2,h3,h4,h5,h6,p,ul,li,p,span,input,button,textarea,form,img,dl,dt,dd,select{margin:0;padding:0;font-family:"微软雅黑";line-height:normal;list-style: none; color: #333333; font-size: 14px; }
a{ color: #555555; text-decoration:none; transition: all .3s;}
a:hover{ color: #086ed6; }
input{outline: none; border: 0;}
button{outline: none; cursor: pointer;}
select{outline: none}
textarea{outline: none}
img{display: block;}
em{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.flexbox{ display: flex; justify-content: space-between; }
.ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ellipsiss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsisss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.w1260{width: 1260px; margin: 0 auto; }
.clear{clear:both; }


/*首页*/
.menu-box{ width: 1260px; margin: 0 auto;}
.topbox{ position: fixed; top: 0; width: 100%; height: 90px; background-color: rgba(0,104,211,.8); z-index: 999; }
.menu-box .logo{ width: 330px; float: left; }
.menu-box .search-box{ width: 80px; height: 28px; float: right; display: flex; justify-content: space-between; margin: 30px 0 0 0; background-color: #ffffff; border-radius: 28px; transition: all .3s; }
.menu-box .search-box input{ width: calc(100% - 30px); margin: 0 0 0 10px; border-radius: 10px;}
.menu-box .search-box a{ margin: 6px 10px 0 0;}
/*导航*/
.nav{ float: right; width: 760px; height: 61px; margin: 0 auto; margin-top: 32px; z-index:998;}
.nav>ul{ width: 100%; display: flex; justify-content: space-between;}
.nav>ul>li{ flex: 1; display: flex; justify-content: center; text-align: center; position: relative;}
.nav>ul>li>a{ display: block; width: 100%; height: 58px; font-size: 16px; color: #ffffff; transition: all 0s; }
.nav>ul>li>a:hover{ }
.nav .childmenu{ display:none; position:absolute; top: 58px; background:rgba(255,255,255,.9); z-index:9999; }
.nav .childmenu li>a{ display: block; width: 140px; padding: 10px 0; line-height: 18px; text-align:center; color:#222222; font-size: 14px; font-weight:normal; }
.nav .childmenu li>a:hover{ background:#57aaff; }

.sybanner{ max-height: 650px;}
.swiper-slide img{ width: 100%;}
.sybanner .swiper-pagination-bullet{ width: 12px !important; height: 12px !important; }
.sybanner .swiper-pagination-bullet-active{  }

.sy-notice-box{ height: 100px; box-shadow: 0 0 15px #dddddd; overflow: hidden;}
.sy-notice-box .left-img{ float: left; margin: 23px 0 0 0; }
.sy-notice-box .right-notice a{ float: right; width: 1145px; display: flex; justify-content: space-between; }
.sy-notice-box .right-notice a:hover h2{ color: #086ed6;}
.sy-notice-box .right-notice h2{ width: 1000px; margin-top: 35px; font-size: 22px; }
.sy-notice-box .right-notice span{ margin-top: 40px; color: #999999; }

.sy-news-box{ width: 1260px; margin: 0 auto; overflow: hidden; }
.newsbanner{ float: left; width: 600px; height: 375px; margin-top: 40px; overflow: hidden;}
.newsbanner .swiper-container { width: 100%;height: 100%; }
.newsbanner .swiper-slide { text-align: center;font-size: 18px; }
.newsbanner .swiper-slide a { width: 600px; height: 375px;}
.newsbanner .swiper-slide a img{ display: block; width: 100%;}
.newsbanner .swiper-slide a{ position: relative; display: block; }
.newsbanner .swiper-slide a h5{ position: absolute; bottom: 0; width: calc(100% - 120px); text-align: left; padding: 10px 110px 10px 10px; font-size: 16px; font-weight: normal; color: #fff; background-color: rgba(0,0,0,.6); }
.newsbanner .swiper-pagination-bullet{ background-color: #ffffff !important; width: 12px !important; height: 12px !important;}
.newsbanner .swiper-pagination-bullet-active{ background-color: #ffffff !important;}
.newsbanner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ left: auto !important; width: auto !important; right: 10px !important;}

.news-gsyw{ float: right; width: 620px; margin-top: 40px; }
.news-gsyw .header{ height: 60px; background-color: #f5f5f5; }
.news-gsyw .header i{ float: left; display: block; width: 9px; height: 25px; margin-top: 18px; background-color: #086ed6; }
.news-gsyw .header h2{ float: left; margin-left: 10px; font-weight: normal; font-size: 24px; line-height: 60px; }
.news-gsyw .header a{ display: block; margin: 15px 15px 0 0; float: right; width: 60px; height: 30px; line-height: 30px; border-radius: 3px; background-color: #ffffff; text-align: center; }
.news-gsyw .header a:hover{ background-color: #086ed6; color: #ffffff;}
.news-gsyw .list a{ display: block; background: url(../images/6.png) no-repeat 0 24px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; border-bottom: #e6e6e6 dashed 1px; overflow: hidden; }
.news-gsyw .list a h3{ float: left; width: 480px; font-size: 16px; font-weight: normal; }
.news-gsyw .list a span{ float: right; }
.news-gsyw .list a:hover h3{ color: #086ed6;}

.sy-qyfc-box{ width: 1260px; margin: 0 auto; position: relative; }
.sy-qyfc-box .header{ margin-top: 30px; height: 60px; background-color: #f5f5f5; }
.sy-qyfc-box .header i{ float: left; display: block; width: 9px; height: 25px; margin-top: 18px; background-color: #086ed6; }
.sy-qyfc-box .header h2{ float: left; margin-left: 10px; font-weight: normal; font-size: 24px; line-height: 60px; }
.sy-qyfc-box .header a{ display: block; margin: 15px 15px 0 0; float: right; width: 60px; height: 30px; line-height: 30px; border-radius: 3px; background-color: #ffffff; text-align: center; }
.sy-qyfc-box .header a:hover{ background-color: #086ed6; color: #ffffff;}

.sy-qyfc-box .swiper-container{ width: 1260px; margin-top: 20px; }
.sy-qyfc-box .swiper-container .swiper-wrapper .swiper-slide{ position: relative; }
.sy-qyfc-box .swiper-container .swiper-wrapper .swiper-slide img{ width: 303px; height: 189px; transition: all .3s;}
.sy-qyfc-box .swiper-container .swiper-wrapper .swiper-slide a{ display: block; width: 303px; overflow: hidden;}
.sy-qyfc-box .swiper-container .swiper-wrapper .swiper-slide span{ display: block; padding: 0 15px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; }
.sy-qyfc-box .swiper-button-prev{ position: absolute; width: 35px; height: 50px; background: url(../images/7.png); top: 170px; left:calc(50% - 677px);}
.sy-qyfc-box .swiper-button-next{ position: absolute; width: 35px; height: 50px; background: url(../images/8.png); top: 170px; right:calc(50% - 676px);}
.sy-qyfc-box .swiper-pagination-bullet-active{ background: #157e46;}
.sy-qyfc-box .swiper-pagination{ position: relative; bottom: -4px!important; }


.sy-list1-box{ width: 612px; margin-top: 20px; }
.sy-list1-box .header{ height: 60px; background-color: #f5f5f5; }
.sy-list1-box .header i{ float: left; display: block; width: 9px; height: 25px; margin-top: 18px; background-color: #086ed6; }
.sy-list1-box .header h2{ float: left; margin-left: 10px; font-weight: normal; font-size: 24px; line-height: 60px; }
.sy-list1-box .header a{ display: block; margin: 15px 15px 0 0; float: right; width: 60px; height: 30px; line-height: 30px; border-radius: 3px; background-color: #ffffff; text-align: center; }
.sy-list1-box .header a:hover{ background-color: #086ed6; color: #ffffff;}
.sy-list1-box .list a{ display: block; background: url(../images/6.png) no-repeat 0 24px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; border-bottom: #e6e6e6 dashed 1px; overflow: hidden; }
.sy-list1-box .list a h3{ float: left; width: 480px; font-size: 16px; font-weight: normal; }
.sy-list1-box .list a span{ float: right; }
.sy-list1-box .list a:hover h3{ color: #086ed6;}
.sy-list1-box .bignews{ display: flex; justify-content: space-between; margin-top: 20px; overflow: hidden; }
.sy-list1-box .bignews .img{ width: 208px; height: 130px; overflow: hidden;}
.sy-list1-box .bignews .img img{ width: 100%;}
.sy-list1-box .bignews .wz{ width: 380px; }
.sy-list1-box .bignews .wz h3{ font-size: 18px; }
.sy-list1-box .bignews .wz p{ margin-top: 15px; color: #999999; }

.linkimg{ margin-top: 20px; overflow: hidden;}
.linkimg a img{ width: 615px; height: 89px; }

.links-box{ margin-top: 20px; background-color: #f5f5f5; height: 80px;}
.links-box .title{ float: left; font-size: 16px; line-height: 80px; font-weight: bold; }
.links-box .list{ float: left; margin-top: 30px; }
.links-box .list a{ display: block; float: left; margin-left: 20px; color: #666666;}

.bottom-box{ background-color: #274c71; overflow: hidden; }
.bottom-box .bottom-menu{ float: left; margin-top: 40px; }
.bottom-box .bottom-menu .part{ float: left; margin-right: 150px; }
.bottom-box .bottom-menu .part h3{ margin-bottom: 30px; font-size: 16px; color: #ffffff; }
.bottom-box .bottom-menu .part a{ margin-bottom: 20px; display: block; color: #ffffff;}
.bottom-line{ float: left; margin-top: 40px; width: 1px; height: 150px; background-color: #48729c; }
.bottom-phone{ float: left; margin-top: 40px; margin-left: 100px; width: 308px; height: 150px; border-radius: 3px; background-color: #315d89;}
.bottom-phone .tel{ margin: 20px 0 0 30px; overflow: hidden; }
.bottom-phone .tel img{ float: left; margin: 6px 10px 0 0;}
.bottom-phone .tel .title{ color: #ffffff; }
.bottom-phone .tel .phone{ font-size: 24px; color: #ffffff; }
.bottom-phone .address{ margin: 10px 0 0 30px; overflow: hidden; }
.bottom-phone .address img{ float: left; margin: 6px 10px 0 0;}
.bottom-phone .address .title{ margin-top: 5px; color: #ffffff; }
.bottom-box .code{ float: right; margin-top: 40px; text-align: center; color: #ffffff; }
.bottom-box .code img{ margin-bottom: 5px; width: 120px; height: 120px; }

.copyright-box{ height: 50px; line-height: 50px; text-align: center; color: #ffffff; background-color: #203a55;}

.nybanner{ overflow: hidden; }
.nybanner img{ width: 100%; }

.nybox{ position: relative; }
.ny-left{ position: absolute; top: -90px; width: 220px; }
.ny-left-menu .header{ height: 130px; background: url(../images/15.png); overflow: hidden; }
.ny-left-menu .header h2{ margin-top: 30px; text-align: center; font-size: 30px; font-weight: normal; color: #ffffff; }
.ny-left-menu .header span{ display: block; margin-top: 10px; text-align: center; font-size: 18px; font-weight: normal; color: #ffffff; }
.ny-left-menu .list{ padding: 20px 0 10px 0; background-color: #eaf1f7; border-radius: 0 0 6px 6px; overflow: hidden; }
.ny-left-menu .list a{ display: block; width: 160px; height: 45px; line-height: 45px; padding-left: 20px; margin: 0 auto; margin-bottom: 15px; border-radius: 3px; background: url() no-repeat 155px 18px #dbe5ee; font-size: 16px; }
.ny-left-menu .list .on{ background: url(../images/16.png) no-repeat 155px 18px #ffffff; }
.ny-left-menu .list a:hover{ background: url(../images/16.png) no-repeat 155px 18px #ffffff; }
.ny-left-tel{ margin-top: 20px; padding: 20px 0 5px 0; background-color: #eaf1f7; border-radius: 6px; overflow: hidden; }
.ny-left-tel img{ display: block; width: 180px; margin: 0 auto; margin-bottom: 15px; }
.ny-right{ margin-left: 260px; width: 1000px; overflow: hidden; }
.ny-right-top{ margin-top: 40px; height: 60px; background-color: #f5f5f5; border-radius: 3px; overflow: hidden;}
.ny-right-top .left{ float: left; overflow: hidden; }
.ny-right-top .left i{ margin-top: 18px; float: left; display: block; width: 9px; height: 25px; background-color: #086ed6;}
.ny-right-top .left h3{ margin-top: 13px; margin-left: 10px; float: left; font-size: 24px; font-weight: normal; color: #086ed6; }
.ny-right-top .right{ float: right; margin: 15px; padding: 5px 10px; background-color: #ffffff; border-radius: 3px; overflow: hidden; }
.ny-right-top .right span{ margin: 0 5px;}
.ny-right-content{ min-height: 600px; margin-bottom: 60px; }

.ryzz-list{  overflow: hidden;}
.ryzz-list a{ margin-top: 30px; float: left; display: block; width: 280px; margin-right: 80px; }
.ryzz-list a .img{ width: 278px; height: 175px; border: #eaeaea solid 1px; box-shadow: 0 10px 10px #f8f8f8; display: flex; align-items: center; }
.ryzz-list a .img img{ margin: 0 auto; max-height: 175px; }
.ryzz-list a:nth-of-type(3n){ margin-right: 0;}
.ryzz-list a span{ margin-top: 10px; display: block; text-align: center; font-size: 16px; }
.ryzz-list a:hover .img{ border: #086ed6 solid 1px; }
.ryzz-list a:hover span{ color: #086ed6;}

.box-page{ padding: 15px 0; width: 100%; background-color: #f5f5f5; margin-top: 40px; margin-bottom: 50px; text-align: center;}
.box-page a{ display: inline-block; padding: 10px 16px; border: #eaeaea solid 1px; background-color: #ffffff; }
.box-page .on{ background-color: #086ed6; color: #fff; }
.box-page a:hover{ background-color: #086ed6; color: #fff; }

.bg-gray{ background-color: #f1f1f1;}
.ny-center-top{ width: 1260px; height: 70px; margin: 0 auto; overflow: hidden;}
.ny-center-top .left{ float: left; overflow: hidden; }
.ny-center-top .left a{ float: left; display: block; margin-top: 13px; margin-right: 15px; padding: 10px 20px; background-color: #ffffff; font-size: 18px; border-radius: 3px; }
.ny-center-top .left .on{ font-weight: bold; background-color: #086ed6; color: #ffffff; }
.ny-center-top .right{ float: right; margin-top:20px; padding: 5px 10px; background-color: #ffffff; border-radius: 3px; overflow: hidden; }
.ny-center-top .right span{ margin: 0 5px;}

.ny-news-list{ width: 1260px; margin: 0 auto; margin-top: 20px; }
.ny-news-list a{ float: left; display: block; margin-top: 30px; margin-right: 30px; width: 400px; height: 390px; box-shadow: 0 10px 10px #f5f5f5;}
.ny-news-list a:nth-of-type(3n){ margin-right: 0;}
.ny-news-list a .img{ display: flex; align-items: center; overflow: hidden; }
.ny-news-list a .img img{width: 100%; margin: 0 auto;max-height: 250px;}
.ny-news-list a h3{ width: 350px; height: 80px; margin: 0 auto; margin-top: 15px; font-size: 18px; font-weight: normal; }
.ny-news-list a span{ display: block; width: 350px; margin: 0 auto; font-size: 14px; color: #999999; }
.ny-news-list a:hover{ border: #086ed6 solid 1px; box-sizing: border-box; }
.ny-news-list a:hover h3{ color: #086ed6; font-weight: bold;}
.ny-news-list a:hover span{ color: #086ed6; }

.ny-news-xx{ width: 1260px; margin: 0 auto; }
.ny-news-header{ margin: 30px 0; padding: 40px 0; border: #eaeaea solid 1px; }
.ny-news-header h2{ width: 1100px; margin: 0 auto; text-align: center; font-size: 36px; color: #086ed6;}
.ny-news-header div{ margin: 30px 0 0 0; display: flex; justify-content: center; }
.ny-news-header div span{ margin: 0 40px; color: #999999;}

.ny-news-content{ margin-bottom: 50px; font-size: 18px; }
.ny-news-content p{ line-height: 36px; font-size: 18px; }
.ny-news-content img{ max-width: 100%;display:initial;}

.ny-news-other{ width: 1260px; margin: 0 auto; margin-bottom: 50px; background-color: #f5f5f5; overflow: hidden;}
.ny-news-other .left{ width: 1120px; float: left; }
.ny-news-other .right{ margin: 18px; display: block; width: 100px; height: 98px; float: right; background-color: #086ed6; color: #ffffff; line-height: 96px; font-size: 16px; text-align: center; }
.ny-news-other .left>div{ display: flex; margin: 18px;}
.ny-news-other .left>div>span{ width: 80px; height: 40px; line-height: 40px; font-size: 16px; background-color: #ffffff; text-align: center; }
.ny-news-other .left>div>a{ flex: 1; margin-left: 1px; padding-left: 15px; height: 40px; line-height: 40px; font-size: 16px; background-color: #ffffff;  }

.ny-dqgz-list{ width: 1260px; margin: 0 auto; }
.ny-dqgz-list a{ display: block; margin-top: 20px; box-shadow: 0 0 10px #f1f1f1; overflow: hidden;}
.ny-dqgz-list a .img{ float: left; width: 320px; height: 198px; overflow: hidden; }
.ny-dqgz-list a .img img{ width: 100%;}
.ny-dqgz-list a .wz{ float: left; width: 900px; }
.ny-dqgz-list a .wz h3{ margin: 20px 0 0 30px; height: 60px; font-size: 24px; font-weight: normal; }
.ny-dqgz-list a .wz p{ margin: 10px 0 10px 30px; height: 46px; line-height: 22px; color: #999999;}
.ny-dqgz-list a .wz span{ margin: 0 0 0 30px; color: #999999; }
.ny-dqgz-list a:hover{ box-shadow: 0 0 15px #b0d7ff; }
.ny-dqgz-list a:hover h3{ color: #086ed6;}

.ny-zcfg-list{ width: 1260px; margin: 0 auto; }
.ny-zcfg-list a{ display: block; height: 85px; margin-top: 20px; box-shadow: 0 0 10px #f1f1f1; overflow: hidden;}
.ny-zcfg-list a h3{ float: left; width: 1050px; margin: 27px; font-size: 20px; font-weight: normal; }
.ny-zcfg-list a span{ float: right; margin-top:22px; margin-right: 30px; width: 120px; height: 36px; line-height: 34px; text-align: center; border-radius: 36px; color: #999999; border: #eaeaea solid 1px;}
.ny-zcfg-list a:hover{ box-shadow: 0 0 15px #b0d7ff; }
.ny-zcfg-list a:hover h3{ color: #086ed6;}

.ny-zpxx-head{ display: flex; justify-content: space-between; width: 1260px; height: 70px; margin: 0 auto; background-color: #647281; }
.ny-zpxx-head span{ flex: 1; font-size: 18px; color: #ffffff; line-height: 68px; }
.ny-zpxx-head span:first-child{ padding-left: 20px;}
.ny-zpxx-list{ width: 1260px; margin: 0 auto; }
.ny-zpxx-list a{ display: flex; justify-content: space-between; width: 1260px; height: 80px; margin: 0 auto; border-bottom: #eaeaea solid 1px; overflow: hidden; }
.ny-zpxx-list a span{ flex: 1; font-size: 16px; line-height: 78px; }
.ny-zpxx-list a span:first-child{ padding-left: 20px;}
.ny-zpxx-list a:hover{ background-color: #f5f5f5;}

.ny-zpxx-xx{ width: 1260px; margin: 0 auto; margin-top: 40px; }
.ny-zpxx-xx .title{ font-size: 36px; color: #086ed6; }
.ny-zpxx-xx .other{ margin-top: 20px; padding-bottom: 10px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.ny-zpxx-xx .other span{ display: block; float: left; width: 33%; font-size: 16px; color: #666666; }
.ny-zpxx-xx .wz-title{ margin-top: 30px; margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #666666; }
.ny-zpxx-xx .wz-content{ margin-bottom: 60px; font-size: 16px; line-height: 36px; color: #666666; }

.ny-lxwm{ width: 1260px; margin: 0 auto; margin-top: 40px; padding-bottom: 20px; display: flex; justify-content: space-between; border-bottom: #eaeaea solid 1px; }
.ny-lxwm>div{ width: 33%; }
.ny-lxwm>div>img{ display: block; margin: 0 auto;}
.ny-lxwm>div>h3{ width: 300px; text-align: center; margin: 0 auto; margin-top: 20px; font-size: 16px; color: #666666; }
.ny-lxwm>div>span{ display: block; width: 300px; text-align: center; margin: 0 auto; margin-top: 10px; font-size: 16px; color: #666666;  }
.ny-map{ width: 1260px; margin: 0 auto; }
.ny-map>span{ display: block; margin-top: 30px; margin-bottom: 10px; font-size: 16px; color: #666666; }
.ny-map .map{ margin-bottom: 60px; height: 600px; background-color: #cccccc;}



















