body,html {background:#fff;padding:0;margin:0;font-size:16Px}
img{ border:0;  }
@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1763536954240') format('woff2'),
       url('iconfont/iconfont.woff?t=1763536954240') format('woff'),
       url('iconfont/iconfont.ttf?t=1763536954240') format('truetype');listdate
}.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{ text-decoration:none; color:#333;font-size:16Px }
a:hover{ color:#1e2188;  }
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;list-style-type:none;}
fieldset,img,input,input:focus{border:0 none;outline:none;}
.divcon { animation-name: divcon;animation-duration: 1.1s;animation-iteration-count: 1;animation-fill-mode:forwards;}
.imleft { animation-name: imleft;animation-duration: 1.1s;animation-iteration-count: 1;animation-fill-mode:forwards;}
@keyframes imleft {0% {opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);}100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}
.imright { animation-name: imright;animation-duration: 1.1s;animation-iteration-count: 1;animation-fill-mode:forwards;}
@keyframes imright {0% {opacity: 0;-webkit-transform: translate3d(50px, 0, 0);}100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}
.imtop { animation-name: imtop;animation-duration: 1.1s;animation-iteration-count: 1;animation-fill-mode:forwards;}
@keyframes imtop {0% {opacity: 0;-webkit-transform: translate3d(0px, 80Px, 0);}100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}
.imbottom { animation-name: imbottom;animation-duration: 1.1s;animation-iteration-count: 1;animation-fill-mode:forwards;}
@keyframes imbottom {0% {opacity: 0;-webkit-transform: translate3d(0px, -50Px, 0);}100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}
.fleft {float:left}
.fright {float:right}
      .grid-container {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        /* 固定宽度容器 */
        @media (min-width: 576px) {
            .grid-container {
                max-width: 540px;
            }
        }

        @media (min-width: 768px) {
            .grid-container {
                max-width: 720px;
            }
        }

        @media (min-width: 992px) {
            .grid-container {
                max-width: 960px;
            }
        }

        @media (min-width: 1200px) {
            .grid-container {
                max-width: 1140px;
            }
        }

        /* 行样式 */
        .grid-row {
            display: flex;
            flex-wrap: wrap;
        }

        /* 列基础样式 */
        .grid-col {
            position: relative;
            width: 100%;
        }

        /* 列宽定义 - 12列栅格 */
        .grid-col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
        .grid-col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
        .grid-col-3 { flex: 0 0 25%; max-width: 25%; }
        .grid-col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
        .grid-col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
        .grid-col-6 { flex: 0 0 50%; max-width: 50%; }
        .grid-col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
        .grid-col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
        .grid-col-9 { flex: 0 0 75%; max-width: 75%; }
        .grid-col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
        .grid-col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
        .grid-col-12 { flex: 0 0 100%; max-width: 100%; }

        /* 响应式断点 - 小屏幕 (sm) */
        @media (min-width: 576px) {
            .grid-col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
            .grid-col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
            .grid-col-sm-3 { flex: 0 0 25%; max-width: 25%; }
            .grid-col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
            .grid-col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
            .grid-col-sm-6 { flex: 0 0 50%; max-width: 50%; }
            .grid-col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
            .grid-col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
            .grid-col-sm-9 { flex: 0 0 75%; max-width: 75%; }
            .grid-col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
            .grid-col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
            .grid-col-sm-12 { flex: 0 0 100%; max-width: 100%; }
        }

        /* 响应式断点 - 中屏幕 (md) */
        @media (min-width: 768px) {
            .grid-col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
            .grid-col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
            .grid-col-md-3 { flex: 0 0 25%; max-width: 25%; }
            .grid-col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
            .grid-col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
            .grid-col-md-6 { flex: 0 0 50%; max-width: 50%; }
            .grid-col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
            .grid-col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
            .grid-col-md-9 { flex: 0 0 75%; max-width: 75%; }
            .grid-col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
            .grid-col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
            .grid-col-md-12 { flex: 0 0 100%; max-width: 100%; }
        }

        /* 响应式断点 - 大屏幕 (lg) */
        @media (min-width: 992px) {
            .grid-col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
            .grid-col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
            .grid-col-lg-3 { flex: 0 0 25%; max-width: 25%; }
            .grid-col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
            .grid-col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
            .grid-col-lg-6 { flex: 0 0 50%; max-width: 50%; }
            .grid-col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
            .grid-col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
            .grid-col-lg-9 { flex: 0 0 75%; max-width: 75%; }
            .grid-col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
            .grid-col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
            .grid-col-lg-12 { flex: 0 0 100%; max-width: 100%; }
        }

        /* 响应式断点 - 超大屏幕 (xl) */
        @media (min-width: 1200px) {
            .grid-col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
            .grid-col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
            .grid-col-xl-3 { flex: 0 0 25%; max-width: 25%; }
            .grid-col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
            .grid-col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
            .grid-col-xl-6 { flex: 0 0 50%; max-width: 50%; }
            .grid-col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
            .grid-col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
            .grid-col-xl-9 { flex: 0 0 75%; max-width: 75%; }
            .grid-col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
            .grid-col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
            .grid-col-xl-12 { flex: 0 0 100%; max-width: 100%; }
        }
.wrmain{width:1300Px;margin:0 auto}
* {line-height:180%}
.headertop {background:#f5f5f5;padding:5Px 0}
.headertop,.headertop a {font-size:14Px}
.headermenu {padding:10Px 0 15Px 0;position:relative;z-index:999}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{ position:absolute;height:32px; line-height:32px;margin-top:18Px;right:0}
	.nav{ width:100%; margin:0 auto; }
	.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px;  }
	.nav .m{ float:left;  position:relative; }
	.nav .s{ float:left; width:9px; text-align:center; color:#eee; }
	.nav h3 a{  display:block; padding:8Px 18px;  }
	.nav .on a{  background:#21AEB5;color:#fff }
	.nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:0; top:50px; height:29px; line-height:29px; padding:10px 0 6Px 0;  background:rgba(255,255,255,0.5);  float:left; z-index:999 }
	.nav .sub li{ float:left;  }
	.nav .sub li a{ display:block; padding:0 15px; margin:0 10px; background:rgba(255,255,255,0.05); color:#333 }
	.nav .sub li a:hover{ background:rgba(255,255,255,0.2);  }
.artnext {background:#fff;display:flex;}
.artnext p {width:44%;padding:40Px 2%}
.wapartmain {padding:20Px}

.fullSlide{ width:100%;  position:relative;  height:600px; background:#000;z-index:0}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px;z-index:0 }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:50px; line-height:50px;  text-align:center;
 _background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:28px; height:10px; margin:5px;background:#fff; overflow:hidden; 
line-height:9999px; }
.fullSlide .hd ul .on{ background:#00ff00; }
.baner2 {background:url(../images/banbg.jpg);background-size:100%;text-align:center;padding:20Px 0}
.baner2 img {max-width:1300Px}
.part1 {background:url(../images/boxbg1.jpg) bottom center;background-size:100%;padding:30Px 0 50Px 0}
.ptitle {display:flex;width:800Px;margin:35Px auto}
.ptitle a {flex:1;border:1Px solid #b5b5b5;margin:15Px;border-radius:40Px;background:#fff;text-align:center;padding:8Px 0}
.ptitle .chkon,.ptitle a:hover {background:#006b8e;border:1Px solid #006b8e;color:#fff}

	.focusBox { position: relative; width: 600Px; height: 400px; overflow: hidden;font-size:12Px; text-align: left; background: white;float:right}
	.focusBox .pic img { width: 600Px; height: 400Px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 8Px 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; font-size:12Px;line-height:12Px}
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

.newlists .listitem {margin-bottom:5Px;width:100%;display:block;height:85Px}
.listdate {width:80Px;height:55Px;background:rgba(209,33,39,0.1);text-align:center;padding:10Px 0;float:left;margin-right:16Px;font-size:22Px;color:#0054a3}
.listdate p {font-size:12Px}
.listtitle {}
.listtitle a {margin-top:3Px;line-height:220%;font-size:16Px;height:30Px;line-height:30Px;overflow:hidden;font-weight:bold}
.listtitle p {font-size:12Px;color:#999999}
.part2s  {background:url(../images/boxbg2.jpg) bottom center;background-size:100%;padding:30Px 0 50Px 0}
	.picScroll{ margin:10px auto;  position:relative;  width:100%;  padding:10px 0 10px 30px;overflow:hidden;     }
	.picScroll .prev:hover{ background-position:0 -30px; }
	.picScroll .next:hover{ background-position:-25px -30px; }
	.picScroll ul{ overflow:hidden; zoom:1; }
	.picScroll ul li{ width:360px; float:left; overflow:hidden; padding:0 10px;     overflow: hidden; 
    transition: all 0.3s ease; }
	.picScroll ul li img{ width:340px; height:240px; display:block; background:url(images/loading.gif) center center no-repeat;    transition: transform 0.5s ease-in-out; 
    transform-origin: center center;  }
	.picScroll ul li a {width:340Px;overflow:hidden;display:Block}
	


.picScroll ul li a:hover img {
    transform: scale(1.08); 
}

	
	
	.altitle {padding:50Px 0}
.altitle h2 a {font-size:26Px}
.altitle span {float:right}
.flinktitle {margin:30Px 0 10Px 0}
.links {padding:0 0 20Px 0Px}
.links a {margin:0 15Px;line-height:200%}
.footers {background:#1d2c57;padding:25Px 0 15Px 0;}
.footers,.footers a {font-size:14Px;color:#fff;}
.footers .grid-col {line-height:250%}
.ewms {}
.ewms img {width:100Px;float:left;margin-right:25Px}
.ewms p {font-size:18Px;padding:30Px 0 0 20Px;margin-left:15Px}
.subbanner {height:300Px;background:url(../images/banner1.jpg) top center;background-size:100%}
.subtitle {background:#fff;padding:10Px 0;box-shadow: 5px 1px 10px rgba(0,0,0,0.1);}
.subtitle span {float:right}
.subtitle span a {margin:0 20Px}
.listbox {margin:50Px 0;background:#fff;padding:30Px;min-height:800Px}

.listitems {margin:8Px 0;height:200Px;border-bottom:1Px solid #d9d3d3;padding-top:15Px}
.listitems_left {width:260Px;float:left}
.listitems_left img{width:220Px;height:140Px}
.r_title {padding:6Px 0}
.r_title a{font-size:18Px;line-height:220%;font-weight:bold}
.r_con p {margin-top:8Px}
.artcontent {padding:25Px}
.arttitle {font-size:28Px;line-height:250%;text-align:center;padding:10Px 30Px}
.artsub {padding:5Px;text-align:center;margin-bottom:25Px;border-bottom:1Px solid #f1f1f1;color:#999;font-size:14Px}
.artcon {padding:25Px}
.artcon,.artcon * {font-size:18Px;line-height:240%!important;max-width:100%!important}
.artcon p {text-indent: 40px;}
.picbox {padding:20Px;background:#fff;margin:25Px 0;display:flex;flex-wrap:wrap}
.picbox .picitem {width:25%;text-align:center;margin:15Px 0;overflow:hidden}
.picbox .picitem img {width:280Px;height:200Px}
.picchk a {display:block;width:280Px;height:200Px;overflow:hidden;margin:15Px auto;border:3Px solid #f8f8f8;padding:1Px}
.subtitlese h2 {padding:135Px 0 0 30Px;font-size:38Px;color:#fff;font-weight:normal}
.picchk {
    overflow: hidden; 
    transition: all 0.3s ease; 
}

.picchk a img {
    width: 100%; 
    height: auto; 
    transition: transform 0.5s ease-in-out; 
    transform-origin: center center; 
}

.picchk:hover img {
    transform: scale(1.08); 
}