﻿
body{ margin:0px;  font-family:"微软雅黑",Helvetica,sans-serif; font-size:14px; text-align:justify; text-justify:inter-ideograph; background-color:#f4f4f4; }
ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,a,img{ margin:0; padding:0; border:0px; list-style-type:none; text-decoration:none; }
a:hover{text-decoration:underline;}
.clear{clear:both;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; }
.ellipsis2{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ellipsis3{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.ellipsis4{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.transition1{ transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s;}
.fixed{ position:fixed; left:0px; top:0px; }

.transition2{ transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out;}
.transition3{ transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out;}
.transition4{ transition:all 4s ease-in-out; -webkit-transition:all 4s ease-in-out; -o-transition:all 4s ease-in-out; -ms-transition:all 4s ease-in-out; -moz-transition:all 4s ease-in-out;}

 .container{ position:relative; width:1300px; margin:0 auto;}

.top-wrap{ position:relative; width:100%; min-width:1300px; height:153px;  background:url(../images/icon-1.jpg) top center no-repeat; }
.top-wrap .container{ height:153px; }
.top-wrap .logo{ float:left; display:inline; width:688px; height:82px; padding:35px 0 0 0px; z-index:999; }
.top-wrap .logo img{ }
.top-wrap .container .search-wrap{ position:absolute; top:40px; right:0px; width:196px; height:34px;}
.top-wrap .container .search-wrap .search-txt{ position:absolute; left:0px; top:0px; width:154px; height:34px; line-height:34px; padding:0px 5px 0px 10px ; border-radius:6px 0 0 6px; border:0px; outline:none; background-color:#fff; font-size:12px;}
.top-wrap .container .search-wrap .search-btn{ position:absolute; right:0px; top:0px; width:42px; height:34px; line-height:34px; padding-left:22px; text-align:left; font-size:18px; color:#fff; border-radius:0 6px 6px 0; border:0px; outline:none; background:url(../images/icon-2.png) 7px 6px no-repeat #ce5267; cursor:pointer;}
.top-wrap .container .search-wrap .search-btn:hover{ background:url(../images/icon-2.png) 7px 6px no-repeat #ce5266; }

.menu-wrap{ display:block; position:relative; width:100%; min-width:1300px; height:65px; background-color:#1e9ef5;}
.menu{ width:100%; margin:0px auto auto auto; height:65px;}
.menu ul{ width:100%; margin-left:0px;}
.menu ul li{ float:left; position:relative; display:inline-block; width:130px; height:65px; line-height:65px;  text-align:center; font-size:20px; }
.menu ul li a{ position:relative; display:block; width:100%; height:65px;  color:#fff; text-decoration:none; z-index:99; }
.menu ul li a:hover,.menu ul li.active a{ font-weight:bold;}
.menu ul li .line1{ display:block; position:absolute; top:10px; left:-22px; width:7px; height:4px; background:url(../images/icon-4.png) no-repeat; }
.menu ul li a:hover .line2,.menu ul li.current .line2{ display:block; position:absolute; left:0px; bottom:0px; width:100%; height:3px; background-color:#046d77; color:#046d77; }

.menu ul li .bg{ position:absolute; left:0px; top:65px; width:100%; height:100%; background-color:#ffffff; z-index:9999;  display:none;}
.menu ul li .box-wrap{ position:absolute; left:0px; top:65px; width:100%; padding:10px 0px; background-color:Transparent; z-index:99999; display:none;}
.menu ul li .box-wrap dt{ position:relative; float:left; display:inline; width:100%; height:40px; padding:0px 0px; font-size:16px; }
.menu ul li .box-wrap dt:hover{ }
.menu ul li .box-wrap dt a{ position:relative; display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:20px; color:#0083e3; }
.menu ul li .box-wrap dt a:hover{ color:#0083e3; font-weight:bold; }

.menu ul li .box-wrap dt:hover .div3{ display:block;}
.menu ul li .box-wrap dt .div3{ position:absolute; top:0px; left:130px; width:290px;  background-color:#fff; text-align:center; display:none; border:1px solid #bfbfbf}
.menu ul li .box-wrap dt .div3 .item{ height:26px; padding:5px 15px; font-size:16px; text-align:center;}
.menu ul li .box-wrap dt .div3 .item:hover{ background-color:#eeeeee;}
.menu ul li .box-wrap dt .div3 .item a{text-align:left;}

.menu ul li .box-wrap dt a.icon-gengduo{ width:calc(100% - 10px); padding-left:10px; text-align:left;}
.menu ul li .box-wrap dt a.icon-gengduo:before{ position:absolute; top:0px; right:5px; font-size:12px;}

.footer-wrap{ position:relative; width:100%;  min-width:1300px; background:#0083e3; padding:40px 0px; color:#fff;}
.footer-wrap .container{ }
.footer-wrap .container p{ line-height:32px; font-size:14px; color:#ffffff;  }
.footer-wrap .container p a{ color:#ffffff;}
.footer-wrap .container p a:hover{ text-decoration:underline;}
.footer-wrap .left-wrap{ float:left; display:inline; width:50%; padding:10px 0px; text-align:left;  }
.footer-wrap .right-wrap{ float:right; display:flex; width:20%; text-align:center; justify-content:space-evenly;  align-items: center;}
.footer-wrap .right-wrap .qr-wrap{ display:inline-block;}
.footer-wrap .right-wrap .qr{ width:120px; height:120px;}
.footer-wrap .copy{ text-align:left;}

.banner-wrap{ position:relative; width:100%; min-width:1300px; height:508px;}
.banner-wrap .banner{ position:absolute; left:0px; top:0px;  width:100%; min-width:1300px; height:508px;}
.banner-wrap .banner .swiper-slide a{ display:block; width:100%; height:100%;}
.banner-wrap .banner .swiper-pagination-bullet{ width:12px; height:12px; background-color:#fff; opacity:1;}
.banner-wrap .banner .swiper-pagination-bullet-active{ background-color:#007aff; opacity:1;}

.news-list{ display:inline; }
.news-list li{ float:left; display:inline; width:100%; }
.news-list li a{ display:inline-block; width:calc(100% - 80px); font-size:14px; font-weight:500; color:#515150;}
.news-list li a:hover{ color:#0083e3;}
.news-list li span{ float:right; font-size:13px; font-weight:500; color:#999999;}

.pic-news-wrap{ width:100%; min-width:1300px; height:auto; }
.pic-news-wrap .container{ padding:40px; box-sizing:border-box; background-color:#fff;}
.pic-news-wrap .img-news{ float:left; display:inline-block; width:635px; height:442px;}
.pic-news-wrap .img-news .swiper-wrapper{ width:635px; height:442px;}
.pic-news-wrap .img-news .swiper-slide{ position:relative; width:100%; height:100%;}
.pic-news-wrap .img-news .swiper-slide a{ display:block; width:100%; height:100%;}
.pic-news-wrap .img-news .swiper-slide img{ width:635px; height:442px;}
.pic-news-wrap .img-news .swiper-slide .title{ position:absolute; left:0px; bottom:0px; width:100%; height:48px; line-height:48px; background:rgba(0,0,0,0.6)}
.pic-news-wrap .img-news .swiper-slide .title a{ display:block; width:80%; padding-left:10px; font-size:16px; color:#ffffff;}
.pic-news-wrap .page{ position:absolute; bottom:9px; right:12px; height:24px; font-size:14px; font-weight:200; color:#ffffff; z-index:99999;}
.pic-news-wrap .page span{ padding:0px 3px;}

.pic-news-wrap .right-news{ float:right; display:inline; width:550px;}
.pic-news-wrap .news-wrap{ height:auto; min-height:135px; }
.pic-news-wrap .news-head{ float:left; display:inline; width:108px; height:135px; text-align:center; font-size:18px; font-weight:800; background-color:#0083e3; }
.pic-news-wrap .news-head a{ display:block;  width:100%; height:45px; padding-top:90px; color:#fff;}
.pic-news-wrap .news-head a:hover{ text-decoration:none;}
.pic-news-wrap .hot-new{ padding-bottom:9px; border-bottom:solid 1px #e8e8e8;}
.pic-news-wrap .hot-new .news-head a{  background:url(../images/icon-6.png) center 38px no-repeat; }
.pic-news-wrap .gsxw{ padding-top:9px; padding-bottom:9px; border-bottom:solid 1px #e8e8e8;}
.pic-news-wrap .gsxw .news-head a{  background:url(../images/icon-7.png) center 38px no-repeat; }
.pic-news-wrap .jcdt{ padding-top:9px;}
.pic-news-wrap .jcdt .news-head a{ background:url(../images/icon-8.png) center 38px no-repeat;}
.pic-news-wrap .news-list{ float:right;  width:416px;}
.pic-news-wrap .news-list li{ height:28px; line-height:28px;}

.party-wrap{ width:100%;}
.party-wrap .container{ margin:28px auto auto auto;}
.party-wrap .left-con{ float:left; display:inline; width:418px;}
.party-wrap .center-con{ float:left; display:inline; width:418px; margin-left:24px;}
.party-wrap .right-zl{ float:right; display:inline; width:418px;}
.party-wrap .head{ position:relative; width:100%; height:42px; border-bottom:solid 1px #d3d3d4;}
.party-wrap .head .span1{ display:block; position:absolute; left:0px; bottom:-1px; width:140px; height:43px; line-height:43px; text-align:center; background-color:#e60012; font-size:22px; color:#fff;}
.party-wrap .head .span2{ display:block; position:absolute; left:0px; bottom:-1px; padding:0px 10px; height:43px; line-height:43px; text-align:center; font-size:22px; font-weight:bold; color:#e60012;}
.party-wrap .head .more{ display:block; position:absolute; right:0px; bottom:8px; width:26px; height:26px; background:url(../images/icon-9.png) no-repeat; cursor:pointer;}
.party-wrap .news-wrap{ width:calc(100% - 60px); height:252px; margin:12px auto auto auto; padding:20px 30px;  background-color:#fff;}
.party-wrap .news-list li{ height:36px; line-height:36px;}

.zt-wrap{ width:100%;}
.zt-wrap .container{ margin:25px auto auto auto; padding-top:20px; background-color:#fff; }
.zt-wrap .zt-head{ width:100px; height:30px; line-height:30px; margin:0px auto auto auto; padding-left:40px; text-align:center; background:url(../images/icon-10.png) 0px 0px no-repeat; font-size:22px; font-weight:bold; color:#e60012;}
.zt-wrap .zt-con{ position:relative; width:100%; padding-top:20px; padding-bottom:20px;}
.zt-wrap .left-btn{ display:block; position:absolute; left:15px; top:64px; width:25px; height:25px; background:url(../images/icon-11.png); cursor:pointer;}
.zt-wrap .right-btn{ display:block; position:absolute; right:15px; top:64px; width:25px; height:25px; background:url(../images/icon-12.png); cursor:pointer;}
.zt-wrap .zt-list{ width:1200px; margin:0px auto auto auto; text-align:center;}

.other-wrap{ width:100%;}
.other-wrap .container{ margin:25px auto 25px auto; }
.other-wrap .left-con{ float:left; display:inline; width:490px;}
.other-wrap .center-con{ float:left; display:inline; width:490px; margin-left:24px;}
.other-wrap .right-link{ float:right; display:inline; width:278px;}
.other-wrap .head{ position:relative; width:100%; height:42px; border-bottom:solid 1px #d3d3d4;}
.other-wrap .head.p-top{ margin-top:25px;}
.other-wrap .head .span1{ display:block; position:absolute; left:0px; bottom:-1px; width:140px; height:43px; line-height:43px; text-align:left; font-size:24px; font-weight:bold; color:#0083e3;}
.other-wrap .head .more{ display:block; position:absolute; right:0px; bottom:8px; width:26px; height:26px; background:url(../images/icon-9.png) no-repeat; cursor:pointer;}
.other-wrap .news-wrap{ height:252px; margin:12px auto auto auto; padding:20px 30px;  background-color:#fff;}
.other-wrap .news-list li{ height:36px; line-height:36px; transition:all 2s ease-in-out;}
.other-wrap .link-wrap{ margin:12px auto auto auto; padding:10px 10px 0px 10px; background-color:#fff; }
.other-wrap .link-wrap .link-list{ width:258px; height:653px; }
.other-wrap .link-wrap .link-list li{ width:252px; height:76px; margin-bottom:18px; text-align:center;}
.other-wrap .link-wrap .link-list li.color1{ background-color:rgba(255,138,136,0.8);}
.other-wrap .link-wrap .link-list li.color1:hover{ background-color:rgba(255,138,136,1);}
.other-wrap .link-wrap .link-list li.color2{ background-color:rgba(255,185,72,0.8);}
.other-wrap .link-wrap .link-list li.color2:hover{ background-color:rgba(255,185,72,1);}
.other-wrap .link-wrap .link-list li.color3{ background-color:rgba(105,186,249,1); }
.other-wrap .link-wrap .link-list li.color3:hover{ background-color:rgba(105,186,249,1); }
.other-wrap .link-wrap .link-list li.color4{ background-color:rgba(0,131,227,0.8); }
.other-wrap .link-wrap .link-list li.color4:hover{ background-color:rgba(0,131,227,1); }
.other-wrap .link-wrap .link-list li.color5{ background-color:rgba(234,219,133,0.8); }
.other-wrap .link-wrap .link-list li.color5:hover{ background-color:rgba(234,219,133,1); }
.other-wrap .link-wrap .link-list li.color6{ background-color:rgba(218,101,223,0.8); }
.other-wrap .link-wrap .link-list li.color6:hover{ background-color:rgba(218,101,223,1); }
.other-wrap .link-wrap .link-list li.color7{ background-color:rgba(96,212,233,0.8);  }
.other-wrap .link-wrap .link-list li.color7:hover{ background-color:rgba(96,212,233,1); }
.other-wrap .link-wrap .link-list li a{ display:block; width:100%; height:76px; line-height:76px; font-size:20px; color:#fff; background:url(../images/icon-13.png) 22px 27px no-repeat;}
.other-wrap .link-wrap .link-list li a:hover{ font-weight:bold; text-decoration:none;}

/**/
.bg1{ background-color:#fff;}
.main-wrap{ width:100%; background-color:#f5f5f5; padding:90px 0px 68px;}
.main-wrap .container{ background-color:#fff; min-height:800px; padding-bottom:20px;}
.main-wrap .location-wrap{ position:relative; height:60px; padding:0px 30px;}
.main-wrap .location-wrap .name{ display:block; position:absolute; left:0px; top:-50px; width:280px; height:100px; background-color:#1e9ef5; text-align:center;}
.main-wrap .location-wrap .name .ch{ padding:30px 0px 0px 0px; font-size:30px; color:#fff;}
.main-wrap .location-wrap .name .en{ padding-right:20px; font-size:26px; color:#fff; text-align:right;}
.main-wrap .location-wrap .location{ width:100%; margin:0px auto auto auto; line-height:60px; text-align:right;}
.main-wrap .location-wrap .location li{ display:inline-block; padding:0px 3px; font-size:14px; color:#e02a1f;}
.main-wrap .location-wrap .location { color:#333; }
.main-wrap .location-wrap .location a{ color:#333; }

.main-news-wrap{ padding:20px 0px 20px;}

.left-nav{ position:relative; float:left; display:inline-block; width:280px; padding:25px 0px 0px; }
.left-nav .name{ position:absolute; left:0px; top:-60px; width:280px; height:135px; background-color:#1e9ef5;}
.left-nav .name .ch{ padding:30px 0px 0px 20px; font-size:30px; color:#fff;}
.left-nav .name .en{ padding-right:20px; font-size:26px; color:#fff; text-align:right;}
.left-nav ul{ width:218px; margin:0px auto auto auto; border-left:solid 1px #dcdcdc; border-top:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc;}
.left-nav li{ width:218px; height:60px; border-bottom:solid 1px #dcdcdc;}
.left-nav li a{ position:relative; display:block;  width:188px; height:60px; line-height:60px; padding-left:30px; color:#595757; background-color:#f5f5f5; font-size:20px;}
.left-nav li a:hover,.left-nav li a.activate{ text-decoration:none; background-color:#fff; color:#1e9ef5;}
.left-nav li a:hover:after,.left-nav li a.activate:after{ position:absolute; left:-1px; top:0px; width:4px; height:100%; background-color:#1e9ef5; content:"";}

.left-zt-nav{ float:right; display:inline-block; width:300px; margin-top:30px; padding:20px 0px; border:solid 1px #e8e8e8;}
.left-zt-nav ul{ padding:0px 20px;}
.left-zt-nav li{float:left; display:inline; width:100%; height:auto; line-height:40px; padding:10px 0px;  font-size:16px; font-weight:bold;}
.left-zt-nav li a{ display:block; padding:10px 10px 10px 10px;  height:auto; line-height:24px; color:#333333; border-radius:4px;  background-color:#e8e8e8;}
.left-zt-nav li a:hover,.right-zt-nav li a.activate{text-decoration:none;   color:#ffffff; background-color:rgb(255, 0, 0);}

.right-con{ float:right; display:inline; width:970px; padding-right:30px;}

/*图片新闻列表*/
.img-news-list{ width:100%; margin:0px auto auto auto; min-height: 300px; }
.img-news-list li{  position: relative; float: left; width:100%; padding:25px 0px; border-bottom:solid 1px #dcdcdc;}
.img-news-list li:hover{ cursor:pointer;}
.img-news-list li:hover .news-title a{ color:#006dc2; }
.img-news-list .news-pic{ float:left; width:268px; height:182px; margin-right:25px;}
.img-news-list .news-pic img{ width:268px; height:182px; }
.img-news-list .news-right{ width: auto; }
.img-news-list .noimg{ width: auto; }
.img-news-list .news-title{ padding-top: 10px; line-height: 24px; }
.img-news-list .news-title a{ font-size: 18px; color:#333; }
.img-news-list .news-title a:hover{ text-decoration: underline; color:#1e9ef5; }
.img-news-list .news-des{padding-top: 10px;line-height: 28px;font-size: 14px;color: #646464;}
.img-news-list .news-des a{ color: #646464;}
.img-news-list .date{ padding-top:8px; font-size: 12px; color:#969696; }
.img-news-list .date span{ padding-right:10px; color: #969696; }

.topic-list{ float:left; width:1040px; margin:30px auto auto auto;}
.topic-list li{ width:990px; }

/*文章列表*/
.article-list{ width:100%; margin-top:30px;}
.article-list li{ float:left; width:100%; padding:15px 0px; border-bottom:solid 1px #e6e6e6; }
.article-list li:hover{ cursor:pointer;}
.article-list li .title{ line-height:36px; font-size:22px; font-weight:600; vertical-align:middle; }
.article-list li .title .new{ display:inline-block; vertical-align:middle; width:28px; height:28px; line-height:28px; font-size:14px; font-weight:500; text-align:center; background-color:#de2910; color:#ffffff; border-radius:4px;}
.article-list li .title a{ color:#333333;}
.article-list li .des{ line-height:28px; padding-top:15px; font-size:14px; }
.article-list li .des a{ color:#666666; }
.article-list li:hover a{ color:#0083e3;}
.article-list .href{ padding-top:8px; font-size: 12px; color:#969696; }
.article-list .href span{ color: #969696; }

/*详细页*/
.detail-page{ position: relative; width:90%; margin:20px auto auto auto; padding:0px 0px 50px 0px; }
.detail-page .detail-title{ width: 100%; line-height: 38px; font-size:28px; text-align: center; color: #000000; }
.detail-page .detail-time{ width: 100%; height: 28px; line-height: 28px; margin: 10px auto 20px auto; padding-bottom:5px; font-size: 12px; text-align: center; color: #969696; border-bottom:solid 1px rgba(240,240,240,1); }
.detail-page .detail-content{ width: 100%; line-height: 32px; margin: 10px auto auto auto; font-size: 14px; color: #6b6b6c; min-height: 300px; }
.detail-page .detail-content p{ line-height: 32px; margin: 5px auto auto auto; }


/*文章内容*/
.single-page{ position: relative; width:100%; margin:20px auto auto auto; padding:0px 0px 50px 0px; }
.single-page .title{ text-align: center; font-size:28px; }
.single-page div{ line-height:34px; margin-bottom:10px; color:#333333;font-size:16px;}
.single-page p{ line-height:34px; margin-bottom:10px; color:#333333;font-size:16px;}

/*分页*/
.page-wrap{ display:block; width:100%;height:40px; padding:20px 0px 0px; text-align:center;font-size:14px;}
.page-wrap a,.page-wrap span{display:inline-block; width:40px; height:40px; line-height:40px; margin: 0 3px; border:solid 1px #e6e6e6; vertical-align:middle;text-align:center; color:#3f4545;}
.page-wrap a{color:#3f4545; background-color:#ffffff;}
.page-wrap a:hover{color:#FFFFFF;background-color:#0083e3; text-decoration:none;}
.page-wrap .current{background-color:#1e9ef5; color:#ffffff;}
.page-wrap .previous{ width:80px; height:40px; background-color:#ffffff;}
.page-wrap .previous:hover { }
.page-wrap .next{ width:80px; height:40px; background-color:#ffffff;}
.page-wrap .next:hover { }
.page-wrap span.previous{cursor:no-drop;}
.page-wrap span.next{cursor:no-drop;}











