@charset "utf-8"; .l-page { visibility: hidden; } .head{ width: 100%; height:100px; background:#003672; z-index: 99;} .h_tel p.p1{ line-height: 80px;font-size: 30px;font-family: "DIN"; padding-left: 40px;color: #f4020d;background: url( ../images/icon1.jpg) left center no-repeat;} .he_80{ width: 100%; height: 80px;} /* -------------------------- 导航样式 --*/ .navBar {z-index: 1;color: #fff;height:100px;line-height:100px; width:1200px; margin:0 auto; text-align:right; float:right} .navBar .nav li.m { width: 90px; float: left; position: relative; margin:0 10px; z-index:999;} .navBar .nav a{color: #fff;display: block;zoom: 1;_width:100px;_float:left;_display:inline-block;border: none;text-align: center; font-size: 16px; } /*当前状态*/ .navBar .nav .cur h2 a{ font-size:18px; font-weight:bold; color:#fff;} .navBar .nav h2 a:hover { font-size:18px; font-weight:bold; color:#fff;} /*一级*/ .navBar .nav .sub {display: none; /*默认隐藏*/width: 130px;position: absolute;left: -15px;background: #003672;} .navBar .nav .sub li{line-height: 40px; margin: 5px 0;} .navBar .nav .sub li a{display: block; line-height: 40px; font-size: 14px;} .navBar .nav .sub li a:hover{ font-size:16px; font-weight:bold} @media only screen and (max-width: 1440px){ .navBar{ width:880px; margin-left: 20px;} .nav li.m { width: 90px; margin:0 10px;} } /*page slideBox*/ .page_banner_wrap {width:100%;min-width:1200px;position:relative;height:400px;overflow:hidden; text-align: center; } .page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px; } .page_banner p{ position: absolute; width: 100%; line-height: 50px; margin-top: 10%;} .page_banner_wrap span{ display: block; width: 100%; height: 70px; background: url(../images/bg8.png) center top no-repeat; position: absolute; left: 0; bottom: 0;z-index: 2; } /*----------------------- 首页全屏共用 ----------------*/ .bol{border-bottom: 3px solid #fff; text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} /*----------------------- 首页益智成长乐园 ----------------*/ .ind_p1{ background: url(../images/bgp1.jpg) center 100% no-repeat;background-size: cover;} .ind_p1 .main{ height: 100%;} .ind_p1 .ind_ti{position: absolute;bottom: 15%; } .ind_p1 .ind_ti .p1{ line-height: 100px; text-shadow: 0px 8px 13px rgba(0,0,0,0.3); font-weight: 600; transform: translate(-100px,0); transition: all 1.2s ease 1s;transform: translate(0,0); } .ind_p1 .ind_ti .p2{ text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} .ind_p1 .ind_ti .more{ display: block; font-size: 24px; color: #fff;line-height: 50px; background: url(../images/bg1.png) 10px center no-repeat; width: 240px; text-indent: 40px; margin-top: 30px; border-radius: 30px; } .ind_p1 .ind_ti .more:hover{ background: url(../images/bg1.png) #004ea2 10px center no-repeat;} .ind_p1 .ind_ti .bol{ width:600px; margin-top: 10px; } /*----------------------- 首页儿童业态集大成者 ----------------*/ .ind_p2{ background: url(../images/bgp3.jpg) center 100% no-repeat;background-size: cover;} .ind_p2 .main{ height: 100%; text-align: center; position: relative; } .ind_p2 .ind_ti{position: absolute;width: 100%;top: 120px; text-align: center; } .ind_ti .p1{ line-height: 100px; text-shadow: 0px 8px 13px rgba(0,0,0,0.3); font-weight: 600; transform: translate(-100px,0); transition: all 1.2s ease 1s;transform: translate(0,0); } .ind_ti .p2{ text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} .ind_p2 .ind_ti .more{ display: block; font-size: 24px; color: #fff;line-height: 50px; background: url(../images/bg1.png) 10px center no-repeat; width: 230px; text-indent: 40px; margin: 10px auto 0 auto; border-radius: 30px; } .ind_p2 .ind_ti .more:hover{ background: url(../images/bg1.png) #004ea2 10px center no-repeat;} .ind_p2 .ind_ti .bol{ width:600px; margin-top: 10px; margin: 10px auto 0 auto;} .ind_p2_l{width:900px; margin: 0 auto; overflow:hidden; position: absolute;;bottom: 5%; left:150px } .ind_p2_l .hd{ text-align: center; width: 100%; margin-top: 30px; } .ind_p2_l .hd ul{ overflow:hidden; zoom:1;width:auto; text-align: center;} .ind_p2_l .hd ul li{ display: inline-block; width:8px; height:8px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; border: 3px solid #fff; border-radius: 20px; } .ind_p2_l .hd ul li.on{ background:#fff; } .ind_p2_l .bd ul{ overflow:hidden; zoom:1; } .ind_p2_l .bd ul li{ width: 450px; height: 450px; margin:0 0px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; } .ind_p2_l .bd ul li img{ width:430px; height:430px; margin: 10px; display:block; } @media only screen and (max-width: 1440px){ .ind_p2_l .bd ul li{width: 420px;height: 420px;margin: 0px 10px;} .ind_p2_l .hd{margin-top: 20px;} .ind_p2_l .bd ul li img{width: 420px;height: 420px; margin: 0px;} .ind_p2_l{width:880px; left:160px } } /*----------------------- 首页横空出世·缔造新场景 ----------------*/ .ind_p3{ background: url(../images/bgp4.jpg) center 100% no-repeat;background-size: cover;} .ind_p3 .main{ height: 100%; text-align: center; position: relative; } .ind_p3 .ind_ti{position: absolute;width: 100%;top: 120px; text-align: center; } .ind_ti .p1{ line-height: 80px; text-shadow: 0px 8px 13px rgba(0,0,0,0.3); font-weight: 600;} .ind_ti .p2{ text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} .ind_p3 .ind_ti .more{ display: block; font-size: 24px; color: #fff;line-height: 50px; background: url(../images/bg1.png) 10px center no-repeat; width: 170px; text-indent: 40px; margin: 10px auto 0 auto; border-radius: 30px; } .ind_p3 .ind_ti .more:hover{ background: url(../images/bg1.png) #004ea2 10px center no-repeat;} .ind_p3 .ind_ti .bol{ width:600px; margin-top: 10px; margin: 10px auto 0 auto;} .ind_p3_l{width:780px; margin: 0 auto; overflow:hidden; position: absolute;;bottom: 5%; left:210px } .ind_p3_l .hd{ text-align: center; width: 100%; margin-top: 20px; } .ind_p3_l .hd ul{ overflow:hidden; zoom:1;width:auto; text-align: left;} .ind_p3_l .hd ul li{ display: inline-block; width:8px; height:8px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; border: 3px solid #fff; border-radius: 20px; } .ind_p3_l .hd ul li.on{ background:#fff; } .ind_p3_l .bd ul{ overflow:hidden; zoom:1; } .ind_p3_l .bd ul li{ width: 780px; height: 480px; margin:0 0px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; } .ind_p3_l .bd ul li img{ width:770px; height:470px; border: 5px solid #fff; display:block; } /*----------------------- 首页颠覆传统·开启新早教 ----------------*/ .ind_p4{ background: url(../images/bgp4.jpg) center 100% no-repeat;background-size: cover;} .ind_p4 .main{ height: 100%;text-align: center; position: relative;} .ind_p4 .ind_ti{position: absolute;width: 100%;top: 120px; text-align: center; } .ind_p4 .ind_ti .p1{ line-height: 100px; text-shadow: 0px 8px 13px rgba(0,0,0,0.3); font-weight: 600;} .ind_p4 .ind_ti .p2{ text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} .ind_p4 .ind_ti .more{ display: block; font-size: 24px; color: #fff;line-height: 50px; background: url(../images/bg1.png) 10px center no-repeat; width: 270px; text-indent: 40px;margin: 10px auto 0 auto; border-radius: 30px; } .ind_p4 .ind_ti .more:hover{ background: url(../images/bg1.png) #004ea2 10px center no-repeat;} .ind_p4 .ind_ti .bol{ width:600px; margin-top: 10px; margin: 10px auto 0 auto; } /*----------------------- 首页颠覆传统·开启新早教 ----------------*/ .ind_p5{ background: url(../images/bgp5.jpg) center 100% no-repeat;background-size: cover;} .ind_p5 .main{ height: 100%;text-align: center; position: relative;} .ind_p5 .ind_ti{position: absolute;width: 100%;top: 120px; text-align: center; } .ind_p5 .ind_ti .p1{ line-height: 100px; text-shadow: 0px 8px 13px rgba(0,0,0,0.3); font-weight: 600;} .ind_p5 .ind_ti .p2{ text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} .ind_p5 .ind_ti .more{ display: block; font-size: 24px; color: #fff;line-height: 50px; background: url(../images/bg1.png) 10px center no-repeat; width: 170px; text-indent: 40px;margin: 10px auto 0 auto; border-radius: 30px; } .ind_p5 .ind_ti .more:hover{ background: url(../images/bg1.png) #004ea2 10px center no-repeat;} .ind_p5 .ind_ti .bol{ width:600px; margin-top: 10px; margin: 10px auto 0 auto; } /*----------------------- 首页项目介绍 ----------------*/ .ind_project{ background: url(../images/bgp2.jpg) center 100% no-repeat;background-size: cover;} .ind_project .main{ height: 100%;text-align: center; position: relative;} .ind_project .ind_ti{position: absolute;width: 100%;top: 120px; text-align: center; } .ind_project .ind_ti .p1{ line-height: 100px; text-shadow: 0px 8px 13px rgba(0,0,0,0.3); font-weight: 600;} .ind_project .ind_ti .p2{ text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} .ind_project .ind_ti .more{ display: block; font-size: 24px; color: #fff;line-height: 50px; background: url(../images/bg1.png) 10px center no-repeat; width: 230px; text-indent: 40px;margin: 10px auto 0 auto; border-radius: 30px; } .ind_project .ind_ti .more:hover{ background: url(../images/bg1.png) #004ea2 10px center no-repeat;} .ind_project .ind_ti .bol{ width:600px; margin-top: 10px; margin: 10px auto 0 auto; } .ind_project_list{ width: 100%;position: absolute; bottom: 20%;} .ind_project_list ul{ padding:10px 50px; } .ind_project_list li{ width:20%; float:left;} .ind_project_list li div.box{ width:90%; margin: 0 auto; } .ind_project_list .li1 div.box{ background:#02d2c6;} .ind_project_list .li2 div.box{ background:#7890fc;} .ind_project_list .li3 div.box{ background:#67cf10;} .ind_project_list .li4 div.box{ background:#f9d12f;} .ind_project_list .li5 div.box{ background:#ff804c;} .ind_project_list li div.box a{ display:block; margin:10px; border:5px solid #fff;color: #fff;font-size: 60px; font-weight:700;min-height: 230px; } .ind_project_list li div.box a span{ display:block; width:100%; line-height: 80px;margin-top: 30px;} /*----------------------- 首页响应 ----------------*/ @media only screen and (max-width: 1440px){ .ind_p2_l{ bottom: 5%;} .ind_p3_l{ bottom: 20px;} .ind_p3 .ind_ti{ top: 100px;} .ind_p3_l .bd ul li{width: 760px;height: 450px;} .ind_p3_l .bd ul li img{width: 750px;height: 430px;} } /*----------------------- 首页新闻 底部 ----------------*/ .ind_p6 { background: #e8e8e8;} .ind_p6 .ind_p6_main{padding: 80px 30px 20px 30px;} .ind_news_box{background-color: #fff;width: 25.33%;padding: 20px 1.5% 20px 1.5%;min-height: 400px;margin: 0 2%; border-radius: 5px;} .ind_news_box .h{ line-height: 70px;font-size: 24px;color: #004ea2; border-bottom: 1px solid #e9e9e9; } .ind_news_box .fist h3 {height: 60px;line-height: 30px;margin-top: 5px;} .ind_news_box .fist h3 a{ display: block; } .ind_news_box .fist .p1{-webkit-line-clamp: 2; } .ind_news_box li{ line-height: 50px; font-size: 16px;} .ind_news_box li a{display: block;line-height: 40px;height: 40px;width: 100%;} .ind_news_box li a:hover{background-color: #eee; } .ind_news_box li p{display: block;line-height: 40px;height: 40px;width: 230px;float: left; overflow: hidden; } .ind_news_box li span{float: right;margin-left: 15px; line-height: 40px;height: 40px;font-size: 12px;color: #666;} .ind_news_box .more{ display: block;width: 80px; height: 36px;line-height: 36px; text-align: left;color: #004ea2; font-size: 16px; border-radius: 30px; margin-bottom: 10px;background: url(../images/bg2.png) #eaf5ff 60px center no-repeat; text-indent: 20px; } .ind_news_box .more:hover{background: url(../images/bg3.png) #004ea2 60px center no-repeat;color: #fff;} @media only screen and (min-width: 1440px){ .ind_p6 .ind_p6_main{padding: 80px 10% 20px 10%;} .ind_news_box{width: 25.33%;padding: 10px 1.5% 20px 1.5%;min-height: 400px;margin: 0 2%;} } @media only screen and (max-width: 1440px){ .ind_p6 .ind_p6_main{padding: 80px 20px 20px 20px;} .ind_news_box{width: 25.33%;padding: 10px 1.5% 20px 1.5%;min-height: 390px;margin: 0 2%;} } /*---------------------------------------- 底部 ----------------------------*/ .foot{ padding: 30px 0 40px 0;background-color: #003672; color:#fff;} .foot li{ width: 110px; float: left; font-size: 18px;} .foot li a{ display: block; color: #fff; line-height: 30px;} .foot_tel {font-family: "DIN";color: #ff2342;background: url(../images/ico_tel.png) no-repeat left; color:#fff; padding-left:35px ; margin-top:10px} .foot_r .p{color:#fff; line-height:30px; } .copy, .copy a{ color: #fff;} .foot .wcontent .line{ height:1px; width:100%; background:#CCCCCC; margin-top:40px;} .foot .wcontent { text-align:center} /*----------------- 底部留言 --------------------*/ .foot_me { padding: 50px 0;} .foot_me form .inputtxt{ background-color: #f6f6f6;width: 390px; line-height: 60px; padding: 0 20px;border-radius: 3px;} .foot_me form .inputtxt input{height: 30px;line-height: 30px;width: 100%; background: none; border: none;} .foot_me form .submit_a{display: block; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff;background: #03ba4f; border-radius: 2px;} .foot_me form .submit_a:hover{background: #f4020d; } .foot_r .p1{ color: #8adbac;} /*---------------------- 内页导航 ---------------------*/ .page_nav_box {position: absolute; margin-top: -100px;width: 100%; z-index: 1; width: 100%; z-index: 1; } .page_nav{ height: 60px; padding: 10px 0; text-align: center; width: 1200px;min-height: 120px; margin: 0 auto;background: url(../images/bg4.png) center top no-repeat; } .page_ti{background: url(../images/bg5.jpg) 0 10pt no-repeat; padding-left: 60px;} .page_ti .p1{line-height: 40px; margin-top: 15px; } .page_ti .p2{ margin-top: 10px; padding-left: 10px; } .lmen ul{text-align: center;} .lmen li{ margin: 0 10px; display: inline-block;width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; margin: 0 5px; } .lmen li a{ color: #c4e0ff; display: block;width: 100%; font-size: 18px; line-height: 40px; border: 1px solid #c4e0ff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .lmen li a.cur, .lmen li a:hover{color: #004ea2; background: #fff; border: 1px solid #fff;} .next_nav{ display: block; width: 200px; line-height: 50px; background: #eee; text-align: center; font-size: 24px;margin: 20px auto; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .next_nav:hover{background: #222; color: #fff;} /*-------------------------------------- 内页产品 --------------------*/ .page_pro .page_nav{ min-height: 190px; background: url(../images/bg8.png) center top no-repeat; } .page_pro .page_ti .p2{margin-top: 0px;margin-bottom: 20px;} .page_pro .page_ti{ padding-left: 0px;background:none;} .pro_list{ margin-top: 90px;} .pro_list li{ width: 380px; background-color: #f7f7f7; float: left; padding-bottom: 10px; margin: 10px 10px;} .pro_list li .img{ border: 15px solid #f7f7f7;} .pro_list li img{ width: 350px; height: 350px;} .pro_list li p{ line-height: 40px; height:40px; overflow:hidden; text-align: center; font-size: 24px; margin: 10px 0;} /*---------------------------------- 产品详情 -------------*/ .page_pro_de{ background: #fff;} .pagepro_bg{background: #fff; margin-top: 110px; padding: 20px 0 0 0; margin-bottom: 10px;} .pagepro_bg .pro_pic{ width: 500px; height: 500px;border: 10px solid #eee;} .pagepro_bg .pro_pic img{ width: 100%; height: 100%;} .crumbs {color: #828282;font-size: 12px;border-bottom: 1px solid #eee;padding-bottom: 20px;} .crumbs a:link, .crumbs a:visited, .crumbs a:hover {color:#333;} .crumbs a{font-size: 12px;color: #ccc;font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;margin:0 3px;} .link_pro li{ width: 140px;float: left;margin-right: 15px;} .link_pro li .img{border: 5px solid #eee;} .link_pro li p{ font-size: 12px; text-align: center; margin-top: 10px;} .pro_text{ position: relative; background: #fff;} .pro_text .main{min-width: 1140px;width: 1140px;} .pro_text span.pro_text_br{ display: block; width: 1140px; border-bottom: 1px solid #eee; position: absolute; top: 85px;} .pro_text .pro_title{width: 180px;height: 50px;line-height: 50px;background: #fff;margin: 0 auto 20px auto;font-size: 36px;color: #333; text-align: center; } .prope_vi{ background-color: #f7f7f7; padding: 20px;margin-bottom: 30px; } .prope_vi .a_more{line-height: 40px;background: #004ea2;padding: 5px 10px;border-radius: 30px;color: #fff;} /*-------------------------------------- 内页关于 --------------------*/ .page_con{ background: #fff; width:100%;position: relative;} .page_about .page_text_main { background: #fff; width:1200px; margin: 30px auto;} /*-------------------------------------- 内页案例 --------------------*/ .page_show{ background: #f6f6f6;} .show_list li{ width:280px; background: #fff; float: left; margin: 10px;} .show_list li .img{ width:260px; height: 200px; margin: 10px; } .show_list li p{ line-height: 30px; font-size: 18px; text-align: center;margin: 10px 0;} /*----------------------------------- 内页共用 ----*/ .map, .map a{ color: #999; line-height: 50px;height: 120px; } /*----------------------------------新闻列表*/ .news_hot{margin-top: 30px;position: relative;} .news_hot li .pic{ width: 420px; height: 250px; border: 10px solid #eee;} .news_hot li .pic a{ display: block; width: 100%; height: 100%;} .news_hot li .pic a img{ width: 100%; height: 100%;} .news_hot li .title a{display: block; margin-bottom: 10px; margin-top: 20px;font-size: 24px; -webkit-line-clamp: 1; line-height: 50px;height: 50px; } .news_hot li .title p{line-height: 28px;-webkit-line-clamp: 3;color: #666;font-size: 16px;} .news_hot .hd{ text-align: center; width: 670px; position: absolute; right: 0px; top: 250px;} .news_hot .hd li{ float:left; width:10px; height:10px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; background:#ccc; border-radius: 20px;} .news_hot .hd li.on{background:#004ea2; } .news_list li{width:280px; margin:10px 15px 10px 10px; float:left; } .news_list li:nth-child(1), .news_list li:nth-child(5), .news_list li:nth-child(9), .news_list li:nth-child(13){ margin-left: 0; } .news_list li:nth-child(4), .news_list li:nth-child(8), .news_list li:nth-child(12), .news_list li:nth-child(13){ margin-right: 0; } .news_list li a{display: block; } .news_list li .img{width:270px; height:157px;border: 5px solid #eee; } .news_list li .text{ padding: 5px 10px; height:78px; overflow:hidden} .news_list li h3{margin-bottom: 5px;font-size: 16px; margin-top: 5px; line-height:20px; max-height:40px; overflow:hidden} .news_list li p{color: #666;font-size: 12px;} .news_list li a:hover { background: #eee;} .news_list li a:hover h3{color: #004ea2;} .news_list li a:hover p{color: #004ea2;} /*---------------------------------- 新闻详情 -------------*/ .news_de_box{background: #f7f7f7;} .news_de_l { background: #fff; padding: 40px;} .news_de_l .text_info { border-bottom: 1px solid #f6f6f6; } .back{ display: block; width: 150px; line-height: 40px;height: 40px; background: #eee; color: #333; float: right; text-align: center; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .back:hover{ background: #24a0ff; color: #fff;} .news_link{ padding-top: 10px; margin-top: 10px;} .news_link p{ height: 40px;} .news_link p a{-webkit-line-clamp: 1;} .hot_news li .p1{ line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; } .hot_news li .img{ height: 230px;} .news_de_r { background: #fff; padding: 40px 30px;width: 300px; } /*---------------------------------- 联系详情 */ .contact_main{position: relative; margin-top: -100px;width: 100%; z-index: 1; width: 100%; } .contact_box{ height: 340px; text-align: center; width: 1200px;min-height: 340px; margin: 0 auto; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #dituContent{ width: 100%; height: 340px;} .con_a li{ width:340px; padding: 20px; background:#f7f7f7; float:left; border-radius: 15px;min-height: 80px; } .con_a li.li2{ margin: 0 30px;} .con_a li .p1{ font-weight: 700;} .co_r .qq_name{display: block; width: 150px; line-height: 38px; text-align: center; background: #eee; float:left;color: #333; } .co_r .qq_name:hover{background: #5f0b2b; color: #fff;} /*--- 留言 ---*/ .messages .list{ width:940px; float: right;} .messages .input{ background: #fff; line-height: 60px; border: 1px solid #333;width: 278px; font-size: 16px; border-radius: 3px;} .messages .textarea{border: 1px solid #333; background: #fff; line-height: 24px; height: 100px;border-radius: 3px;width: 918px; } .messages .button_1_b{ display: block; width: 300px; line-height: 60px; color: #fff;background: #224ca4; text-align: center; margin-top: 20px; font-size: 18px;border-radius: 65px; } .messages .button_1_b:hover{background: #e23b63;color: #fff;} /*--- 内容完善 ---*/ .pc_honnor{ background: url(../images/bg12.png) center top repeat-y;} .pc_honnor li{ width: 100%; margin-bottom: 20px;} .pc_honnor li h6{ font-size: 18px;} .pc_honnor li .pctxt p{ font-size: 14px;color: #777;} .pc_honnor li .l{float: left;width: 606px;padding-right: 594px;margin-bottom: 20px;text-align: right;} .pc_honnor li .r{ float: right;width: 606px;padding-left: 594px;margin-bottom: 20px;text-align: left;} .pc_honnor li .l .pctxt p{padding-right: 40px;} .pc_honnor li .l h6{padding-right: 40px; background-image: url(../images/bg11.png); background-repeat: no-repeat; background-position: right 7px; } .pc_honnor li .r .pctxt p{padding-left: 40px;} .pc_honnor li .r h6{padding-left: 40px; background-image: url(../images/bg11.png); background-repeat: no-repeat; background-position: left 7px; } .join_box2 li{ height: 80px; border-bottom: 1px solid #eee;} /*--- 推广页 ---*/ .sem_box { width:100%; max-width:1290px; margin:0 auto;} .sem_box img{ width:100%;} .link{ width:1200px; margin:10px auto; color:#AFAAAB;} .link a{ color:#AFAAAB; line-height:20px; margin-right:10px; font-size:12px;} .news_list ul li .img img{ width:270px !important; height:157px !important; } /*2023-06-15新增*/ .wcontent{ width:1200px; margin:0 auto;} .head_top{ width:1200px; height:118px; margin:0 auto;} .head_top .logo{ width:300px; float:left;} .head_top .logo img{ margin-top:30px;} .head_top .tel{ width:180px; height:30px; line-height:30px; margin-top:45px; font-weight:bold; font-size:18px; float:right; background:url(../images/wf1.png) no-repeat right;} /*导航条*/ .dh_menu{width:100%; background:#003672; height:100px; overflow:visible} .menu{ width:1200px; height:100px; margin:0 auto;position:relative;z-index:100; overflow:visible;} .menu ul{ text-align:right; float:right} .menu ul li{ float:left; color:#fff;position:relative; overflow:visible} .menu ul li a{ display:block; width:110px; height:100px; line-height:100px;font-size:16px; color:#fff; text-align:center;} .menu ul li a:hover, .menu ul li a.cur{ font-size:18px; font-weight:bold} .menu ul ul {visibility:hidden} .menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;} .menu ul ul li {clear:both;text-align:center;font-size:14px;} .menu ul ul li a{ display:block; width:110px; height:50px; line-height:50px;font-size:14px; color:#fff; text-align:center;background:#003672; border-bottom:1px solid #ddd;} .menu ul ul li a:hover{font-size:16px; font-weight:bold;} .banner{ width:100%;} .banner img{ width:100%;} .page1{ width:100%; background:#003672; padding:40px 0px; color:#fff;} .page1 .wcontent .title{ text-align:center;} .page1 .wcontent .title h2{ font-size:26px;} .page1 .wcontent .title h2 span{ font-weight:bold} .page1 .wcontent .box{ margin-top:20px;} .page1 .wcontent .box .floatL{ width:600px;} .page1 .wcontent .box .floatL p{ line-height:30px; margin-top:8px; margin-bottom:8px; text-indent:2em; color:#ddd} .page1 .wcontent .box .floatR{ width:580px; } .page2{ width:100%; background:#f7f7ff; padding:40px 0px; color:#333;} .page2 .wcontent h2{ font-size:26px;font-weight:bold; text-align:center} .page2 .wcontent .t-title{ text-align:center; color:#666; font-size:16px;} .page2 .wcontent .box { width:1200px; margin:0 auto; margin-top:40px;} .page2 .wcontent .box .l1,.page2 .wcontent .box .l2,.page2 .wcontent .box .l3,.page2 .wcontent .box .l4{ width:570px;} .page2 .wcontent .box .l1 .txt,.page2 .wcontent .box .l2 .txt,.page2 .wcontent .box .l3 .txt,.page2 .wcontent .box .l4 .txt{ width:245px; height:130px; padding:50px 20px; float:left; color:#fff;} .page2 .wcontent .box .t{ font-size:18px; font-weight:bold; padding-bottom:20px;} .page2 .wcontent .box .l1 .nimg,.page2 .wcontent .box .l2 .nimg,.page2 .wcontent .box .l3 .nimg,.page2 .wcontent .box .l4 .nimg{ width:285px; height:230px; float:right;} .page2 .wcontent .box img{width:285px; height:230px;} .page2 .wcontent .box .l1,.page2 .wcontent .box .l3{ float:left;} .page2 .wcontent .box .l2,.page2 .wcontent .box .l4{ float:right;} .page2 .wcontent .box .l1{ background:#cd537a} .page2 .wcontent .box .l2{ background:#349cc3} .page2 .wcontent .box .l3{ background:#816bab} .page2 .wcontent .box .l4{ background:#c0b353} .page3{ width:100%; background:#fff; padding:40px 0px; color:#333;} .page3 .wcontent h2{ font-size:26px;font-weight:bold; text-align:center} .page3 .wcontent .t-title{ text-align:center; color:#666; font-size:16px;} .page3 .wcontent .box { width:1200px; margin:0 auto; margin-top:40px; text-align:center;} .page3 .wcontent .box img{ width:982px; height:463px;} .page4{ width:100%; height:650px; background:url(../images/page4.jpg) no-repeat top; color:#333;} .page4 .wcontent h2{ font-size:36px;font-weight:bold; padding-left:50px; padding-top:150px;} .page4 .wcontent .t-title{padding-left:50px; color:#666; font-size:24px; line-height:50px;} .page4 .wcontent a { display:block; background:#003672; width:280px; height:80px; line-height:80px; text-align:center; font-size:24px; color:#fff; margin-left:40px; margin-top:130px;} .page4 .wcontent a:hover{ background:#1a5393} .page5{ width:100%; background:#fff; padding:40px 0px; color:#333;} .page5 .wcontent h2{ font-size:33px;font-weight:bold; text-align:center} .page5 .wcontent .box .floatR{ width:930px; } .page5 .wcontent .box .floatL{ width:250px; } .page5 .wcontent .box .floatL .title{ width:250px; height:40px; background:url(../images/ico31.jpg) no-repeat; font-size:22px; line-height:20px; font-weight:bold} .page5 .wcontent .box .floatL ul li a{ display:block; height:30px; background:url(../images/ico30.jpg) no-repeat left; margin:10px 0px; padding-left:30px; line-height:30px;} .pro_list_index{ margin-top: 20px;} .pro_list_index li{ width: 290px; background-color: #f7f7f7; float: left; padding-bottom: 10px; margin: 10px 10px;} .pro_list_index li .img{ border: 15px solid #f7f7f7;} .pro_list_index li img{ width: 260px; height: 260px;} .pro_list_index li p{ line-height: 30px; height:30px; overflow:hidden; text-align: center; font-size: 18px; } .page6{ width:100%; background:#f7f7ff; padding:40px 0px; color:#000;} .page6 .wcontent .info{ font-size:26px;font-weight:bold; } .page6 .wcontent .info a{ float:right;font-size:16px; font-weight:600; color:#666666} .page6 .wcontent .news_list ul li{ background:#fff} .page6 .wcontent .news_list li .img {border: 5px solid #fff !important; ;}