@charset "utf-8"; * { margin: 0px; padding: 0px; } body, html { font-family: PingFangSC-Regular,"Microsoft YaHei",Helvetica,Arial,sans-serif; font-size: 12px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; overflow-scrolling: touch ; } a:link { text-decoration: none; } a:hover { text-decoration: underline; } ul, li { list-style-image: none; list-style-type: none; } img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }.clr { clear: both; } /*pages*/ .pages{ height: 60px; padding: 20px 0 30px; width: 100%; clear: both; } .tcdPageCode { text-align: center; color: #808080; font-size: 14px; } .tcdPageCode li{ display: inline; } .tcdPageCode span.disabled { display: inline-block; height: 35px; line-height: 35px; padding: 0 14px; margin: 0 2px; color: #808080; background: #fff; border: 1px solid #e6e3e3; vertical-align: middle; border-radius:1px; } .tcdPageCode span.current { display: inline-block; height: 35px; line-height: 35px; padding: 0 14px; margin: 0 2px; color: #fff; background-color: #1baadb; border: 1px solid #1baadb; vertical-align: middle; border-radius:1px; } .tcdPageCode a { display: inline-block; color: #808080; height: 35px; line-height: 35px; background: #fff; padding: 0 14px; border: 1px solid #ddd; margin: 0 2px; vertical-align: middle; border-radius:1px; } .m-t-20{ text-align:center; margin:20px 0;!important } .page-item a{color:#333;} /*上下翻页*/ .pagination{ border-top:1px solid #f7f7f7; padding-top: 20px; } .page-link{ border-radius: 24px !important; display:block; } @media only screen and (min-width: 320px){ html { font-size: 12px !important; } } @media only screen and (min-width: 375px){ html { font-size: 13px !important; } } @media only screen and (min-width: 414px){ html { font-size: 14px !important; } } @media only screen and (min-width: 768px){ html { font-size: 23px !important; } } @media (max-width: 1024px) { .pc{display:none;} .m{ min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; } .logo {overflow:hidden; margin:15px 5px 10px 5px;} .logo img{ width:40%; margin-left:30%;} .slogan { float:left; padding-left:2%; font-size: 1.6rem; color: #00968f; font-weight: bold; padding-top:6px; } .slogan b { display: block; font-size: 1.2rem; font-weight:normal; color: #00968f; } .nav{width:100%;background:#00968f; overflow:hidden;} .nav a{ width:33%; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; display:block; float:left; border-right:solid 1px #00817b; border-bottom:solid 1px #00817b; } .nav a:nth-child(3n){ border-right:none;} .nav a:hover{background:#00817b;text-decoration: none;} .swiper-container { overflow:hidden; width: 100%; } .swiper-slide img{width:100%;} .st{text-align:center;font-size:30px;font-weight:bold;padding:20px 0 10px 0; background: url(../images/ico2.gif) no-repeat center bottom; background-size: 60%; margin-bottom:20px; } .spro{overflow:hidden;} .spro a:hover{text-decoration:none;} .spro p{width:48%;float:left;margin:1% ;} .spro p a img{width:99%;border:solid 1px #dedede; height:135px;} .spro p a span{display:block;color:#fff;height:30px;line-height:30px;text-indent:12px;background: #00968f;width:100%;font-size:14px;} .spro p a:hover span{background:#56677c;} .mgyn{background:#00968f;padding:30px 10px 30px 10px; margin-top:130px;} .mgypic img{width:99%; margin-left:0.5%; margin-right:0.5%; margin-top:-120px; margin-bottom:30px;} .mgyn b{text-align:center; font-size:20px; color:#fff; display:block; } .mgyn p{color:#fff;font-size:14px;line-height:24px;} .mgyn span{background:#fff; width:20%; height:2px; margin:20px auto;display:block;} .more a{width:30%; height:32px; line-height:32px; text-align:center; color:#fff; border-radius:30px; display:block;background:#c84310; font-size:14px; margin-top:-16px; margin-left:auto; margin-right:auto; margin-bottom:10px; } .sxw{margin:30px 10px 20px 10px; overflow:hidden;} .sxwl img{width:40%; float:left; } .sxwr{width:57%; float:left; padding-left:10px; font-size:14px;} .sxwr a{color:#333; font-weight:bold;} .s_ul{margin:0 10px 10px 10px; } .s_ul a{color:#333; line-height:40px; border-bottom:solid 1px #ddd; display:block; font-size:14px;width:100%; } .ft{text-align:center;line-height:16px;background:#00968f; color:#fff; padding:10px 0; margin-bottom:80px; border-bottom:solid 1px #00817b;} .ft_d { width: 4rem; position: fixed; right: 0; bottom: 2rem; right:0.5rem; z-index: 99; } .g_tel { font-size: 0; line-height: 0; margin-bottom: 1rem; } .g_tel img,.g_top img { width: 100%; } .gyt{ width: 93.75%; margin: 0 auto; line-height:30px; font-size:14px; color:#333; padding-top:15px; border-bottom:solid 1px #d4d4d4;} .gy{ width: 93.75%; margin: 0 auto; line-height:30px; font-size:14px; color:#333; padding-top:15px;} .gy img{width:100%; padding-bottom:10px;} .xw{ overflow:hidden; margin:20px 10px; padding-bottom:20px; border-bottom:solid 1px #f1f1f1; line-height:1.6rem;} .xwl img{width:35%; float:left; max-height:96px;} .xwr{width:60%; float:left;padding-left:5%;} .xwr b a{ font-weight:normal; color:#626262; font-size:1.2rem; display:block; border-bottom:solid 2px #f1f1f1; padding-bottom:0.3rem; margin-bottom:0.3rem;} .xwr p{ color:#626262; font-size:1.0rem;} .gd a{ text-align:right; margin-top:-1.5rem; font-size:1.1rem; display:block; color:#666; font-weight:bold;} .newsbody h1{ width: 93.75%; font-size: 1.4rem; color: #535353; line-height: 2.2rem; text-align: center; border-bottom: 1px solid #a3a3a3; margin: 0.6rem auto; padding: 1rem 0; font-weight:normal; } .newsbodyn{ width: 93.75%; margin: 0 auto; font-size: 1.15rem; line-height: 2.4rem; color: #666; } .newsbodyn img{ width:100%; display:inline;} .side{ width:100%; overflow:hidden; padding-top:20px;} .side a{ float:left; display:block; width:46%; padding:1%; margin:1%; font-size:14px; text-align:center; height:30px; line-height:30px; color:#333; background:#ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .side a:hover{ background:#eee; text-decoration:none;} .side2{ width:100%; overflow:hidden;} .side2 a{ display:block; width:80%; padding:1%; margin:2% auto; font-size:16px; text-align:center; height:30px; line-height:30px; color:#333; background:#ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .side2 a:hover{ background:#eee; text-decoration:none;} .dang{ width: 93.75%; margin: 0 auto; line-height: 30px; font-size: 14px; color: #333; padding-top: 15px; border-bottom: solid 1px #d4d4d4; } .dang a{ padding:0 6px;} .dang a{ color:#888;} .dpic{ position: relative; width: 93.75%; margin: 1.4rem auto 1rem;} .dpic img{width:100%;} .dnr{ width: 96%; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 1.2rem 0; margin-bottom: 1rem; } .dnrt{ height: 2.25rem; margin-bottom: 1rem; background: #333; } .dnrt span{ display: block; width:25%; text-align:center; height: 2.25rem; line-height: 2.25rem; color: #fff; font-size: 1.2rem; background: #ffb500; } .dnrn{ font-size: 1.15rem; line-height:2.2rem; } .dnrn img{width:100%;display:inline;} .stn{ margin: 30px 10px 20px 10px; font-size:14px; line-height:24px; color:#333;} video{display:none;} .mnav{ width:100%; height:50px; background:#00968f; position: fixed; bottom: 0; z-index: 999; box-shadow: 0px 0px 20px 0px rgba(0,150,143, .2);} .mnav p { width:25%; float:left; display:block; text-align:center; padding-top:28px; color:#fff; font-size:14px;} .mnav p a{ display:block; color:#fff;} .mnav p:nth-child(1){ background:url(../images/m1.png) no-repeat center 4px; background-size:25%; } .mnav p:nth-child(2){ background:url(../images/m3.png) no-repeat center 4px; background-size:25%; } .mnav p:nth-child(3){ background:url(../images/m4.png) no-repeat center 4px; background-size:25%;} .mnav p:nth-child(4){ background:url(../images/m2.png) no-repeat center 4px; background-size:27%;} .kefu a{ width:40px; height:40px; display:blcok; background:#00968f; position: fixed; right: 0; bottom: 30%; border-radius: 50%; z-index: 99999; box-shadow: 0px 0px 20px 0px rgba(0,150,143, .4);} .kefu a img{ width:100%; } } @media (min-width: 1025px) { .m{display:none;} * { margin: 0px; padding: 0px;} body, html { font-family:Arial, "微软雅黑"; font-size: 12px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; overflow-scrolling: touch ; } a { text-decoration: none; color: #666;} a:hover { text-decoration: underline;} ul, li {list-style-image: none;list-style-type: none;} img { border:none; display: block; } .clr {clear: both;} .left{ float:left;} .right{ float:right;} .hidden{ overflow:hidden;} .top{ width:100%; background:#f4f4f4; height:30px; line-height:30px; color:#999;} .top a{ color:#149a94;} .topn{ width:1200px; margin:auto;} .head{ width:1200px; margin:auto; height:104px; } .logo{ padding-top:20px; width:250px; float:left;} .logo h1{ font-size:30px; color:#149c94;} .logo span{ font-size:20px; color:#149c94;} .logo img{ display:block; float:left;} .logon{ padding-left:14px; float:left; } .nav { width:900px; float:right; margin-right:-50px; } ul.nav li{ width: 112px; text-align:center; } ul.nav > li{ float: left; } ul.nav li h3{line-height:100px; } ul.nav > li > h3 a{ color: #333; font-size: 16px; font-weight: normal; display: block; height: 100px; } ul.nav > li > ul > li h3 a{ display: block; font-size: 14px; font-weight: normal; background: rgba(255,255,255,1); color: #333; height: 50px; line-height: 50px; border-bottom:solid 1px #ccc; width:180px;} ul.nav > li > ul > li h3 a:hover{ border-bottom:solid 1px #ccc; font-weight:normal;} .on .choice a { display: block; color: #139990; font-weight:bold; } ul.nav > li h3 a:hover,.choice {color: #139990; font-weight:bold; text-decoration: none; border-bottom:solid 4px #109591;} ul > li > ul{ display: none;} ul > li.on > ul{ display: block; position:absolute; z-index:999; width:180px; top:100px; left:-26px; border-top:solid 4px #109591; } ul.nav li{ position: relative; } .banner{ width:100%; height:715px;} /* banner图 */ .flexslider{ position:relative; height:715px; overflow:hidden; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: 50%; z-index:1; } .slides{ position:relative; z-index:1; } .slides li{ height:715px; } .slides img{ margin:auto; } .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{ display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; cursor:pointer; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: right 0; } .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{ left:40px; background-repeat: no-repeat; background-position: center center; } .flex-direction-nav li a.flex-next{ right:40px; background-repeat: no-repeat; background-position: center center; } .title{ text-align:center; padding-top:40px;} .title p{ color:#00968f; font-size:36px; font-weight:bold;} .title span{ font-size:20px; color:#858585; display:block;} .title span:after{ content:""; display:block; width:46px; height:6px; background:#fcab00; margin:10px auto;} .mt-tabpage {width: 1250px; margin: 30px auto;} .mt-tabpage-title { height: 45px; text-align:center; font-size: 0; } .mt-tabpage-title .mt-tabpage-item { background:#00968f; display: inline-block; width: 187px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:16px; margin:0 10px;} .mt-tabpage-title .mt-tabpage-item:hover{ text-decoration:none; color: #fff; background:#fcab00; } .mt-tabpage-title .mt-tabpage-item-cur { color: #fff; background:#fcab00; } .mt-tabpage-count { position: relative; width: 1200px; height: 360px; overflow: hidden; padding-top:30px; margin: auto;} .mt-tabpage-cont__wrap {position: absolute;} .mt-tabpage-count .mt-tabpage-item {width: 1200px; height: 360px; text-align: center;} .mt-tabpage-count .mt-tabpage-item p{ float:left; margin: 0 22px;} .mt-tabpage-count .mt-tabpage-item p img{ display:block; padding:1px; border:solid 1px #d7d7d7;} .mt-tabpage-count .mt-tabpage-item p span{ font-size:16px; color:#333; padding-top:20px; display:block;} .sgy{ width:100%; height:574px; background:#f7f7f7;} .sgyl{ width:50%; height:574px; float:left; background:url(../images/gypic.jpg) no-repeat; background-size:cover;} .sgyr{ width:530px; float:left; padding-left:33px;} .sgyr b{ color:#109591; font-size:36px; font-weight:bold; display:block; padding-top:60px;} .sgyr span{ display:block; font-size:20px; color:#858585; padding:8px 0;} .sgyr span:after{ content:""; display:block; width:46px; height:6px; background:#fcab00; margin-top:14px;} .sgyr strong{ font-size:16px; color:#000; display:block; padding:30px 0 10px 0;} .sgyr p{ font-size:14px; color:#666; line-height:26px; padding-bottom:50px;} .sgyr a{ color:#666; font-size:16px; display:block; width:129px; height:37px; line-height:37px; border:solid 1px #c4c4c4; text-align:center; border-radius:20px;} .sgyn{ width:100%; height:184px; background:#139a91; margin-bottom:20px;} .sgyc{ width:1200px; margin:auto;} .sgyc p{ float:left; width:235px; height:105px; text-align:center; border-right:solid 1px #1ab4aa; margin-top:43px;} .sgyc img{ display:block; margin:auto; } .i1{ padding:6px 0 15px 0;} .i2{ padding:5px 0 23px 0;} .i3{ padding:10px 0 27px 0 ;} .i4{ padding:12px 0 30px 0;} .i5{ padding:5px 0 21px 0;} .sgyc p:nth-child(5){ border:none;} .sgyc p a span{ color:#fff; font-size:16px;} .sxwt{ width:1200px; margin:auto;} .sxwt p{ float:left;} .sxwt p a{ float:left; font-size:20px; color:#999; font-weight:bold; margin-right:50px;} .sxwt p a span{ color:#139a91; padding-bottom:10px; border-bottom:solid 3px #139a91;} .sxwt p a:hover{ text-decoration:none;} .sxwt a{ float:right;} .sxw{ width:1200px; margin:auto; padding-bottom:80px;} .sxwl{ float:left; width:572px;} .sxwl img{ display:block; padding:50px 0;} .sxwn .left{ border-right:solid 1px #ebebeb; height:88px; padding:0 32px; text-align:center;} .sxwn .left b{ font-size:40px; display:block; color:#333;} .sxwn .left p{ font-size:14px; color:#666;} .sxwn .right{ width:420px;} .sxwn .right a{ display:block; font-size:18px; color:#333;} .sxwn .right p{ font-size:14px; line-height:26px; color:#888; padding-top:10px;} .sxwr{ float:right; padding-top:48px;} .lie{ width:561px; height:131px; border:solid 1px #ebebeb; margin-bottom:20px;} .lie .left{ border-right:solid 1px #ebebeb; height:88px; padding:0 32px; text-align:center; margin-top:22px;} .lie .left b{ font-size:40px; display:block; color:#333; padding-top:10px;} .lie .left p{ font-size:14px; color:#666;} .lie .right{ width:400px; padding-right:20px; margin-top:22px;} .lie .right a{ display:block; font-size:18px; color:#333;} .lie .right p{ font-size:14px; line-height:26px; color:#888; padding-top:10px;} .ft{ width:100%; height:398px; background:#ffffff; font-size:14px;} .ftn{ width:1200px; margin:auto; color:#666; font-size:14px; padding-top:72px; line-height:30px;} .ft dl{ float:left; height:230px; border-right:solid 1px #e6e6e6; padding:0 50px;} .ft dt a{ display:block; font-size:16px; color:#000; font-weight:bold;} .ft p{ float:right; text-align:right;} .ft p img{ display:block; float:right;} .ft p span{ display:block; } .ft p span b{ color:#0f9c90;} .bq{ width:100%; height:54px; line-height:54px; background:#ffffff; color:#fff; text-align:center; font-size:14px;} .bq a{ color:#fff; margin-left:14px;} .bqn{ width:1200px; margin:auto;} .bql{ float:left;} .bqr{ float:right;} .nbanner{ width:100%; height:300px; background-color: #000; background-image: url(../images/nbanner.jpg); background-repeat: no-repeat; background-position: center top; } .side { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; text-align:center; width:1200px; margin:auto; padding-top:36px; padding-bottom:36px; } .side a { display: inline-block; padding:0 45px; height:36px; line-height:36px; border:solid 1px #cecece; color:#666; font-size:16px; border-radius:80px; margin:10px 10px; } .side a:hover{background: #139a91; color:#fff; border:solid 1px #fff; text-decoration:none;} .side .active{background: #139a91; color:#fff; border:solid 1px #fff; text-decoration:none;} .gy{ width:1160px; margin:60px auto; color:#666; font-size:16px; line-height:30px;} .gy img{ display:inline;} .xw{ width:1160px; margin:20px auto 50px auto;} .news{ border-bottom:solid 1px #e2e2e2; overflow:hidden; height:200px; padding-top:20px; } .news a:hover{ text-decoration:none;} .news a img{ display:block; float:left; padding-right:20px; } .newsn{ float:left; width:970px;} .newsn a b{ display:block; font-size:20px; color:#333; padding:10px 0 20px 0; font-weight:normal; transition:all 1s ease;} .newsn a:hover b{ margin-left:20px;} .newsn p{ font-size:16px; color:#666; line-height:30px;} .newsn span{ display:block; font-size:16px; color:#999; padding-top:10px;} .xwbody { width: 1160px; margin-right: auto; margin-left: auto; } .xwbody h1 { font-size: 30px; text-align: center; font-weight: normal; padding-top: 20px; } .fu { font-size: 14px; color: #999; background-image: url(../images/z.gif); background-repeat: no-repeat; background-position: left; text-align: center; width: 120px; margin-right: auto; margin-left: auto; margin-top: 10px; } .xwn { font-size: 16px; line-height: 30px; color: #666; margin-top: 20px; margin-bottom: 20px; border-top:solid 1px #eee; padding-top: 20px; padding-bottom:50px; color:#666; } .xwn img { display: inline; } .pro{ width:1200px; margin:20px auto; overflow:hidden;} .cp{ border:solid 1px #dcdcdc; width:275px; float:left; margin-right:20px; margin-bottom:30px; transition:all .2s; height:380px;} .cp:nth-child(4n+0){ margin-right:0;} .cp a:hover{ text-decoration:none;} .cp:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-4px,0);} .cp a{ display:block; overflow: hidden;} .tu{ overflow:hidden; width:275px; height:275px;} .tu2{ overflow:hidden; width:275px; height:397px;} .tu img{max-width:100%;max-height:100%;} .cp img{transition:all 1s;} .cp a:hover img{transform:scale(1.2);} .cp a img{ display:block;} .cp a b{ font-weight:normal; font-size:17px; color:#333; display:block; padding:20px 15px;} .cp a span{ font-size:14px; color:#999; display:block; padding-left:15px; padding-bottom:20px;} object{ display:none;} /*pages*/ .pages{ height: 60px; padding: 20px 0 30px; width: 100%; clear: both; } .tcdPageCode { text-align: center; color: #808080; font-size: 14px; } .tcdPageCode li{ display: inline; } .tcdPageCode span.disabled { display: inline-block; height: 35px; line-height: 35px; padding: 0 14px; margin: 0 2px; color: #808080; background: #fff; border: 1px solid #e6e3e3; vertical-align: middle; border-radius:1px; } .tcdPageCode span.current { display: inline-block; height: 35px; line-height: 35px; padding: 0 14px; margin: 0 2px; color: #fff; background-color: #1baadb; border: 1px solid #1baadb; vertical-align: middle; border-radius:1px; } .tcdPageCode a { display: inline-block; color: #808080; height: 35px; line-height: 35px; background: #fff; padding: 0 14px; border: 1px solid #ddd; margin: 0 2px; vertical-align: middle; border-radius:1px; } .m-t-20{ text-align:center; margin:20px 0;!important } .page-item a{color:#333;} /*上下翻页*/ .pagination{ border-top:1px solid #f7f7f7; padding-top: 20px; } .page-link{ border-radius: 24px !important; display:block; } .wz{ width:100%;height:40px; line-height:40px; background:#eeeeef; color:#999;} .wzn{width:1160px;margin:auto; background:url(../images/home2.png) no-repeat 0 12px; text-indent:22px;} .wzn a{color:#999;} .ueditor_baidumap{ width:100%;} .pDtl-tBox{ padding:20px; line-height:26px; font-size:14px; color:#666;} .jj{ color:#333; line-height:26px; font-size:14px;} .yue{ width:1200px; margin:auto; overflow:hidden; padding:20px 0;} .yuel{ float:left; width:245px;} .yuer{ float:right; width:900px; line-height:30px; font-size:16px; color:#333;} .yuert{margin-bottom:20px;} .yuert span{ display:block; padding:6px 15px; background:#139a91; font-size:26px; font-weight:bold; color:#fff;} .yuern{ padding:0 20px;} .yuern img{ display:inline;} .menu_list{width:268px;margin:0 auto;} .menu_head{height:47px;line-height:47px;padding-left:38px;font-size:16px;color:#333;cursor:pointer;border:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;} .menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;} .menu_body{line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;} .menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#666;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1; font-size:14px; overflow: hidden;} .menu_body a:hover{text-decoration:none;} } @media only screen and (min-width: 768px){ } .flinks{ width:1200px; margin:17px auto; color:#666; font-size:17px;} .flinks a{ color:#666; } .tui ul{width:100%} .tui li{width:50%;float:left;display:block;line-height:25px} .paihangbang { height: 31px; line-height: 31px; background-color: #163a84; color: #fff; text-indent: 12px; margin-top: 15px; font-size: 16px; } .paihangbang1 { line-height: 24px; padding-top: 4px; } .a { width: 240px; float: left; } .xwbody a{ color:#aaa; text-decoration:underline;} table{border-left:solid 1px #ddd; border-top:solid 1px #ddd;} td{border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:12px;} object{ display:none;}