ul{ list-style: none; padding: 0 } body{overflow-x:hidden} .center { margin: 0 auto; width: 1300px; } /*团队样式*/ .team_list .col-md-6{margin-bottom: 30px;} .team_list .inner{ background: #fbfbfb; padding: 40px 15px 15px; border-radius: 8px; box-shadow: 4px 6px 0 #dfdfdf; -webkit-box-shadow: 4px 6px 0 #dfdfdf; -moz-box-shadow: 4px 6px 0 #dfdfdf; -o-box-shadow: 4px 6px 0 #dfdfdf; } .team_list .inner:hover{ box-shadow: 4px 6px 0 #3fb0fe; -webkit-box-shadow: 4px 6px 0 #3fb0fe; -moz-box-shadow: 4px 6px 0 #3fb0fe; -o-box-shadow: 4px 6px 0 #3fb0fe; } .team_list .inner a{ display: inline-block; overflow: hidden; } .team_list .pic{ position: relative; float: left; } .team_list .icon01{ position: absolute; left:15px; top:35px; } .team_list .icon02{ position: absolute; left:35%; top:15px; } .team_list .row{ padding: 50px 0 } .team_list .pic span{ display: block; width: 200px; height: 200px; background: url("/skin/img/team_icon01.png") no-repeat center center; background-size: cover; padding: 10px; } .team_list .pic span img{ width: 100%; height: 100%; border-radius: 50%; } .team_list .infors{overflow: hidden;padding-left: 20px;} .team_list .infors h3{font-size: 22px;color: #000;padding-top: 20px;} .team_list .infors p.nick_name{font-size: 16px;color: #000;} .team_list .infors p.ct{font-size: 14px;color: #919191;margin-top: 15px;} @media (max-width: 995px) { .team_list .col-md-6{ float: none; width: 100%; } .team_list .row { padding: 30px 0; } .team_list .pic span{ width: 120px; height: 120px; } .team_list .infors h3{font-size: 18px;padding-top: 10px;font-weight: bold;} .team_list .infors p.nick_name{font-size: 14px;} .team_list .infors p.ct{margin-top: 0px} .tabs_pub span{ padding: 4px 15px!important; font-size: 14px!important; } }.aboutpage img{width:100%!important;height:auto!important;} /*团队样式end*/ .dropdown_nav { position: absolute; top: 49px; left: 50%; text-align: center; margin-left: -60px; width: 120px; padding: 0; list-style: none; background: #3fb0fe; padding-top: 8px; padding-bottom: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); display: none; } .dropdown_nav li a{ color: #fff; display: inline-block; width: 100%; } .dropdown_nav li a:hover{ color: #f4c831; } .dropdown_nav li{ line-height: 35px; } #menu>ul>li:hover .dropdown_nav {display: block;} @media screen and (min-width:851px){ /*页头*/ #header{width:100%;height:106px;position:relative;margin:0 auto;background:#fff;box-shadow:0 0 14px rgba(0,0,0,0.2);z-index:1000;transition:height 0.2s ease;z-index: 998!important;} #header .btn_ewm{display:none;} #header .btn_menu{display:none;} /*网站标志*/ #logo{float:left;width:220px;height:94px;padding-top:12px;} #logo a{float:left;width:135px;height:77px;margin-right:30px;display:inline;} #logo .icon_diqu{width:19px;height:16px;vertical-align:middle;background:url("/skin/img/icon_c.png") no-repeat left top;display:inline-block;} #logo strong{line-height:1.81rem;font-size:18px;font-weight:normal;color:#02050a;margin-top:24px;display:block;} #logo em{line-height:1.31rem;font-size:13px;color:#02050a;font-style: normal;} /*菜单*/ #menu{float:left;width:700px;line-height:47px;padding-top:36px;} #menu>ul>li{float:left;margin:0 10px;display:inline;position: relative;} #menu>ul>li>a{float:left;font-size:15px;color: #222;} #menu>ul>li>a:hover,#menu>ul>li.change>a{color:#3fb0fe;text-decoration:none;border-bottom: 2px solid #3fb0fe} /*二维码*/ #erweima{float:right;width:213px;height:92px;text-align:right;padding-top:14px;display:block;} #erweima .erweima{float:right;width:65px;height:66px;margin-left:10px;padding:3px;display:inline;} #erweima .erweima img{width:100%;height:100%;display:block;} #erweima span{padding-top:17px;display:block;} #erweima .tel{font-size:16px;color:#3fb0fe;display:block;} #header.header_change{height:85px;z-index: 998!important;} #header.header_change #logo{height:83px;padding-top:2px;} #header.header_change #menu{height:60px;padding-top:25px;} #header.header_change #erweima{height:80px;padding-top:5px;} #header.header_change .btn_ewm{margin-top:35px;} } @media screen and (max-width: 1350px){ .center{width:1200px;} #header #erweima{height:auto;position:absolute;top:100%;right:20px;padding-right:10px;padding-bottom:15px;background-color:#ffffff;box-shadow:4px 7px 7px rgba(0,0,0,0.1);border-radius:0 0 5px 5px;display:none;} #header #logo{width:404px;} #header #logo a{margin-right:15px;} #header #menu{float:right;} #header .icon_ewm{} #header .btn_ewm{float:right;width:24px;position:relative;margin-top:47px;display:inline;z-index:1000;} #header .btn_ewm img{width:100%;} } @media screen and (min-width: 1350px){ #erweima{display:block!important;} } @media screen and (max-width: 1250px){ #header .center{width:1100px;} #region .region_box{width:90%;} .region_sort{width:100%;} .region_sort a{font-size:21px;} } @media screen and (max-width: 1200px){ #header #menu{width:auto;} #header .center{width:100%;} #Introduction{line-height:2.4rem;font-size:20px;} #region .region_box{width:90%;} #BaoBei_intr{width:100%;} #BaoBei_intr dl{font-size:20px;} #BaoBei_video{width:100%;} #BaoBei_photo{width:100%;} .SortList2 a strong{font-size:46px;} } @media screen and (max-width: 1150px){ #header #logo{} #header .center{margin:0 auto;} #menu ul li{margin:0 10px;} #Introduction{line-height:2;font-size:18px;} #BaoBei_video ._box iframe{border-radius:1.2rem;} } @media screen and (max-width: 1000px){ #Process{width:95%;} #Process ul li .line{height:10px;} #Process ul li em{line-height:2;font-size:18px;} #Introduction{line-height:2;font-size:16px;} #container .center{min-width:auto;} .region_sort a{font-size:18px;} #BaoBei_intr dl{font-size:18px;} .SortList2 a strong{font-size:40px;margin-top:33%;} #BaoBei_video ._box iframe{border-radius:0.9rem;} } @media screen and (max-width: 850px){ a:hover{text-decoration:none;} #banner{position:relative;overflow:hidden;margin-bottom:0px;} #Introduction{width:100%;background-color:#fce3e7;} #Introduction .Introduction_nr{width:87.75999999999999%;position:relative;padding-top:6.65%;padding-right:6.12%;padding-left:6.12%;} #Introduction .pic{float:none;width:24.00%;margin:0 auto;margin-bottom:4.66%;display:block;} #Introduction .borderpic{display:none;} #Introduction p{line-height:1.38rem;font-size:15px;} #region .region_box{width:98%;} #header{height:68px;position:relative;background:#fff;box-shadow:0 0 14px rgba(0,0,0,0.2);border-bottom:1px solid #eaeaea;z-index:11500;} #header .center{padding:0;} #header .btn_ewm{width:68px;text-align:center;position:absolute;top:0px;right:68px;bottom:0px;margin:0;padding:0;} #header .btn_ewm::after{width:0;height:100%;overflow:hidden;vertical-align:middle;display:inline-block;content:"";} #header .btn_ewm img{width:35%;display:inline-block;} #header .btn_menu{float:right;width:68px;text-align:center;position:absolute;top:0px;right:0px;bottom:0px;display:block;} #header .btn_menu::after{width:0;height:100%;overflow:hidden;vertical-align:middle;display:inline-block;content:"";} #header .btn_menu img{width:47%;display:inline-block;} #header #logo{width:100px;height:auto;text-align:center;padding-top:5px;} #header #logo a{float:none;height:auto;margin:0 auto;display:block;} #header #menu{float:none;position:absolute;color:#fff;top:100%;right:0px;left:0px;background-color:#fed047;display:none;} #header #menu ul{margin:0;} #header #menu ul li{margin:0;border-bottom:1px solid #fff7de;} #header #menu ul li.change a{color:#fff;background-color:#4fc5df;} #header #menu ul li a{height:48px;line-height:48px;text-align:center;font-size:18px;color:#fff7de;text-shadow:0 2px 2px rgba(0,0,0,0.2);display:block;} #header.header_change .btn_ewm{margin-top:5px;} #logo strong{display:none;} #logo a{width:70px;margin:0 auto;margin-left:4.12%;padding-top:11px;display:block;} #logo a img{width:100%;max-width:100%;} #logo em{display:none;} #header #erweima{position:absolute;top:100%;right:0px;left:0px;padding:0;padding-bottom:4.12%;background-color:#fff7de;border-top:1px solid #d3d0d0;display:none;z-index:11500;} #header #erweima .erweima{width:100%;margin:0;margin-bottom:3.33%;padding-top:10.11%;padding-bottom:10.11%;background:#fff;} #header #erweima .erweima img{width:45.00%;margin:0 auto;display:block;} #header #erweima span{text-align:center;font-size:14px;display:block;} #header #erweima .tel{text-align:center;font-size:20px;color:#4fc5df;display:block;} .diqulist{width:100%;} .diqulist a{float:left;width:29.10%;height:auto;position:relative;margin-right:0px;margin-bottom:2.79%;margin-left:3%;} .diqulist a img{} .icon_mouse{width:23px;height:29px;position:absolute;top:80%;left:50%;margin-left:-12px;background:url("/skin/images/icon_mouse.png") no-repeat left top;background-size:100%;cursor:pointer;display:block;z-index:150000;} #erweima_zz,#menu_zz{position:fixed;top:0px;right:0px;bottom:0px;left:0px;background:rgba(0,0,0,0.8);display:none;z-index: 999;} #banner2{width:100%;height:auto;padding-top:62.32%;background:#fed047 url("/skin/images/banner2_mobile.jpg") no-repeat center bottom;background-size:100%;} #banner2 .banner_title{width:43.06%;top:6%;margin-top:0;margin-left:-21.53%;} #banner2 .banner_title img{width:100%;max-width:100%;} .MainTitle{font-size:20px;margin-bottom:1.4%;} .MainTitle .line{width:60px;height:12px;} .PhotoList li strong{font-size:14px;} .PhotoList .photo{border-width:2px;border-radius:5px;} .SortList{width:100%;margin-top:2.66%;margin-bottom:3.25%;} .SortList a{width:24.55%;height:1px;text-align:center;position:relative;color:#fff;margin-right:0.97%;margin-left:0.97%;padding-top:18.30%;background:url("/skin/images/fenleibg.png") no-repeat left top;background-size:100%;display:inline-block;} .SortList a span{position:absolute;font-size:16px;top:0;right:0px;left:0;margin-top:24.17%;letter-spacing:3px;} .SortList a i{background-size:100%!important;} .SortList a strong{font-weight:normal;font-size:34px;} #container .PictureList{width:100%;} #container .PictureList li{width:45.00%;margin-bottom:2.45%;margin-left:3.21%;} #container .PictureList li strong{height:auto;line-height:2.3;font-size:16px;} #container .PictureList li .photo{width:98.64%;height:auto;padding-top:83.33%;} #container .PictureList li .photo img{position:absolute;top:0;left:0;} .region_sort a{font-size:14px;} #BaoBei_video ._box iframe{border-radius:0.9rem;} #BaoBei_intr{padding-bottom:5%;} #BaoBei_intr::after{clear:both;display:block;content:"";} #BaoBei_intr .pic2{float:left;width:30%;margin-bottom:3%;margin-left:4%;display:block;} #BaoBei_intr ._box{width:100%;padding-top:0;} #BaoBei_intr ._box .pic{display:none;} #BaoBei_intr dl{float:left;width:62%;position:relative;font-size:14px;color:#02050a;margin-top:5%;margin-left:0px;} .SortList2 a strong{font-size:34px;} .top_pub{display: none;} .dropdown_nav { position: relative; top: 0; left: 0; text-align: center; margin-left: -60px; width: 100%; padding: 0; list-style: none; background: #4fc5df; padding-top: 0; padding-bottom: 0; box-shadow: none; } .dropdown_nav li{border-bottom: 1px solid rgba(255,255,255,0.2)!important} .dropdown_nav li:last-child{border: 0!important} } @media screen and (max-width:750px) { .SortList a strong{font-size:26px;} .SortList2 a strong{font-size:28px;margin-top:36%;} #BaoBei_video ._box iframe{border-radius:0.6rem;} } @media screen and (max-width:550px) { .SortList a strong{font-size:20px;} .SortList2 a strong{font-size:22px;} } @media screen and (max-width:360px) { .region_sort{width:120%;position:relative;left:50%;margin-left:-60%;} .region_sort a{font-size:11px;} .region_sort a strong{} .SortList a strong{font-size:16px;} .SortList2 a strong{font-size:14px;margin-top:32%;} } .banner img{ width: 100%; } .top_pub{ background: #94b5f5 ; font-size: 14px; color: #fff; padding: 5px 0; } .top_pub .left{ float: left; padding-top: 6px; } .top_pub .right{ float: right; } .top_pub a.s1{ display: inline-block; margin-left: 150px; } .top_pub a { display: inline-block; margin-left: 20px; } .about_lg{ background: #fff; color: #fff; padding: 40px 0; text-align: center; } .about_lg .col-md-2{ float: left; width: 20%; border-left:1px dashed #fff; } .about_lg .col-md-2 a{ display: block; width: 100%; font-size: 17px; color: #000; } .about_lg .col-md-2:first-child{ border: 0 } .about_lg .col-md-2 a p{ margin:5px 0 0 ; } a {text-decoration:none!important;} a:visited {text-decoration:none!important;} a:hover {text-decoration:none!important;} a:active {text-decoration:none!important;} .lg_club{ background: #fbfbfb; padding: 80px 0; } .lg_club .pic{ float: left; } .lg_club .text{ overflow: hidden; padding-left: 80px; font-size: 14px; color: #000; line-height: 28px; } .lg_club .text img{ margin-bottom: 0px; max-width:100% } .lg_club .text p{ text-indent:2em; } .lg_club .text .btn1{ margin-top: 10px; } a.btn1{ display: inline-block; background: #fb6678; font-size: 21px; color: #fff; padding:10px 20px; border-radius: 6px; text-indent: 0 } a.btn1:hover{ background: #fa4b63; } .btn_center{ text-align: center; } .tixi{ background: #94b5f5 ; text-align: center; font-size: 38px; color: #fff; padding: 40px 0 } .tixi p{ margin:0; } .course{ background: #f6f6f6; } .col-md-4{ float: left; width: 33.333333333%; } .col-md-3{ float: left; width: 25%; } .col-md-6{ float: left; width: 50%; } .course .row1{ padding-top:65px; padding-bottom:65px; } .course .row1 .pic img{ width: 100%; } .course .row1 .col-md-4 a{ display: inline-block; width: 100%; background: #fff; border-radius: 10px; overflow: hidden; background: #fff; } .course .row1 .col-md-4 a:hover{ box-shadow: 0 2px 6px rgba(0,0,0,0.1) } h3,h4{ margin: 0; padding: 0; } .course .row1 h3{ margin: 0; font-size: 23px; color: #fa6479; padding: 20px 15px; } .course .row1 h4{ margin: 0; font-size: 15px; color: #fa6479; padding: 0 15px; } .course .row1 p{ font-size: 14px; color: #8f8f8f; padding: 15px; line-height: 28px; } .course .row2{ text-align: center; padding-bottom: 80px; } .course .row2 img{ width: 85%; margin-bottom: 15px; } .course .row2 h3{ font-size: 21px; color: #3fb0fe; margin-bottom: 10px; } .course .row2 p{ font-size: 15px; color: #8f8f8f; } .jinli img{ width: 100%; } #flexiselDemo1{ list-style: none; padding: 0; margin:0; } #flexiselDemo1 li{ float: left; } #flexiselDemo1 li img{ width: 100%; } .inner_block{ padding: 0 15px; } .nbs-flexisel-container { position: relative; max-width: 100%; } .nbs-flexisel-ul { position: relative; width: 9999px; list-style-type: none; } .nbs-flexisel-inner { overflow: hidden; width:90%; margin: 0 auto; } .nbs-flexisel-item { float: left; /* position: relative; */ line-height: 0px; } .nbs-flexisel-item > img { cursor: pointer; position: relative; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 36px; height: 36px; position: absolute; cursor: pointer; z-index: 100; border-radius: 50%; top:35%!important; } .nbs-flexisel-nav-left { left: 0px; background:url("/skin/img/left_arr.jpg") no-repeat center center; background-size: cover; } .nbs-flexisel-nav-right { right: 0px; background:url("/skin/img/right_arr.jpg") no-repeat center center; background-size: cover; } .news li a{ display: inline-block; width: 100%; } .news li a h3{ font-size: 17px; color: #222; padding: 10px 0 } .news li a p.ct{ font-size: 13px; color: #6b6b6b; line-height:22px; } .news li a p.time{ font-size: 12px; color: #999; padding-top: 10px; } .news{ padding: 55px 0 70px; } .news .title{ color: #fa6479; text-align: center; margin-bottom: 50px; font-size: 38px; } .btn1.btn2{ background: #fff; border:1px solid #fa6479; color: #fa6479; font-size: 13px; border-radius: 0; padding: 10px 25px; margin-top: 50px; } .news .btn1.btn2:hover{ color: #fff; } .footer_links{ background: #f6f6f6; padding: 40px 0 } .footer_links dl{ float: left; width: 11.111111%; } .footer_links dl dt{ font-size: 15px; color: #ff5b64; font-weight: normal; text-align: center; } .footer_links dl dt span{ display: block; margin:10px auto 20px; width: 35px; height: 2px; background: #f8b62c; } .footer_links dl dd a{ color: #333; text-align: center; display: inline-block; width: 100%; font-size: 13px; line-height: 24px; } .footer_links dl dd a:hover{ color: #1870b0; } .copyright{ font-size: 13px; color: #fff; background: #94b5f5; padding: 8px 0; text-align: center; } /*右侧*/ .cuteimg{ position:fixed; top:80%; right: 40px; margin-top:-190px; } .quick_links{ position:fixed; top:70%; right: 0; margin-top:-190px; background:#fff; z-index:2; width:68px; border:1px solid #fa6479; border-radius: 6px; } .quick_links .s4{ padding-bottom: 10px; text-align: center; margin-bottom: 4px; margin-top: 6px; } .quick_links .s4 img{ width: 30px; } .quick_links .s4:hover{ background: #fff; } .quick_links li:hover{ background: #fa6479; } .quick_links li:hover p{ color: #fff; } .quick_links li span{ display: block; width: 40px; height: 46px; margin:0 auto; background: url("/skin/img/slide01_on.png") no-repeat center center; } .quick_links li.s2 span{ background: url("/skin/img/slide02_on.png") no-repeat center center; } .quick_links li.s3 span{ background: url("/skin/img/slide03_on.png") no-repeat center center; } .quick_links li.s1:hover span{ background: url("/skin/img/slide01_off.png") no-repeat center center; } .quick_links li.s2:hover span{ background: url("/skin/img/slide02_off.png") no-repeat center center; } .quick_links li.s3:hover span{ background: url("/skin/img/slide03_off.png") no-repeat center center; } .quick_links li p{ color: #fa6479; font-size: 13px; text-align: center; } .pub_title02{ font-weight: 50px; color: #fff; margin:0; padding: 0; } .pub_title02 span{ background: #ec7f7f; padding: 10px 20px; border-radius: 8px; display: inline-block; font-size: 40px; margin-bottom: 50px; } .aboutpage .story{ padding: 80px 0 } .aboutpage .story dl{ margin-bottom: 70px; } .aboutpage .story dt{ font-size: 30px; color: #ec7f7f; margin-bottom: 30px; } .aboutpage .story dd{ font-size: 20px; color: #727171; font-weight: normal; line-height: 45px; } .aboutpage .story dd p{ text-indent: 2em; } .aboutpage .story img{ width: 100%; } .aboutpage .infors p{ font-size: 20px; color: #727171; font-weight: normal; line-height: 45px; text-indent: 2em; margin-bottom: 60px; } .pub_title02 span.c_blue{ background: #80cef2; } .aboutpage .infors h4{ font-size: 30px; color: #ec7f7f; margin-bottom: 40px; } .pub_title02 span.c_pur{ background: #8e82ba; } .aboutpage .goods ul{ background: #a5b3d3; color: #fff; margin:0; padding: 80px 150px; font-size: 25px; } .aboutpage .goods ul li{ padding-bottom: 10px; line-height: 40px; } .aboutpage .goods ul li font{ font-weight: bold; float: left; } .aboutpage .goods ul li span{ display: block; overflow: hidden; } .aboutpage .goods img{ width: 100%; } .aboutpage .grow_up img{ width: 100%; } .aboutpage .grow_up{ margin-top: 80px; } .kc_animals{ padding: 70px 0 60px; } .kc_animals .inner{ border:5px solid #3fb0fe; border-top-left-radius: 10px; border-top-right-radius: 10px; } .kc_animals .inner .top{ overflow: hidden; background: #3fb0fe; color: #fff } .kc_animals .col-md-4{ margin-bottom: 30px; } .kc_animals .inner .top img{ float: left; } .kc_animals .inner .top .text{ overflow: hidden; font-size: 20px; padding-top: 40px; } .kc_animals .inner .top .text p:first-child{ font-size: 32px; } .kc_animals .inner .downs{ font-size: 15px; color: #3fb0fe; padding: 15px; text-align: center; line-height: 30px; height: 120px; } .kc_animals .inner.block02{ border:5px solid #9a57b4; } .kc_animals .inner.block02 .top{ background: #9a57b4; } .kc_animals .inner.block02 .downs{ color: #9a57b4; } .kc_animals .inner.block03{ border:5px solid #f1c30e; } .kc_animals .inner.block03 .top{ background: #f1c30e; } .kc_animals .inner.block03 .downs{ color: #f1c30e; } .kc_animals .inner.block04{ border:5px solid #e94b88; } .kc_animals .inner.block04 .top{ background: #e94b88; } .kc_animals .inner.block04 .downs{ color: #e94b88; } .kc_animals .inner.block05{ border:5px solid #21cad0; } .kc_animals .inner.block05 .top{ background: #21cad0; } .kc_animals .inner.block05 .downs{ color: #21cad0; } .kc_animals .inner.block06{ border:5px solid #138de2; } .kc_animals .inner.block06 .top{ background: #138de2; } .kc_animals .inner.block06 .downs{ color: #138de2; } .kc_tx{ background: #fbfbfb; padding: 70px 0 60px; } .kc_tx .gainian { overflow: hidden; } .kc_tx .gainian img{ float: left; width: 50%; } .stx{ margin-top: 60px; } .stx .pub_title02 span{ font-size: 26px; background: #6cc8da; margin-bottom: 10px; } .stx .left{ float: left; width: 45%; } .stx .left p{ color: #ec7f7f; font-size: 20px; } .stx .pic{ float: left; width: 225px; } .stx .right{ overflow: hidden; float: right; width: 45%; padding-top: 0px; } .stx .pic img{ width: 100%; margin-bottom: 5px; } .stx .right dl { padding-left: 30px; } .stx .right .rtext{ overflow: hidden; } .stx .right dl dt { font-weight: normal; color: #f49e4d; font-size: 18px; margin-bottom: 15px; } .stx .right dl dt span{ width: 15px; height: 15px; display: inline-block; background: #f49e4d; border-radius: 50%; margin-right: 10px; } .stx .right dl dd{ font-size: 12px; line-height: 25px; color: #666 } .stx .right dl dd font{ color: #f49e4d; } .tabs_pub{ padding: 35px 0 0; } .tabs_pub .active span{ background: #2aabe4; color: #fff; } .tabs_pub span { display: inline-block; color: #fff; font-size: 20px; padding: 6px 30px; color: #2aabe4; border: 2px solid #2aabe4; border-radius: 80px; margin-right: 10px; } .new_list{ padding: 35px 0; } .new_list .items{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #e9e9e9; } .new_list .items:last-child{ border:0; } .new_list .items :hover .text h3 a{ color: #3fb0fe; } .new_list .left{ float: left; width: 65%; } .new_list .left .day{ width: 116px; height: 108px; float: left; background: #e9e9e9; text-align: center; } .new_list .left .day p{ font-size: 55px; color: #fff; } .new_list .left .day p.s2{ font-size: 16px; padding: 5px 0; background: #3fb0fe; } .new_list .left .text{ overflow: hidden; padding-left: 30px; } .new_list .left .text h3 a{ font-size: 18px; margin-bottom: 20px; display: inline-block; color: #000; } .new_list .left .text p a{ font-size: 13px; color: #929292; } .new_list .right{ float: right; width: 28%; } .new_list .right img{ width: 100%; } /*???é?μ*/ ul.paginations { display: inline-block; padding: 0; margin: 0; margin-top: 30px; } ul.paginations li {display: inline; border:1px solid #ddd; padding: 8px 12px; margin: 0 4px;} ul.paginations li a { text-decoration: none; font-size: 12px; color: #575352; } ul.paginations li.thisclass{ background: #2a85e1; color: #fff; } ul.paginations li:hover{ background: #2a85e1; color: #fff; } ul.paginations li.thisclass a,ul.paginations li:hover a{color:#fff} ul.paginations .jump{ float: left; padding-left: 40px; } ul.paginations .jump input{ width: 45px; height: 35px; border:1px solid #ddd; text-align: center; margin:0 5px; } .fenye{ text-align: center; } .ndetail{ padding: 60px 0; } .ndetail .title{ text-align: center; border-bottom: 1px solid #e9e9e9; } .ndetail .title span{ font-size: 14px; color: #9d9d9d; } .ndetail .title h3{ font-size: 24px; color: #000; margin-bottom: 35px; } .ndetail .title p{ overflow: hidden; } .share_btns{ float: right; margin-top: -34px; } .ndetail .content{ padding:20px 0; text-align: center; } .ndetail .content p{ line-height: 35px; font-size: 14px; color: #000; text-indent: 2em; text-align: left; } .ndetail .content .text_center p{ text-align: center; font-size: 14px; color: #000; } .ndetail .content .pic{ text-align: center; margin: 20px 0; } .ndetail .content .pic img{ width: 100%; } .ndetail .content .pic p{ text-align: center; } .ndetail .content h4{ font-size: 50px; color: #bfc7f6; text-align: center; margin-top: 20px; } .ndetail .content h5{ color: #444; font-size: 30px; text-align: center; margin-top: 20px; margin-bottom: 20px; } .catalog { position: relative; border-top:1px solid #eee; padding-top: 15px; } .catalog ul a{ font-size: 12px; color: #9d9d9d; padding:5px 0; display: inline-block; } .catalog ul a:hover{ color: #3fb0fe; } .catalog ul a font{ color: #333; display: inline-block; margin-right: 10px; } .catalog ul a img{ vertical-align: middle; } .backcatalog a{ position: absolute; right: 0; top:10px; border:1px solid #e4e4e4; font-size: 12px; padding: 5px 20px; border-radius: 5px; color: #9d9d9d; background: url("/skin/img/angle02.png")no-repeat center left 5px; } .backcatalog a:hover{ background-color: #3fb0fe; color: #fff; background-image:url("/skin/img/angle01.png"); background-repeat: no-repeat; background-position: center left 5px; border:0; } .searchbox{ width: 800px; height: 250px; margin:35px auto 0px; background: url("/skin/img/yun.jpg")no-repeat center center; padding: 90px 142px 0; } .searchbox input{ float: left; width: 85%; height: 50px; line-height: 50px; border:2px solid #3fb0fe; padding: 0 15px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .searchbox button{ float: left; width: 15%; height: 50px; line-height: 45px; background: #3fb0fe; border:0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .ts{ text-align: center; font-size: 18px;padding-bottom:10px; color: #000; } .ts li{text-align: center; font-size: 18px;padding-bottom:10px; color: #000;list-style-type:none;} .container02{ width: 800px; margin:0 auto; } .serch_result{ padding-bottom: 50px; } .serch_result ul li{ overflow: hidden; margin-top: 50px; } .serch_result ul li .pic{ float: left; width: 320px; height: 320px; border-radius: 50%; overflow: hidden; } .serch_result ul li .pic img{ width: 100%; height: 100%; } .serch_result ul li dl{ padding-top: 10px; overflow: hidden; padding-left: 80px; font-size: 19px; color: #000000; } .serch_result ul li dl dd{ padding-bottom: 5px; } .sorry { text-align: center; margin-top: 30px; } .search_area{ width: 622px; margin:40px auto; font-size:18px; } .search_area select{ border-radius: 4px; padding: 6px; border:2px solid #3fb0fe; } .t_srea .block{ margin-bottom: 15px; } .t_srea .block select{ width: 160px; } .chosen-container-single .chosen-default { color: #000; border:2px solid #3fb0fe; font-size:18px; height: 38px; line-height: 38px; } .chosen-container-single .chosen-single{ border:2px solid #3fb0fe; font-size:18px; height: 38px; line-height: 38px; } #dept{ width: 325px; } .mohu input{ border-radius: 4px; padding: 6px; border: 2px solid #3fb0fe; width: 320px; } .mohu input::-webkit-input-placeholder{ color:#000; } .mohu input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#000; } .mohu input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#000; } .mohu input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#000; } .mohu button{ background: #3fb0fe; height: 38px; line-height: 38px; color: #fff; border:0; border-radius: 6px; width: 160px; float: right; margin-top: 0px; } .serch_re{ width: 925px; margin: 0 auto 90px; border:2px solid #3fb0fe; padding: 0 30px ; border-radius: 4px; } .serch_re li{ padding: 25px 0; border-bottom: 1px solid #dbdbdb; overflow: hidden; position: relative; } .serch_re .pic{ float: left; width: 170px; } .serch_re .pic img{ width: 100%; } .serch_re .text{ overflow: hidden; padding-left: 50px; font-size: 16px; color: #000; padding-top: 5px; } .serch_re .text p{ margin-bottom: 5px; } .serch_re .text .name{ font-size: 28px; } .yuyue{ display: inline-block; background: #3fb0fe; color: #fff; padding: 10px 25px; border-radius: 4px; position: absolute; right: 0; top:55px; } .yuyue:hover{ color: #fff; background: #249ef2; } .serch_re li:last-child{ border:0; } a.yuyue {color: #fff;} a.yuyue:visited {color: #fff;} a.yuyue:hover {color: #fff;} a.yuyue:active {color: #fff;} .myshadow{ visibility: hidden; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; width: 0; height: 0; margin: auto; position: fixed; background-color: rgba(0, 0, 0, 0.65); z-index: 30; /*transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);*/ box-sizing: border-box; transform: scale(0); z-index: 99999; } .myshadow.lsb-active2{ visibility: visible; transform: scale(1); opacity: 1; top: 0; left: 0; right: 0; bottom: 0; position: fixed; width: 100%; height: 100%; z-index: 9999!important; } .shadowrap{ display: block; position: absolute; left: 50%; margin-left: -330px; top:25%; text-align: center; padding: 30px 20px 20px; /*transition: all 0.5s;*/ background: #fff; text-align: left; } .shadowrap_top{ display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; margin: auto; height: 100%; } .yuyue_box{ border-radius: 6px; width: 660px; } .yuyue_box span{ font-size: 18px; color: #000;float:left; } .yuyue_box .form_line{ margin-bottom: 15px; width: 450px; margin:0 auto 14px; } .yuyue_box .form_line input,.yuyue_box .form_line select{ width: 350px; border:2px solid #3fb0fe; height: 40px; line-height: 40px; border-radius: 4px; padding: 0 10px; } .yuyue_box .btnss{ text-align: center; } .yuyue_box .btnss input{ display: inline-block; background: #3fb0fe; color: #fff; padding: 10px 65px; font-size: 22px; margin: 15px 0 25px; border-radius: 4px; border:0; } .yuyue_box form{ padding-top: 15px; } .yy_store_bg { padding: 180px 0; background: url("/skin/img/form_bg.jpg")no-repeat center center; background-size: contain; } .yy_store{ padding-bottom: 0px; } .yy_store .yuyue_box{ margin:0px auto; background: #fff; position: relative; } .yy_store h3{ text-align: center; margin: 80px 0 -25px; font-size: 28px; } .fish{ position: absolute; left:-100px; bottom: -100px; } .love_lg{ padding: 55px 0 } .love_lg .pic{ float: left; } .love_lg .text{ overflow: hidden; padding-left: 60px; } .love_lg .text h3{ font-size: 40px; color: #3fb0fe; padding:50px 0 20px; } .love_lg .text{ line-height: 40px; font-size: 15px; color: #525252 } .love_blocks .container{ width: 100%; padding: 50px 130px; } .love_blocks .col-md-2{ float: left; width: 12.5%; text-align: center; } .love_blocks .col-md-2 .pic{ display: block; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; margin: 0 auto; } .love_blocks .col-md-2 img{ width: 100%; height: 100%; } .love_blocks .pic{ position: relative; border:3px solid #fff; } .love_blocks .infor{ position: absolute; top:0px; left: 0; width: 100%; height:100%; background: rgba(0,0,0,0.3); transition: all 0.5s; } .love_blocks .col-md-2 p{ margin-top: 15px; font-size: 20px; color: #fa667a; } .love_blocks .pic:hover{ border:3px solid #fa667a; } .love_blocks .pic:hover .infor{ /*display: none;*/ top:200px; } .love_blocks .col-md-2:hover p{ font-weight: bold; } .lg_jzg{ background: #fbfbfb; padding: 70px 0 } .lg_jzg .toppic{ overflow: hidden; } .lg_jzg .toppic img{ float: left; width: 50%; } .lg_jzg .bm_pic{ padding-top: 15px; } .lg_jzg .bm_pic img{ display: block; margin:0px auto 0; width: 50%; } .link_page{ background: #fbfbfb; margin-top: 30px; padding: 40px 0; } .link_page .container02{ width: 100%; padding: 0 150px; } .link_page img{ width: 100%; } .link_page .container02 .row{ margin-top: 35px; } .join_ys{ padding: 60px 0; } .join_ys img{ width: 100%; } .pub_title02 span.green { background: #69c5d4; } .join_tj{ background: #69c5d4; color: #fff; padding: 65px 0; } .join_tj .pub_title02 span { background: #fff; color: #69c5d4; margin-bottom: 60px; } .join_tj .row{ text-align: center; } .join_tj .row p{ font-size: 15px; line-height: 25px; width: 200px; margin:0 auto; margin-top: 15px; } .join_tj .row2{ padding: 30px 200px 0; } .join_zc{ padding-top:50px; } .join_zc img{ width: 100%; } .join_tx{ background: #69c5d4; padding: 65px 0; } .join_tx .pub_title02 span { background: #fff; color: #69c5d4; margin-bottom: 0px; } .join_tx .row{ padding-top:60px; padding-bottom:60px; text-align: center; color: #fff; } .join_tx .col-md-2{ float: left; width: 20%; } .join_tx .row p{ margin-top: 5px; margin-bottom: 0; font-size: 18px; } .join_tx .row h3{ font-size: 28px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; } .join_tx .btm{ width: 100%; } .join_lc{ padding: 65px 0 } .join_lc img{ width: 100%; } .lg_partent{ padding: 100px 0; } .lg_partent h3{ margin-bottom: 55px; } .lg_partent .row{ text-align: center; font-size: 18px; color: #666; } .shop_list .table{ margin-bottom: 60px; } .shop_list .table tr th{ background: #586772; color: #fff; } .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>th{ border:0!important; } .fm_detail .s1{ font-size: 24px; color: #000; } .fm_detail .s2{ font-size: 16px; color: #000; margin-bottom: 30px; } .fm_detail dd{ font-size: 18px; color: #919191; } .fm_detail dd span{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #f8b62c; } .lg_word img{ width: 100%; } .lg_partent p{ height: 50px; } /*适配*/ @media (max-width: 1800px) { .love_blocks .col-md-2 .pic{ width: 150px; height: 150px; } } @media (max-width: 1440px) { .love_blocks .col-md-2 .pic{ width: 130px; height: 130px; } .container{ width: 950px; } .join_tx .col-md-2 img{ width: 70%; } .join_tx .row h3{ font-size: 20px; } .join_tx .row p{ font-size: 14px; } .join_tj img{ width: 120px; } .aboutpage .story dd,.aboutpage .infors p { font-size: 16px; line-height: 35px; } .aboutpage .goods ul{ font-size: 20px; } .aboutpage .story{ padding: 60px 0 } .aboutpage .story dt{ font-size: 25px; } .aboutpage .story dl{ margin-bottom: 30px; } .yy_store_bg{ padding: 80px 0 } .course .row1 h3 img{ width: 50px; } .stx .right .rtext img{ width: 100px; } .kc_animals .inner .top img { float: left; width: 100px; } .pub_title02 span{ font-size: 30px; } .kc_animals .inner .top .text p:first-child { font-size: 22px; } .kc_animals .inner .top .text { padding-top: 10px; } .kc_animals .inner .downs{ height: 160px; } } @media (max-width: 1280px) { .love_blocks .col-md-2 .pic{ width: 100px; height: 100px; } .love_blocks .col-md-2 p{ font-size: 14px; } } @media (max-width: 991px) { .love_blocks .col-md-2 .pic{ width: 100px; height: 100px; } .love_blocks .container{ padding: 0 30px; } .container{ width: 100%; padding: 0 30px; } .lg_club .pic{ float: left; width: 50%; } .lg_club .pic img{ max-width: 100%; } .lg_club .text{ padding-left: 20px; } .lg_club .text img { margin-bottom: 20px; width: 100%; } .course .row1 h3{ font-size: 18px; } .course .row1 h3 img{ width: 30px; } .love_lg .text h3 { font-size: 20px; color: #3fb0fe; padding: 020px; } /*.tabs_pub span { width: 100px; padding-left: 15px; line-height: 65px; font-size: 14px; background-size: cover; height: 58px; }*/ .tabs_pub .active span { background-size: cover; } .love_lg .pic{ width: 40%; } .love_lg .pic img{ width: 100%; } .love_blocks .col-md-2 .pic { width: 80px; height: 80px; } .top_pub a.s1 { margin-left: 15px; } .join_tj img{ width: 140px; } .join_tj .row2 { padding: 30px 100px 0; } .join_tx .row img{ width: 100px; } .serch_re { width: 700px; } .searchbox { width: 700px; background-size: contain; } .container02{ width: 100%; padding:0 30px; } .kc_animals .inner .top img { float: left; width: 40%; } .kc_animals .inner .top .text { font-size: 14px; padding-top: 10px; } .kc_animals .inner .top .text p:first-child { font-size: 14px; margin-bottom: 0; padding-top: 5px; } .kc_animals .inner .top .text { overflow: hidden; font-size: 14px; padding-top: 10px; } .kc_animals .inner .downs{ height: 200px; } .stx .left { float: left; width: 100%; } .stx .right { overflow: hidden; float: right; width: 100%; padding-top: 0px; } .stx .pub_title02 span{ margin-bottom: 20px; } .stx .left img{ margin-bottom: 40px; } .link_page .container02 { width: 100%; padding: 0 30px; } } /*手机*/ @media (max-width: 767px) { .lg_partent h3 img{ width: 200px; } .lg_partent { padding: 30px 0; } .lg_partent p { height: 50px; font-size: 14px; } .lg_partent .col-md-3{ width: 50%; } .lg_partent .col-md-3 img{ width: 100%; } .quick_links{ transform: scale(0.7); -webkit-transform: scale(0.7); /* for Chrome || Safari */ -moz-transform: scale(0.7); /* for Firefox */ -ms-transform: scale(0.7); /* for IE */ -o-transform: scale(0.7); /* for Opera */ right: -10px; z-index: 997; top:85%; } .cuteimg{ transform: scale(0.5); } .cuteimg{ right: -20px; z-index: 996; top:95%; /*display: none;*/ } .top_pub{display: none;} .about_lg .col-md-2 img{ width: 60%; } .about_lg .col-md-2 a p{ font-size: 12px; } .about_lg{ padding: 20px 0; } .about_lg .col-md-2{ padding: 0 5px; } .lg_club .pic{ float: none; width: 100%; } .lg_club .text{ padding-left: 0; padding-top: 20px; } .lg_club{ padding: 35px 0; } .tixi { font-size: 18px; padding: 20px 0; } .course .col-md-4{ float: none; width: 100%; margin-bottom: 30px; } .course .row1 { padding-top: 35px; padding-bottom: 35px; } .course .row2{ padding-bottom: 35px; } .news{ padding: 35px 0; } .news .title{ font-size: 25px; margin-bottom: 20px; } .nbs-flexisel-nav-right{ right: 18px; z-index: 996; } .nbs-flexisel-nav-left{ left: 18px; z-index: 996; } .footer_links{ display: none; } /*.tabs_pub span { width: 90px; padding-left: 10px; height: 52px; }*/ .love_lg { padding: 35px 0; } .love_lg .pic { width: 100%; float: none; } .love_lg .text h3 { padding: 15px; font-size: 18px; } .love_lg .text { line-height: 28px; font-size: 14px; padding: 0; } .love_blocks .col-md-2{ float: left; width: 25%; } .love_blocks .col-md-2 .pic { width: 70px; height: 70px; } .love_blocks .col-md-2 p { font-size: 12px; height: 35px; } .lg_jzg { padding: 35px 0; } .pub_title02 span { padding: 5px 20px; font-size: 18px; margin-bottom: 30px; } .join_ys { padding: 35px 0; } .join_tj{ padding: 35px 0 } .join_tj .row .col-md-4{ float: left; width: 33.333333333%; padding: 0 5px; } .join_tj img { width: 80px; } .join_tj .row p { font-size: 12px; line-height: 18px; width: 100%; } .join_tj .row2 { padding: 30px 0px 0; } .join_zc { padding-top: 35px; } .join_tx .col-md-2 { float: left; width: 33.3333333%; margin-bottom: 20px; padding: 0 5px; } .join_tx .row img { width: 60px; } .join_tx .row h3 { font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; } .join_tx .row p { margin-top: 5px; margin-bottom: 0; font-size: 12px; } .join_tx { padding: 35px 0; } .join_tx .row{ padding-top: 30px; padding-bottom: 30px; } .join_lc { padding: 35px 0; } .container { padding: 0 15px; } .join_tj .pub_title02 span{ margin-bottom: 30px; } .join_tj .row{ margin-left: -5px; margin-right: -5px; } .tabs_pub { padding: 15px 0 0; } .search_area { width: 100%; margin: 20px auto; font-size: 14px; padding: 0 15px; } .t_srea .block select { width: 100%; margin-bottom: 10px; } .mohu input{ width: 100%; } .mohu button{ width: 100%; margin-top: 10px; float: none; } .serch_re { width: 100%; margin: 0 auto 30px; border: 1px solid #3fb0fe; padding: 0 15px; } .serch_re .pic { float: none; width: 100%; } .ts { font-size: 14px; } .serch_re li { padding: 15px 0; } .serch_re .pic { float: none; width: 100%; } .serch_re .text { padding-left: 0; font-size: 14px; } .yuyue { position: relative; right: 0; top: 0; } .serch_re .text .name { font-size: 18px; } .searchbox { width: 100%; background-size: contain; padding: 0; margin: 20px 0; height: 100px; padding: 50px 30px 0; } .searchbox input { width: 80%; height: 35px; line-height: 35px; border: 1px solid #3fb0fe; padding: 0 15px; } .searchbox button { width: 20%; height: 35px; line-height: 35px; } .searchbox button img{ width: 20px; } .sorry img{ width: 80%; } .serch_result ul li .pic { float: none; width: 200px; height:200px; margin:0 auto; } .serch_result ul li dl { padding-top: 10px; padding-bottom: 10px; overflow: hidden; padding-left: 0; font-size: 14px; text-align: center; } .serch_result ul li{ margin-top: 20px; } .serch_result ul li dl.fm_detail{ font-size: 14px; text-align: left; } .serch_result ul li dl.fm_detail dd{ font-size: 14px; } .kc_animals .col-md-4 { margin-bottom: 30px; width: 50%; } .kc_animals .inner .top .text{padding-top: 0} .kc_animals .inner .downs { height: 160px; font-size: 12px; padding: 5px; line-height: 25px; } .kc_animals { padding: 30px 0 ; } .kc_tx .gainian img { width: 100%; } .stx .left img { margin-bottom: 40px; max-width: 100%; } .stx .left p{ font-size: 14px; } .stx .pic { display: none; } .aboutpage .story { padding: 30px 0; } .aboutpage .story dt { font-size: 16px; color: #ec7f7f; margin-bottom: 10px; } .aboutpage .story dd { text-indent: 2em; font-size: 12px; line-height: 25px; } .aboutpage .story dl { margin-bottom: 15px; } .aboutpage .infors p { font-size: 12px; line-height: 25px; margin-bottom: 15px; } .aboutpage .infors h4 { font-size: 16px; color: #ec7f7f; margin-bottom: 15px; } .aboutpage .goods ul { padding: 15px; font-size: 14px; line-height: 25px; } .aboutpage .goods ul li { line-height: 25px; } .yuyue_box { border-radius: 6px; width: 90%; margin-left: -45%; padding: 15px; } .yuyue_box .form_line { margin-bottom: 15px; width: 100%; margin: 0 auto 14px; overflow: hidden; } .yuyue_box span { font-size: 18px; color: #000; float: left; width: 25%; font-size: 14px; display: block; margin-top: 10px; } .yuyue_box .form_line input, .yuyue_box .form_line select { width: 75%; border: 1px solid #3fb0fe; height: 35px; line-height: 35px; border-radius: 4px; padding: 0 10px; float: left; } .yuyue_box .btnss input { display: inline-block; background: #3fb0fe; color: #fff; padding: 5px 35px; font-size: 16px; margin: 15px 0 15px; border-radius: 4px; border: 0; } .yy_store_bg{ padding: 80px; } .yy_store h3 { text-align: center; margin: 30px 0 30px; font-size: 20px; } .yy_store .yuyue_box { margin: 0px auto; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } .fish img{ width: 120px; } .fish { left: -10px; bottom: 0px; } .new_list .left { float: left; width: 100%; } .new_list .left .day { width: 80px; height: 68px; } .new_list .left .day p { font-size: 30px; } .new_list .left .text { padding-left: 15px; } .new_list .left .text h3 a { font-size: 16px; margin-bottom: 20px; } .new_list .right{ display: none; } ul.paginations li a{ padding: 2px 4px; } .new_list .items{ padding: 15px 0 } .ndetail { padding: 30px 0 60px; } .ndetail .title h3 { font-size: 18px; margin-bottom: 15px; } .share_btns { margin-top: 0; } .ndetail .title{overflow: hidden;} .backcatalog a{ top:90px; } .link_page .col-md-6{ width: 100%; } }