body,html {background:#f5f5f5;padding:0;margin:0;font-size:16Px}
img{ border:0;  }
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{max-width:1300Px;margin:0 auto;width:98%}
* {line-height:180%}
.toplogo {width:500Px;float:left;padding:8Px 0 0 0}
.toplogo img {max-width:100%}
.topnavs {width:720Px;float:right}
.topnavs {display:flex;margin-top:30Px}
.topnavs a {display:block;flex:1}
.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; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:0; 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:12px; height:12px; margin:5px;border-radius:50%;background:#fff; overflow:hidden; 
line-height:9999px;margin:0 10Px }
.fullSlide .hd ul .on{ background:#666; }
.inb {background:#619de4;text-align:center;padding:15Px 0 0 10Px}
.inb img {max-width:90%}
.slideBox{ width:100%; height:350px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius:50%;font-size:11Px }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:360px; display:block;  }
.ctitle {margin:10Px 0;padding:5Px 0}
.ctitle span {float:right}
.ctitle h2 a {font-size:22Px;color:#333e46}
.coleft {width:95%;float:left}
.dtitem {margin:20Px 0;border-bottom:1Px dotted #ccc;padding-bottom:20Px}
.dtitem a h2 {font-size:18Px;height:18Px;line-height:18Px;overflow:hidden;margin:10Px 0}
.dtitem p {font-size:14Px}
.dtitem .dtm {color:#fcc93f}
.lefttuij {margin:15Px 0;}
.lefttuij a {line-height:220%}
.xmswrap {background:url(../images/pbgt.jpg) no-repeat bottom;background-size:100%;padding:80Px 0;}
.xmmain {max-width:1300Px;margin:0 auto;background:rgba(255,255,255,0.4);border-radius:10Px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);width:98%}
.xmmin {padding:15Px 20Px 20Px 20Px;margin:40Px 0}
.ganluojianj p {line-height:220%;text-indent:40Px}
.botmore {padding:3Px 30Px;background:#619de4;float:right;border-radius:5Px;color:#fff;text-align:center}
.picMarquee-left{ width:99%;  overflow:hidden; position:relative;margin:20Px 0 80Px 0  }
.picMarquee-left .bd{ padding:20px; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:380px; height:240px; display:block; padding:1px; border:5px solid #f9f9f9; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#e8e8e8;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
.aboutus {background:url(../images/home1_bg.jpg) no-repeat bottom;background-size:100%;padding:120Px 0 100Px 0;}
.aboutitem {background:#fff;width:93%;margin:20Px auto;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03)}
.aboutus .aboutitem:hover {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3)}
.aboutitem .grid-col-3 {text-align:center;padding:28Px 0 0 0}
.aboutitem h3 {margin:20Px 5Px 5Px 0}
.aboutitem p {font-size:14Px;padding:0 15Px 20Px 0}
.abb {background:#619de4!important;color:#fff}
.linktitle {margin:20Px 0 10Px 0;border-bottom:1Px solid #cb4dcd}
.linktitle h4 {font-size:22Px;padding:10Px;}
.links a {padding:5Px 20Px;display:block;float:left}
.links  {padding:10Px 0}
.footers {background:#333333;color:#fff;padding:10Px 0}
.footers a {color:#fff}
.listban {width:100%;height:400Px;background:url(../images/listba.jpg) 0 22%;position:relative}
.listban .bamain {width:70%;margin:0 auto;font-size:40Px;font-weight:bold;color:#fff;text-align:left;padding:8%  0 0 0 }
.subon,.listnavmain ul li a:hover {background:#294ca6;color:#fff!important}
.listlink a {display:block;margin:40Px 0;background:#fff;padding:30Px}
.listlink a:hover {box-shadow: 0 0 15px rgba(0,0,0,.2);border:1Px solid #294ca6}
.listlink a { animation-name: linka;animation-duration: 1.1s;animation-iteration-count: 1;animation-fill-mode:forwards;}
@keyframes linka {0% {opacity: 0%;-webkit-transform: translate3d(-15px, 15Px, 0);}100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}
.texta:hover {animation: texta 1.1s forwards}
.listmain {width:80%;margin:20Px auto}
.listnav {background:rgba(191,203,229,0.7);width:100%;position:absolute;bottom:0}
.listnavmain {width:80%;margin:0Px auto;padding:0}
.listnavmain ul li {float:left}
.listnavmain ul li a {display:block;padding:15Px 25Px;font-size:120%;color:#000;text-shadow: 0 0 5px rgba(255,255,255,1);}
.artshow {background:#fff}
.arttitle {padding:50Px 50Px 0 50Px ;text-align:center;line-height:230%;}
.arttitle img {width:16Px;height:16Px;margin-bottom:-3Px}
.waparttitle {padding:30Px 10Px 0 10Px ;text-align:center;line-height:230%;}
.waparttitle h1 {font-size:22Px}
.waparttitle img {width:16Px;height:16Px;margin-bottom:-3Px}
.waparttitle p {border-bottom:1Px solid #ccc;padding:30Px 0 5Px 0;}
.arttitle h1 {}
.arttitle p {border-bottom:1Px solid #ccc;padding:40Px 0 15Px 0;}
.artmain {padding:40Px;}
.artmain table {border-top:1Px solid #dddddd;border-left:1Px solid #dddddd}
.artmain table td {border-bottom:1Px solid #dddddd;border-right:1Px solid #dddddd;padding:3Px 5Px}
.artmain,.artmain *,.wapartmain,.wapartmain * {font-size:16Px;color:#000;line-height:250%;max-width:100%;overflow:hidden; word-wrap: break-word!important;    /* 旧版本浏览器 */
    overflow-wrap: break-word!important; /* 新标准 */
    word-break: break-all!important;    /* 更激进的换行 */}
.artnext {background:#fff;display:flex;}
.artnext p {width:44%;padding:40Px 2%}
.wapartmain {padding:20Px}



@keyframes linka {0% {opacity: 0%;-webkit-transform: translate3d(-15px, 15Px, 0);}100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);}}
.texta:hover {animation: texta 1.1s forwards}
.listitem h2 {font-size:22Px;height:50Px;line-height:50Px;overflow:hidden;}
.listitem p {line-height:27Px;height:56Px;overflow:hidden}
.listitem dt {margin-top:30Px}
.listitem img {max-width:300Px;height:150Px;float:right}
.footewm {text-align:right;padding-top:10Px}
.footewm img {width:120Px}
.yejileft {width:49%;float:left}
.yejiright {width:49%;float:right}
.yejiright a  {height:280Px;margin:10Px 0;width:47%;margin-left:2%;float:right;overflow:hidden;position:relative;display:block;box-shadow: 0 0 15px rgba(0,0,0,.2);border:1Px solid #d8d8d8}
.yuejilist {display:flex}
.yuejilist ul li {width:33.33%;float:left;margin:20Px 0}
.yuejilist a  {height:280Px;margin:0Px auto;width:88%;margin:0 auto;overflow:hidden;position:relative;display:block;box-shadow: 0 0 15px rgba(0,0,0,.2);border:1Px solid #d8d8d8;}
.yuejilist  img {width:100%;height:280Px;}

.yejileft a  {height:580Px;margin:10Px 0;width:100%;margin-left:2%;float:right;overflow:hidden;position:relative;display:block;box-shadow: 0 0 15px rgba(0,0,0,.2);border:1Px solid #d8d8d8}
.yejiright a p,.yejileft a p ,.yuejilist a p{position:absolute;bottom:0;left:0;background:rgba(255,255,255,0.5);width:100%;padding:6Px;color:#000}
.yejiright  img {width:100%;height:280Px;}
.yejileft img {height:580Px;width:100%;}
.yeji p {cursor: pointer;transition: all 0.6s;}
.yeji p:hover {transform: translatez(5Px);}

.yeji img {cursor: pointer;transition: all 0.6s}
.yeji img:hover {transform: scale(1.2);}