body{color: #333}
body,h1,h2,h3,h4,h5,h6,p,ul,li,p,input,button,textarea,form,img,dl,dt,dd,select{margin:0;padding:0;font-family:"Arial";line-height:normal;list-style: none; font-size: 14px; }
a{color: #333;text-decoration:none; transition: all .3s;}
a:hover{ color: #1957ac; }
input{outline: none; border: 0;}
button{outline: none; cursor: pointer;}
select{outline: none}
textarea{outline: none}
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; }
img{max-width:100%}


.menu-box{ width: 1260px; margin: 0 auto;position: relative}
.menu-box .site{position: absolute;top: 0;right: 0;background: #1957ac;color: #fff; border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding: 1px 10px;}
.menu-box .site a:first-child{border-right: 1px solid #fff;padding-right: 10px}
.menu-box .site a{color: #fff;padding-left: 5px;padding-right: 5px;font-size: 12px}
.topbox{ position: fixed; top: 0; width: 100%; height: 90px; background-color: #fff; z-index: 999; border-bottom:#f5f5f5 solid 1px; }
.menu-box .logo{ float: left; margin-top: 30px; }
.menu-box .search-box{ width: 50px; height: 30px; float: right; display: flex; justify-content: space-between; margin: 30px 0 0 20px; background-color: #1957ac; border-radius: 28px; transition: all .3s; }
.menu-box .search-box input{ width: calc(100% - 30px); margin: 0 0 0 10px; border-radius: 10px; color: #fff; background-color: #1957ac;}
.menu-box .search-box a{ margin: 6px 10px 0 0;}

.nav{ float: right; width: 600px; height: 61px; margin: 0 auto; margin-top: 38px; z-index:998;}
.nav>ul{ width: 100%; display: flex; }
.nav>ul>li{ flex: auto; display: flex; justify-content: center; text-align: center; position: relative;}
.nav>ul>li>a{ display: block; width: 100%; height: 58px; font-size: 16px; color: #333; transition: all 0s; }
.nav>ul>li>a:hover{ color: #1957ac; }
.nav .childmenu{ display:none; position:absolute; top: 58px; background:rgba(230,230,230,.8); z-index:9999; }
.nav .childmenu li>a{ display: block; width: 140px; padding: 10px 0; line-height: 18px; text-align:center; color:#333; font-size: 14px; font-weight:normal; }
.nav .childmenu li>a:hover{ background:#1957ac; color: #fff; }
.nav .selected{ color: #1957ac; font-weight: bold; }

.sybanner{ margin-top: 90px; height: 550px; overflow:hidden;}
.swiper-slide{ text-align: center;}
.swiper-slide img{ width: 100%; height: 550px; object-fit: cover; }
.sybanner .swiper-pagination-bullet{ width: 12px !important; height: 12px !important; }
.sybanner .swiper-pagination-bullet-active{  }

.sy-fw{ padding-top: 70px; background-color: #f5f5f5;}
.sy-fw-header{ padding-bottom: 15px; border-bottom:#dbdbdb solid 1px; overflow: hidden; }
.sy-fw-header>span{ float: left; margin: 5px 10px 0 0; display: block; width: 8px; height: 23px; background-color: #1957ac; }
.sy-fw-header>h2{ float: left; font-size: 24px; color: #1957ac; }
.sy-fw-header>a{ float: right; display: block; width: 50px; height: 30px; border-radius: 3px; background-color: #1957ac; color: #fff; text-align: center; line-height: 30px; transition: all .3s;}
.sy-fw-header>a:hover{ width: 60px;}
.sy-fw-header .xmlist{ display: inline-block; margin: 6px 0 0 15px; }
.sy-fw-header .xmlist a{ padding: 10px 12px; font-size: 12px; }
.sy-fw-header .xmlist a:hover{ background-color: #1957ac; color: #fff; }
.sy-fw-list{ width: 1260px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sy-fw-list a{ display: block; height: 225px; margin-top: 30px; background-color: #ffffff; transition: all .3s; }
.sy-fw-list a:hover{ box-shadow: 0 0 20px #ccc;}
.sy-fw-list a:hover .topimg .toptitle{ color: #1957ac;}
.sy-fw-list a .topimg{ position: relative; }
.sy-fw-list a .topimg .toptitle{ position: absolute; top: 30px; left: 25px; border-radius: 3px; display: block; padding: 10px 20px; background-color: #fff; font-size: 20px; font-weight: bold; }
.sy-fw-list a .topimg .bigimg{ width: 613px; height: 132px; object-fit: cover; overflow: hidden;}
.sy-fw-list a .topimg .bigimg img{ width: 100%;}
.sy-fw-list a .bigbottomwz{ padding: 10px 20px 0 20px; width: 573px; height: 30px; color: #666; }
.sy-fw-list a .topimg .smallimg{ width: 290px; height: 130px; object-fit: cover;overflow:hidden}
.sy-fw-list a .topimg .smallimg img{ width: 100%;}
.sy-fw-list a .bottomtitle{ font-size: 18px; font-weight: bold; margin: 20px 0 0 20px; }
.sy-fw-list a .smallbottomwz{ padding: 10px 20px 0 20px; width: 250px; height: 30px; color: #666; }

.sy-fw-list-channel{ width: 1260px; }
.sy-fw-list-channel a{ display: block; float: left; height: 225px; margin-top: 30px; margin-right: 33px; background-color: #ffffff; transition: all .3s; }
.sy-fw-list-channel a:nth-of-type(4n){ margin-right: 0;}
.sy-fw-list-channel a:hover{ box-shadow: 0 0 20px #ccc;}
.sy-fw-list-channel a:hover .topimg .toptitle{ color: #1957ac;}
.sy-fw-list-channel a .topimg{ position: relative; }
.sy-fw-list-channel a .topimg .toptitle{ position: absolute; top: 30px; left: 25px; border-radius: 3px; display: block; padding: 10px 20px; background-color: #fff; font-size: 20px; font-weight: bold; }
.sy-fw-list-channel a .topimg .bigimg{ width: 613px; height: 180px; object-fit: cover;}
.sy-fw-list-channel a .topimg .bigimg img{ width: 100%; }
.sy-fw-list-channel a .bigbottomwz{ padding: 10px 20px 0 20px; width: 573px; height: 30px; color: #666; }
.sy-fw-list-channel a .topimg .smallimg{ width: 290px; height: 130px; object-fit: cover;overflow:hidden}
.sy-fw-list-channel a .topimg .smallimg img{ width: 100%; }
.sy-fw-list-channel a .bottomtitle{ font-size: 18px; font-weight: bold; margin: 20px 0 0 20px; }
.sy-fw-list-channel a .smallbottomwz{ padding: 10px 20px 0 20px; width: 250px; height: 30px; color: #666; }

.sy-news{ padding-top: 70px; background-color: #f5f5f5;}
.sy-news-list{ width: 1260px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sy-news-list a{ display: block; width: 390px; height: 400px; margin-top: 30px; background-color: #ffffff; transition: all .3s; }
.sy-news-list a:hover{ box-shadow: 0 0 20px #ccc;}
.sy-news-list a:hover h3{ color: #1957ac;}
.sy-news-list a h3{ font-size: 18px; padding: 15px 25px 20px 25px; }
.sy-news-list a p{ color: #999; padding: 0 25px 20px 25px; line-height: 24px; }
.sy-news-list a span{ display: block; color: #999; margin-left: 25px; }
.sy-news-list a .img{ width: 390px; height: 219px; overflow: hidden; }
.sy-news-list a .img img{ width: 100%;}

.sy-links{ padding: 70px 0; background-color: #f5f5f5;}
.sy-links-list{ width: 1260px; overflow: hidden; }
.sy-links-list a{ display: block; float: left; width: 190px; height: 68px; margin-top: 30px; margin-right: 23px; background-color: #ffffff; transition: all .3s; }
.sy-links-list a:nth-of-type(6n){ margin-right: 0;}

.bottom-box{ background-color: #2b2f3f;}
.bottom-menu{ padding: 40px 0; border-bottom: #3b4054 solid 1px; overflow: hidden; }
.bottom-menu-left{ float: left; }
.bottom-menu-right{ float: right; }
.bottom-menu-right a{ margin-left: 30px; font-size: 16px; color: #ffffff; }
.bottom-lx{ padding-bottom: 20px; overflow: hidden;}
.bottom-lx-left{ float: left; margin-top: 30px;}
.bottom-lx-left .tel{ padding-bottom: 30px; border-bottom: #3b4054 solid 1px; overflow: hidden; }
.bottom-lx-left .tel .lefticon{ float: left;}
.bottom-lx-left .tel .rightwz{ float: left; color: #9598a5; font-size: 16px; margin: 0 0 0 15px; }
.bottom-lx-left .tel .rightwz span{ display: block; font-size: 24px; font-weight: bold; color: #ff7200;}
.bottom-lx-left .address{ margin-top: 20px; line-height: 30px; color: #9598a5; }
.bottom-lx-right{ margin-top: 20px; float: right; text-align: right; }
.bottom-lx-right .coder{ width: 120px; height: 120px;}
.bottom-lx-right span{ display: block; line-height: 30px; color: #9598a5;}

.ny-zscx{ display: flex; align-items: center; margin-top: 90px; height: 650px; background: url(../images/25.png) no-repeat;}
.ny-zscx-form{ height: 410px; text-align: center; background-color: #fff; background:url(../images/26.png) no-repeat bottom #fff; }
.ny-zscx-form>h2{ margin-top: 60px; font-size: 30px; font-weight: bold; color: #1957ac; text-align: center;}
.ny-zscx-form .form-input{ margin: 50px 0;}
.ny-zscx-form .form-input .form-line{ width: 620px; margin: 0 auto; margin-bottom: 30px; overflow: hidden; }
.ny-zscx-form .form-input .form-line span{ display: block; width: 180px;text-align: right;  font-size: 16px; float: left; height: 40px; line-height: 40px;}
.ny-zscx-form .form-input .form-line input{ padding-left: 10px; float: left; height: 40px; line-height: 40px; border: #bbbbbb solid 1px; }
.ny-zscx-form .form-input .form-line select{ padding-left: 10px; float: left; height: 40px; line-height: 40px; border: #bbbbbb solid 1px; }
.ny-zscx-form .form-btn{ font-size: 16px; padding: 13px 40px; border-radius: 3px; color: #fff; background-color: #ff7200;}
.ny-zscx-form .jc-links{ width: 660px; margin: 45px auto 0 auto; display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden; }
.ny-zscx-form .jc-links a{ display: block; margin: 0 15px; padding: 10px 20px; font-size: 16px; background:#ff7200; border-radius:3px; color:#fff; }
.ny-zscx-form .jc-links a:hover{ color: #fff; text-decoration: none; }

.zs-pc-top{ padding-left: 30px; display: flex; align-items: center; height: 60px; background: linear-gradient(90deg,#1957ac,#009b4c);}
.zs-pc-sx{ height: 80px; display: flex; align-items: center; padding-left: 30px; background-color: #fff; }
.zs-pc-sx input{ padding-left: 15px; margin-right: 15px; font-size: 16px; border: #bbbbbb solid 1px; height: 36px; line-height: 36px; }
.zs-pc-sx .btn-ss{ padding: 0 20px 0 40px; margin-right: 10px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; background: url(../images/28.png) no-repeat #2e78de 15px 10px; border-radius: 3px; }
.zs-pc-sx .btn-cz{ padding: 0 20px 0 40px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; background: url(../images/29.png) no-repeat #13b663 15px 10px; border-radius: 3px; }
.zs-table{ margin-top: 2px; background-color: #fff;}
.zs-table table{ margin-left: 30px;}
.zs-table .header{ height: 60px; }
.zs-table .header td{ padding-right: 60px; flex: auto; color: #333; font-weight: bold; font-size: 16px; }
.zs-table .list{  }
.zs-table .list td{ height: 60px; padding-right: 60px; color: #666; font-size: 16px; vertical-align: middle; border-top: #f5f5f5 solid 1px; }

.ny-banner{ margin-top: 90px;position: relative}
.ny-banner img{ width: 100%;}
.ny-banner .title{text-align: center;font-size: 28px;position: absolute;top: 45px;left: calc(50% - 55px);color: #fff}
.dqwz-box{ height: 80px; border-bottom: #f5f5f5 solid 1px; }
.dqwz-box .left{ float: left; height: 80px; display: flex; align-items: center; }
.dqwz-box .right{ float: right; overflow: hidden; }
.dqwz-box .left span{ margin:0 10px;}
.dqwz-box .right>a{ margin-left: 40px; height: 80px; line-height: 80px; float: left; display: block; font-size: 16px; }
.dqwz-box .right .selected{ font-weight: bold; color: #086ed6; border-bottom: #086ed6 solid 3px; box-sizing: border-box; }

.gsjj-content{}
.gsjj-title{ margin-top: 70px; font-size: 36px; text-align: center; }
.gsjj-js p{ margin-top: 50px; line-height: 36px; font-size: 16px; color: #666; }
.gsjj-td{ border: #e6e6e6 solid 1px; overflow: hidden; }
.gsjj-td div{ float: left; width: 250px; height: 190px; text-align: center; border-right: #e6e6e6 solid 1px; font-size: 16px; }
.gsjj-td div img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }
.gsjj-td div:last-child{ border-right: none; }

.gsjj-jstd{ margin-top: 80px; height: 685px; background: url(../images/39.jpg) no-repeat; overflow: hidden; }
.gsjj-jstd h2{ font-size: 36px; text-align: center; margin-top: 80px; }
.gsjj-jstd img{ margin-top: 50px;}

.gsjj-ywfw{  height: 855px; background: url(../images/40.jpg) no-repeat; overflow: hidden; }
.gsjj-ywfw h2{ font-size: 30px; text-align: center; margin-top: 60px; margin-bottom: 30px; }
.gsjj-ywfw .list{ display: flex; justify-content: space-between; }
.gsjj-ywfw .list .one{ width: 220px; background-color: #ffffff;}
.gsjj-ywfw .list .one img{ width: 220px; height:110px; }
.gsjj-ywfw .list .one h3{ margin: 10px 0 20px 20px; font-size: 20px; color: #1957ac; }
.gsjj-ywfw .list .one ul{ width: 200px; margin-bottom: 20px; margin-left: 20px; }
.gsjj-ywfw .list .one ul li{ margin-left: 20px; line-height: 30px; list-style: disc; color: #666; }

.qyry{ width: 1260px; margin: 0 auto;  margin-bottom: 80px; }
.qyry .list{ margin: 20px 0; overflow: hidden;}
.qyry .list a{ float: left; margin-right: 37px; margin-top: 58px;}
.qyry .list a:nth-of-type(4n){ margin-right: 0; }
.qyry .list a .img{ width: 285px; height: 191px; border: #eaeaea solid 1px; }
.qyry .list a .img img{ width: 256px; height: 160px; margin: 15px 15px; }
.qyry .list a h3{ margin-top: 10px; width: 285px; height:45px; font-size: 16px; font-weight: normal; text-align: center;}
.qyry .list a:hover h3{ color: #086ed6; }

.lxwm{ background-color: #f5f5f5; padding-bottom: 50px; overflow: hidden; }
.lxwm-top{ width: 1260px; margin: 30px auto 0 auto; background-color: #fff; overflow: hidden; }
.lxwm-top-icon{ float: left; width: 419px; height: 330px; text-align: center; border-right: #f5f5f5 solid 1px;  font-size: 16px; color: #666; }
.lxwm-top-icon:nth-of-type(3){ border-right: none; }
.lxwm-top-icon img{ display: block; margin: 50px auto 20px auto; }
.lxwm-top-icon h3{ margin-bottom: 20px; color: #333; font-size: 18px; }
.lxwm-bottom{ width: 1080px; font-size: 16px; margin: 1px auto 0 auto; padding: 60px 90px; background-color: #fff; overflow: hidden; }

.news-box{ width: 1260px; margin: 0 auto; margin-top: 50px; }
.news-box a{ display: block; margin-bottom: 30px; width: 1258px; height: 190px; border: #eaeaea solid 1px; }
.news-box a img{ float: left; width: 240px; height: 150px; margin: 20px; }
.news-box a h3{ float: left;width: 940px; margin-top: 30px; font-size: 20px; }
.news-box a span{float: left; display: block; width: 940px; margin-top: 20px; color: #999;}
.news-box a p{ float: left;width: 940px; margin-top: 20px; color: #666; }
.news-box a:hover{ border: #086ed6 solid 1px;}
.news-box a:hover h3{ color: #086ed6;}

.box-page{ width: 100%; margin-bottom: 50px; text-align: center; }

.box-page li{ display: inline-block;  margin:0 3px; border-radius: 3px;}
.box-page li a,.box-page li span{ display: inline-block; padding: 8px 15px; background-color: #f5f5f5; font-size: 16px;}
.box-page .on{ background-color: #086ed6; color: #fff !important; }
.box-page .on span{display:inline-block;background-color: #086ed6; color: #fff !important;}
.box-page li:hover{ background-color: #086ed6; color: #fff; }
.box-page li:hover a{ background-color: #086ed6; color: #fff; }

.xwxq-box{ background-color: #f5f5f5; overflow:hidden; }
.xwxq{ width: 1260px; margin: 0 auto; margin-top: 30px; margin-bottom: 80px; background-color: #fff; }
.xwxq-left .xwxq-title{ padding: 50px 0 20px 0; font-size: 30px; font-weight: bold; text-align: center; }
.xwxq-left .xwxq-other{ display: flex; justify-content: center; padding: 20px 0; border-bottom: #f1f1f1 solid 1px; }
.xwxq-left .xwxq-other span{ margin: 0 30px; color: #999999; font-size: 14px; }
.xwxq-left .xwxq-content{ padding: 50px 80px; line-height: 40px; font-size: 16px; }
.xwxq-left .xwxq-content img{ max-width: 1100px; }

.jcfw-box{ background-color: #f5f5f5;}
.jcfw-fwjs{ width: 1260px; margin: 0 auto; overflow: hidden; }
.jcfw-fwjs>h2{ font-size: 20px; margin: 30px 0 20px 0; }
.jcfw-fwjs .wz{ background-color: #fff; padding: 40px 50px; }
.jcfw-fwjs .wz p{ line-height: 30px; font-size: 16px; }
.jcfw-rmfw{ width: 1260px; margin: 0 auto; padding-bottom: 80px; overflow: hidden; }
.jcfw-rmfw>h2{ font-size: 20px; margin: 30px 0 0 0; }

.jcfw-box{ padding: 40px 0; background-color: #f5f5f5; overflow: hidden;}
.jcfw-left{ width: 950px; float: left;}
.jcfw-left .title{ font-size: 30px; font-weight: bold; color: #1957ac; }
.jcfw-img{ width: 950px; margin: 30px 0 0 0; max-height: 350px; object-fit: cover; overflow:hidden;}
.jcfw-img img{ width: 100%;}
.jcfw-nrbox{ width: 950px; margin-top: 30px; background-color: #fff; overflow: hidden; }
.jcfw-nrbox-title{ width: 780px; margin: 40px auto 0 auto; font-size: 24px; font-weight: bold; padding-bottom: 15px; border-bottom: #eee solid 1px; }
.jcfw-nrbox-wz{ width: 780px; margin: 40px auto 50px auto; }
.jcfw-nrbox-wz p{ line-height: 30px; font-size: 16px; }
.jcfw-nrbox-wz img{ max-width: 780px;}
.jcfw-nrbox-list{ width: 780px; margin: 10px auto 40px auto; overflow: hidden; }
.jcfw-nrbox-list span{ margin-right: 15px; margin-top: 15px; display: block; float: left; padding: 10px 30px; color: #fff; background-color: #4f95ff; font-size: 18px; }

.jcfw-right{ float: right; margin-top: 15px; }
.jcfw-right .title{ font-size: 20px; font-weight: bold;}
.ny-fw-list{ width: 290px; }
.ny-fw-list a{ display: block; height: 225px; margin-top: 30px; background-color: #ffffff; transition: all .3s; }
.ny-fw-list a:hover{ box-shadow: 0 0 20px #ccc;}
.ny-fw-list a:hover .topimg .toptitle{ color: #1957ac;}
.ny-fw-list a .topimg{ position: relative; }
.ny-fw-list a .topimg .smallimg{ width: 290px; height: 130px; object-fit: cover; overflow: hidden;}
.ny-fw-list a .topimg .smallimg img{ width: 290px; height: 130px;}
.ny-fw-list a .bottomtitle{ font-size: 18px; font-weight: bold; margin: 20px 0 0 20px; }
.ny-fw-list a .smallbottomwz{ padding: 10px 20px 0 20px; width: 250px; height: 30px; color: #666; }

.online{ position: fixed; top: 300px; right: 30px; z-index: 300; }
.online .online-wx .icon{ width: 80px; height: 100px; margin-bottom: 10px; color: #fff; text-align: center; background-color: #086ed6; overflow: hidden; cursor: pointer; border-radius:6px; }
.online .online-wx .icon img{ display: block; margin: 10px auto 0 auto;}
.online .online-wx .icon:hover{ background-color: #1f7eff;}
.online-code{ position: fixed; top: 300px; right: 120px; z-index: 400; }
.online-code .img{ width: 120px; display: none; text-align: center;}
.online-code .img img{ display: block; width: 120px; height: 120px; }