@charset "utf-8";
        /* Browser Resets
*********************************/
        
        .flex-container a:active,
        .flexslider a:active,
        .flex-container a:focus,
        .flexslider a:focus {
            outline: none;
        }
        
        .slides,
        .flex-control-nav,
        .flex-direction-nav {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        /* FlexSlider Necessary Styles
*********************************/
        
        .flexslider {
            margin: 0;
            padding: 0;
        }
        
        .flexslider .slides>li {
            display: none;
            -webkit-backface-visibility: hidden;
            position: relative
        }
        /* Hide the slides before the JS is loaded. Avoids image jumping */
        
        .flexslider .slides>li.clone {
            position: relative
        }
        
        .flexslider .slides img {
            width: 100%;
            display: block;
        }
        
        .flex-pauseplay span {
            text-transform: capitalize;
        }
        /* Clearfix for the .slides element */
        
        .slides:after {
            content: "\0020";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }
        
        html[xmlns] .slides {
            display: block;
        }
        
        * html .slides {
            height: 1%;
        }
        /* No JavaScript Fallback */
        /* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
        
        .no-js .slides>li:first-child {
            display: block;
        }
        /* FlexSlider Default Theme
*********************************/
        
        .flexslider {
            position: relative;
            zoom: 1;
        }
        
        .flex-viewport {
            max-height: 2000px;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
            background: #fff;
        }
        
        .loading .flex-viewport {
            max-height: 300px;
        }
        
        .flexslider .slides {
            zoom: 1;
        }
        
        .carousel li {
            margin-right: 5px;
        }
        /* Direction Nav */
        
        .flex-direction-nav {
            *height: 0;
        }
        
        .flex-direction-nav a {
            text-decoration: none;
            display: block;
            width: 30px;
            height: 50px;
            position: absolute;
            top: 50%;
            z-index: 10;
            overflow: hidden;
            cursor: pointer;
            color: rgba(0, 0, 0, 0.8);
            text-indent: -999em;
            margin-top: -25px;
        }
        
        .flex-direction-nav .flex-prev {}
        
        .flex-direction-nav .flex-next {}
        
        .flex-direction-nav .flex-disabled {
            opacity: 0!important;
            filter: alpha(opacity=0);
            cursor: default;
        }
        /* Pause/Play */
        
        .flex-pauseplay a {
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            bottom: 5px;
            left: 10px;
            opacity: 0.8;
            z-index: 10;
            overflow: hidden;
            cursor: pointer;
            color: #000;
            background: #ddd
        }
        
        .flex-pauseplay a:before {
            font-family: "flexslider-icon";
            font-size: 20px;
            display: inline-block;
            content: '\f004';
        }
        
        .flex-pauseplay a:hover {
            opacity: 1;
        }
        
        .flex-pauseplay a.flex-play:before {
            content: '\f003';
        }
        /* Control Nav */
        
        .flex-control-nav {
            width: 100%;
            position: absolute;
            bottom: -2px;
            left: 0;
            text-align: center;
            z-index: 99;
        }
        
        .flex-control-nav li {
            margin: 10px 6px 0;
            display: inline-block;
            zoom: 1;
            *display: inline;
        }
        
        .flex-control-paging li a {
            width: 8px;
            height: 8px;
            display: block;
            border: 2px solid #0d58aa;
            cursor: pointer;
            text-indent: -9999px;
            border-radius: 8px;
        }
        
        .flex-control-paging li a:hover {
            background: #0d58aa;
        }
        
        .flex-control-paging li a.flex-active {
            background: #0d58aa;
        }
        
        .flex-control-thumbs {
            margin: 5px 0 0;
            position: static;
            overflow: hidden;
        }
        
        .flex-control-thumbs li {
            width: 25%;
            float: left;
            margin: 0;
        }
        
        .flex-control-thumbs img {
            width: 100%;
            display: block;
            opacity: .7;
            cursor: pointer;
        }
        
        .flex-control-thumbs img:hover {
            opacity: 1;
        }
        
        .flex-control-thumbs .flex-active {
            opacity: 1;
            cursor: default;
        }
        /*content*/
        
        .content {
            width: 100%;
            position: relative;
            z-index: 100;
        }
        /*滚动通知*/
        
        .mode01 {
            width: 1300px;
            background-color: #fff;
            position: absolute;
            z-index: 200px;
            top: -31px;
            left: 50%;
            margin-left: -650px;
            box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
        }
        
        .mode01 .flexslider {
            margin: 0 78px 0 70px;
        }
        
        .noticeTitle {
            width: 70px;
            height: 80px;
            float: left;
            background-color: #0098d9;
        }
        
        .noticeTitle img {
            display: block;
            width: 26px;
            margin: 28px auto 0;
        }
        
        .noticeList {
            width: 100%;
            overflow: hidden;
            padding: 28px 0;
        }
        
        .noticeList dd {
            width: 50%;
            float: left;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            font-size: 16px;
        }
        
        .noticeList dd a {
            display: block;
            margin-right: 20px;
            color: #666;
        }
        
        .noticeList dd span {
            float: left;
            color: #666;
            font-weight: bold;
            font-family: 'Arial';
            margin: 2px 10px 0 17px;
        }
        
        .mode01 .flex-control-nav {
            display: none;
        }
        
        .mode01 .flex-direction-nav .flex-prev {
            left: auto;
            right: -35px;
            top: 0;
            background: url(../images/n_lf.png) no-repeat left center;
            width: 15px;
            height: 100%;
            margin: 0;
        }
        
        .mode01 .flex-direction-nav .flex-next {
            left: auto;
            right: -65px;
            top: 0;
            background: url(../images/n_rt.png) no-repeat left center;
            width: 15px;
            height: 100%;
            margin: 0;
        }
        
        .mode01 .flex-direction-nav .flex-prev:hover {
            background: url(../images/n_lf_hover.png) no-repeat left center;
        }
        
        .mode01 .flex-direction-nav .flex-next:hover {
            background: url(../images/n_rt_hover.png) no-repeat left center;
        }
        
        .mode01 .flex-direction-nav a {
            opacity: 1
        }
        /*通知公告*/
        
        .mode02Wrap {
            width: 100%;
            overflow: hidden;
            /* background-color:#e1f2fa; */
        }
        
        .mode02 {
            width: 1300px;
            margin: 0 auto;
            padding-top: 80px;
        }
        
        .listTitle01 {
            width: 250px;
            border-bottom: 2px solid #0098d9;
            margin: 0 auto;
        }
        
        .listTitle01 h2 {
            font-size: 30px;
            font-weight: normal;
            color: #333;
            padding-bottom: 10px;
        }
        
        .listTitle01 h2 i {
            display: block;
            font-size: 15px;
            color: #999;
            font-family: 'Arial';
            padding-top: 2px;
        }
        
        .rightMore {
            float: right;
            margin-top: 40px;
        }
        
        .rightMore a {
            color: #0098d9;
        }
        
        .list01 {
            width: 105%;
            overflow: hidden;
            padding: 50px 0 30px;
        }
        
        .list01 li {
            float: left;
            margin: 0 32px 30px 0;
            width: 300px;
        }
        
        .list01 li:hover>div {
            margin-top: -10px;
        }
        
        .list01 li>div {
            background-color: #fff;
            box-shadow: 0px 0px 5px 2px rgba(0, 152, 217, 0.1);
            overflow: hidden;
            padding: 30px 34px;
            min-width: 232px;
            border-radius: 10px;
            transition: all 0.3s ease;
        }
        
        .n-dates {
            display: block;
            position: relative;
        }
        
        .n-dates strong,
        .n-dates i {
            font-family: 'Arial';
            color: #0098d9;
            display: block;
            font-style: normal;
            letter-spacing: 1px;
        }
        
        .n-dates strong {
            font-size: 24px;
        }
        
        .n-dates i {
            font-size: 14px;
        }
        
        .n-dates:after {
            content: '';
            width: 80px;
            height: 1px;
            background-color: #0098d9;
            position: absolute;
            left: 61px;
            bottom: 3px;
        }
        
        .list01 li a {
            font-size: 16px;
            line-height: 24px;
            height: 72px;
            overflow: hidden;
            letter-spacing: 1px;
            display: block;
            padding-top: 20px;
        }
        
        .list01 .li01>div {
            background: url(../images/n-icon1.png) no-repeat right top #fff;
        }
        
        .list01 .li02>div {
            background: url(../images/n-icon2.png) no-repeat right bottom #fff;
        }
        /*新闻资讯*/
        
        .mode03 {
            width: 100%;
            overflow: hidden;
        }
        
        .mode03 .lf {
            width: 50%;
            /* background: url(../images/news_bg.jpg) no-repeat right top #d5e6b3; */
            min-height: 625px;
            float: left;
        }
        
        .mode03 .flexslider {
            width: 650px;
            float: right;
            padding: 110px 0 50px;
        }
        
        .mode03 .flexslider .slides li>a {
            display: block;
            width: 100%;
            height: 0;
            padding-bottom: 56.15%;
            overflow: hidden;
        }
        
        .slideTitle {
            height: 40px;
            line-height: 40px;
            background-color: #40b0ce;
            overflow: hidden;
            display: block;
        }
        
        .slideTitle a {
            padding: 0 15px;
            color: #fff;
            font-size: 16px;
            letter-spacing: 1px;
        }
        
        .mode03 .flex-direction-nav a {
            z-index: 600;
            width: 30px;
            height: 30px;
            bottom: 0;
            top: auto;
        }
        
        .mode03 .flex-direction-nav .flex-prev {
            left: 257px;
            background: url(../images/news_lf.png) no-repeat center center;
        }
        
        .mode03 .flex-direction-nav .flex-next {
            right: 257px;
            background: url(../images/news_rt.png) no-repeat center center;
        }
        
        .mode03 .flex-control-paging li a {
            width: 6px;
            height: 6px;
            background-color: #c0cacc;
            border: none;
            transition: all 0.3s ease;
        }
        
        .mode03 .flex-control-paging li a.flex-active {
            width: 20px;
            height: 6px;
            background-color: #a4c752;
        }
        
        .mode03 .rt {
            width: 50%;
            float: left;
            min-height: 625px;
            /* background-color:#fff; */
        }
        
        .articleList02 {
            float: left;
            padding: 38px 0 0 40px;
            width: 610px;
        }
        
        .listTitle02 {
            margin: 0;
        }
        
        .list02 {
            width: 100%;
            overflow: hidden;
            padding: 30px 0;
        }
        
        .n-dates02 {
            float: left;
            width: 60px;
            height: 60px;
            border: 1px solid #0098d9;
        }
        
        .n-dates02 strong,
        .n-dates02 i {
            display: block;
            font-style: normal;
            text-align: center;
            font-family: 'Arial';
        }
        
        .n-dates02 strong {
            height: 21px;
            line-height: 21px;
            color: #fff;
            background-color: #0098d9;
        }
        
        .n-dates02 i {
            font-size: 20px;
            color: #0098d9;
            padding-top: 10px;
        }
        
        .list02 li {
            margin-bottom: 28px;
            min-height: 62px;
        }
        
        .list02 li a {
            display: block;
            margin-left: 76px;
            padding-top: 5px;
        }
        
        .list02 li h3 {
            font-size: 16px;
            line-height: 20px;
            height: 20px;
            overflow: hidden;
            font-weight: normal;
            margin-bottom: 10px;
        }
        
        .list02 li p {
            font-size: 12px;
            color: #999;
            line-height: 20px;
            height: 20px;
            overflow: hidden;
        }
        
        .readMore02 {
            height: 32px;
            line-height: 32px;
        }
        
        .readMore02 a {
            float: right;
            color: #999;
            border-bottom: 2px solid #a4c752;
        }
        
        .readMore02 i {
            color: #999;
            margin-left: 17px;
            font-style: normal;
            font-size: 18px;
        }
        
        .readMore02 a:hover {
            color: #a4c752;
        }
        
        .readMore02 a:hover i {
            color: #a4c752;
        }
        /*技术产品推广*/
        
        .mode04Wrap {
            width: 100%;
            overflow: hidden;
            /* background-color:#f2f2f2; */
        }
        
        .mode04 {
            width: 1300px;
            margin: 0 auto;
            padding: 54px 0 80px;
        }
        
        .rightMore02 a {
            color: #999;
        }
        
        .mode04 .flexslider {
            padding-top: 50px;
        }
        
        .mode04 .flexslider .slides>li {
            margin-right: 18px;
            box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
        }
        
        .mode04 .flexslider .slides>li .slideTitle04 {
            background-color: #79c5e5;
            text-align: center;
        }
        
        .mode04 .flexslider .slides>li:nth-child(2n) .slideTitle04 {
            background-color: #cbdca2;
        }
        
        .slideTitle04 {
            height: 40px;
            line-height: 40px;
        }
        
        .slideTitle04 strong {
            color: #fff;
            font-size: 16px;
            font-weight: normal;
            padding: 0 15px;
        }
        
        .mode04 .flex-control-nav {
            display: none;
        }
        
        .mode04 .flex-direction-nav a {
            width: 30px;
            height: 60px;
            margin-top: -30px;
        }
        
        .mode04 .flex-direction-nav .flex-prev {
            background: url(../images/j_lf.png) no-repeat center center;
            left: -50px;
        }
        
        .mode04 .flex-direction-nav .flex-next {
            background: url(../images/j_rt.png) no-repeat center center;
            right: -50px;
        }
        
        .mode04 .flexslider .slides>li a {}
        
        .mode04 .flexslider .slides>li span {
            display: block;
            width: 100%;
            height: 0;
            padding-bottom: 74.84%;
            overflow: hidden;
        }
        
        .mode05Wrap {
            width: 100%;
            overflow: hidden;
            background: url(../images/bg02.jpg) no-repeat top center #a3e2fe;
            background-size: cover;
            *background-repeat: repeat;
        }
        
        .mode05 {
            width: 1300px;
            margin: 0 auto;
            padding: 38px 0 70px;
        }
        
        .picList05 {
            width: 100%;
            overflow: hidden;
            font-size: 0;
            text-align: center;
            padding: 45px 0;
        }
        
        .picList05 dd {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 12.5%;
            max-width: 159px;
        }
        
        .mode05 .flex-direction-nav a {
            top: 6px;
            width: 40px;
            height: 70px;
            margin: 0;
        }
        
        .flex-direction-nav .flex-prev {
            background: url(../images/l_lf.png) no-repeat center center;
            left: 28%;
        }
        
        .flex-direction-nav .flex-next {
            background: url(../images/l_rt.png) no-repeat center center;
            right: 28%;
        }
        
        .listTitle03 {
            padding: 40px 0 0;
            text-align: center;
        }
        
        .listTitle03 a {
            display: inline-block;
            font-size: 18px;
            color: #00a0e9;
            border-bottom: 4px solid #0098d9;
            padding: 0 5px 6px;
        }
        
        .picList06 {
            padding-top: 20px;
        }
        
        @media screen and (max-width:1366px) {
            .mode01 {
                width: 1220px;
                margin-left: -610px;
            }
            .mode02 {
                width: 1252px;
            }
            .list01 {
                width: 100%;
                padding-top: 30px;
            }
            .list01 li {
                width: 25%;
                margin: 0 0 16px 0;
            }
            .list01 li>div {
                margin: 0 16px;
                min-width: auto;
            }
            .mode03 .flexslider {
                width: 512px;
            }
            .articleList02 {
                width: 472px;
            }
            .mode03 .flex-direction-nav .flex-next {
                right: 5%;
            }
            .mode03 .flex-direction-nav .flex-prev {
                left: 5%;
            }
            .mode04,
            .mode05 {
                width: 1220px;
            }
        }
        
        @media screen and (max-width:1300px) {
            .mode01 {
                position: static;
                width: 1220px;
                margin: 0 auto;
            }
            .mode04 .flex-direction-nav .flex-prev {
                left: 0;
            }
            .mode04 .flex-direction-nav .flex-next {
                right: 0;
            }
        }
        
        @media screen and (max-width:1220px) {
            .mode01 {
                position: static;
                width: 1024px;
                margin: 0 auto;
            }
            .mode04,
            .mode05 {
                width: 1024px;
            }
            .mode02 {
                width: 1056px;
                padding-top: 30px;
            }
        }
        
        @media screen and (max-width:1024px) {
            .mode02 {
                width: auto;
                padding: 20px 15px 0;
            }
            .list01 li>div {
                margin: 0 7px;
            }
            .mode02 {
                padding: 20px 8px 0;
            }
            .mode01 {
                width: auto;
            }
            .mode03 .flexslider {
                width: auto;
                padding-left: 15px;
            }
            .articleList02 {
                width: auto;
                padding: 25px 15px 0;
            }
            .mode03 .rt,
            .mode03 .lf {
                min-height: 550px;
            }
            .list02 {
                padding-bottom: 0
            }
            .mode04 {
                width: auto;
                padding: 30px 15px;
            }
            .mode05 {
                width: auto;
                padding: 30px 15px 50px;
            }
            .flex-direction-nav .flex-prev {
                left: 0;
            }
            .flex-direction-nav .flex-next {
                right: 0;
            }
        }
        
        @media screen and (max-width:800px) {}
        
        @media screen and (max-width: 768px) {
            .noticeList dd {
                font-size: 14px;
            }
            .listTitle01 h2 {
                font-size: 22px;
            }
            .listTitle01 {
                width: 200px;
            }
            .rightMore {
                margin-top: 30px;
            }
            .list01 li {
                width: 50%;
            }
            .list01 li:hover>div {
                margin-top: 0;
            }
            .mode03 .rt,
            .mode03 .lf {
                width: 100%;
                min-height: auto;
                padding-bottom: 20px;
            }
            .mode03 .flexslider {
                padding: 30px 15px 50px;
            }
            .articleList02 {
                float: none;
                padding: 25px 15px;
            }
            .mode04 .flexslider .slides>li {
                margin-right: 10px;
            }
            .listTitle02 {
                margin: 0 auto;
            }
        }
        
        @media screen and (max-width:640px) {
            .noticeList dd {
                width: 100%;
                padding: 3px 0;
            }
            .noticeList {
                padding: 9px 0;
            }
            .noticeList dd a {
                margin-right: 0
            }
            .noticeTitle {
                width: 45px;
            }
            .mode01 .flexslider {
                margin: 0 70px 0 45px;
            }
            @media screen and (max-width:480px) {
                .list01 li {
                    width: 100%;
                }
                .list01 li a {
                    height: auto
                }
            }
            @media screen and (max-width:400px) {}
            @media screen and (max-width:380px) {}
            @media screen and (max-width:320px) {}