Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
/*common start*/ body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;} body{ font-size:12px; font-family: Arial,'Microsoft YaHei'; color:#333;} a{ color:#666;} a:hover{ color:#336296; text-decoration:none;} p{line-height:1.7; padding:5px 0;} .clear{ margin:0; padding:0; font-size:0; clear:both; } .wapper{ width:1200px; margin:0 auto;} input,textarea,select{outline:none} /*common end*/ .head{} .head1bg{ background:#f5f5f5;} .head1{ height:40px; line-height:40px; color:#666; font-size:14px;} .head1 .lt{ float:left;} .head1 .rt{ float:right;} .head1 .rt a{ color:#666;} .head1 .rt b{ color:#336296;} .h_rt1{ float:right;} .h_rt1 ul li{ float:left; position:relative; font-size:12px;} .h_rt1 ul li a{ padding:0 5px;} .h_rt1 ul li a img{ margin:0 5px; vertical-align:middle; height:16px;} .h_rt1 ul li a .img0{ height:12px;} .h_rt1 ul li .box{position: absolute; top: 34px; left: 10px; display: none; background: #fff; box-shadow: 0 0 5px #888; display:none;} .h_rt1 ul li:hover .box{ display:block;} .h_rt1 ul li .ewm{ text-align:center;} .h_rt1 ul li .ewm img{ display:block; margin:0 auto; width:100px; height:100px;} .h_rt1 ul li .ewm .h3{ font-size:12px; line-height:24px;} .head2bg{} .head2{ height:100px;} .head2 .logo{ float:left; padding-top:10px;} .head2 .logo img{ display:block; height:80px;} .h_tel2{ float:right; margin-left:80px; margin-top:27px;} .h_tel2 dl{} .h_tel2 dl dt{ float:left;} .h_tel2 dl dt span{ display:block; font-size:12px; line-height:12px;} .h_tel2 dl dt strong{ display:block; font-size:23px; line-height:24px; font-weight:normal;} .h_tel2 dl dd{ float:right; font-size:30px; line-height:36px; margin-left:5px; font-weight:bold; color:#336296;} .head2 .h_search1{ float:right; height:44px; margin-top:23px; margin-left:20px;} .head2 .h_search1 .text1{ float:left; width:326px; height:40px; line-height:40px; border:2px solid #DEB47A; padding:0 15px 0 25px; background:url(../images/searchbg.gif) left 5px center no-repeat;} .head2 .h_search1 .button1{ float:right; width:90px; height:44px; line-height:44px; font-size:16px; color:#fff; background:#DEB47A; text-align:center;} .head3bg{} .head3{ height:55px;} .h_pronav{ float:left; width:260px; position:relative;} .h_pronav .h2{ height:55px; line-height:55px; background:#336296; color:#fff; font-weight:bold; font-size:17px; text-align:center;} .h_pronav .h2 span{} .h_pronav .h2 img{ vertical-align:text-top; margin-right:5px;} .h_pronav_list{ width:100%; background:rgba(0,0,0,.5); position:absolute; z-index:5; top:100%; left:0; display:none; } .h_pronav:hover .h_pronav_list{ display:block;} .h_pronav_list ul{/* width:100%; overflow-Y:scroll;*/ height:580px;} .h_pronav_list ul::-webkit-scrollbar { /*滚动条整体样式*/ width:5px; /*高宽分别对应横竖滚动条的尺寸*/ height:1px; } .h_pronav_list ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius:10px; box-shadow:inset 0 0 2px #000; background:#000; } .h_pronav_list ul::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow:inset 0 0 2px #000; border-radius:10px; background:#ededed; } .h_pronav_list ul li{ border-bottom:1px solid rgba(154, 154, 154, 0.2); padding:20px 10px 20px 10px; position:relative;} .h_pronav_list ul li:hover{ background:#373947;} .h_pronav_list ul li .h3{ font-size:16px; line-height:26px; font-size: 18px;line-height: 26px;padding-left: 59px;} .h_pronav_list ul li .h3 i{ display:inline-block; width:20px; height:20px; vertical-align:middle; position:relative;margin-right:4px;} .h_pronav_list ul li .h3 i img{ max-width:100%; max-height:100%; position:absolute; top:-2px; right:0; bottom:0; left:0; margin:auto 0;} .h_pronav_list ul li .h3 i .img2{ display:none;} .h_pronav_list ul li .h3:hover i .img1{ display:none;} .h_pronav_list ul li .h3:hover i .img2{ display:block;} .h_pronav_list ul li .h3 a{ color:#fff;} .h_pronav_list ul li .h3:hover a{ color:#336296;} .h_pronav_list ul li .h4{ font-size:14px; line-height:24px;} .h_pronav_list ul li .h4 a{ color:#6a768d; margin:5px 5px 0 0; display:inline-block;} .h_pronav_list ul li .h4 a:hover{ color:#336296;} .h_pronav_list ul li .h_pronav_downbg{ background:#fff; width:546px; position:absolute; top:0; left:100%; display:none;} .h_pronav_list ul li:hover .h_pronav_downbg{ display:block;} .h_pronav_list ul li .h_pronav_down{ padding:20px 20px 20px 20px; position:relative;} .h_pronav_list ul li .h_pronav_down:before{content: ""; position: absolute; width: 0; height: 0; left: -6px; top: 25px; border-right: 6px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent;} .h_pronav_list ul li .h_pronav_down .h5{ font-size:16px; line-height:1.5em; padding-bottom:20px; border-bottom:1px solid #e5e5e5;} .h_pronav_list ul li .h_pronav_down .h5 span{ border-left:2px solid #8a8a8a; padding-left:15px;} .h_pronav_list ul li .h_pronav_down .txt{ margin-top:20px;} .h_pronav_list ul li .h_pronav_down .txt dl dd{ float:left; width:168px; margin-bottom:15px; font-size:14px; line-height:1.5em;} .h_pronav_list ul li .h_pronav_down .txt dl dd a{ color:#666; border-left:1px solid #e5e5e5; padding-left:10px;} .h_pronav_list ul li .h_pronav_down .txt dl dd a:hover{ color:#2ba0ea; border-left-color:#2ba0ea;} /*menu*/ .menu{height:55px;line-height:55px; float:right; max-width:940px;} .menu ul li{ float:left; position:relative; } .menu ul li dl{ background:#fff; width:160px; margin-left:-80px; position:absolute; z-index:5; left:50%; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; } .menu ul li dl dd{ line-height:29px; } .menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; padding:5px 10px;} .menu ul li dl dd a:hover{ color:#336296; } .menu a{ font-size:18px;color:#666; text-decoration:none; font-weight:normal; display:block;text-align:center; padding:0 23px;} .menu a:hover{color:#336296;} a.menu_hover{ color:#336296; } @media(max-width:768px){ .wapper{ width:100%; } .head{ display:none;} } .h_height{ height:0;} .head_mbg{ width:100%; background:#fff; position:fixed; z-index:666; top:0; left:0; display:none;} .head_m{ height:60px; position:relative; } .head_m .logo{ float:left; margin-left:5%; padding-top:8px;} .head_m .logo img{ display:block; height:44px;} .nav_open{ height:40px; line-height:40px; font-size:20px; float:right; margin:10px 5% 0 0;} .nav_open i{ vertical-align:middle; } .navbg{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:666; display:none;} .nav{ padding:60px 5% 20px 5%; position:relative;} .nav_close{ height:40px; line-height:40px; position:absolute; right:5%; top:10px; font-size:20px;} .nav_close i{ vertical-align:middle; } .nav_list{ height:calc(100vh - 80px); overflow-Y:scroll;} .tree{} .tree_box{ } .tree_one,.tree_two{display: none; overflow: hidden;} .tree_box h3{ font-weight:normal; font-size:14px; height:49px; line-height:49px; overflow:hidden; margin:0; position:relative; border-bottom:1px solid #eee;} .tree_box h3 a{ color:#333; position:relative; z-index:10;} .tree_box h3 a:hover{ color:#cc0000;} .tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;} .tree_box h3 span i{} .tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 5%; border-bottom:1px solid #eee;} .tree_box h4 a{ color:#666; position:relative; z-index:10;} .tree_box h4 a:hover{ color:#cc0000;} .pc{ display:block; } .phone{ display:none; } @media(max-width:768px){ .head_mbg{ display:block;box-shadow:0 4px 10px rgba(0,0,0,.2);} .h_height{ height:60px;} .inbanner2{ height:220px; } .inbanner2 img{ object-fit:cover; height:100%; } .f_link{ display:none; } } .listpage { margin: 20px auto; text-align: center; } .listpage #pages{ display:flex; flex-wrap:wrap; justify-content:center; } .listpage a { padding:6px 10px; background-color: #ddd; color: #999; font-size: 14px; margin:2px 3px; line-height: 1; } .listpage a:hover { background: #336296; color: #fff; transition: all 0.2s ease 0s; } .listpage span { padding:6px 10px; background: #336296; color: #fff; font-size: 14px; margin:2px 3px; line-height: 1; } .swiper-container1 .swiper-slide { } .swiper-container1 .swiper-slide img{ width:100%; display:block;} .swiper-container1 .swiper-slide .img{ height:580px;} .swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ width:25px; height:40px; margin-top:-20px; } .swiper-container1 .swiper-button-prev1{ background:url(../images/btn_lt1.png) center no-repeat;} .swiper-container1 .swiper-button-next1{ background:url(../images/btn_rt1.png) center no-repeat;} .swiper-container1 .swiper-button-prev1:hover{ background:url(../images/btn_lt2.png) center no-repeat;} .swiper-container1 .swiper-button-next1:hover{ background:url(../images/btn_rt2.png) center no-repeat;} .swiper-container1 .swiper-pagination1{ } .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:9px; height:9px; background:#000; opacity:.5;} .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;} @media(max-width:768px){ .swiper-container1 .swiper-button-prev1{ display:none;} .swiper-container1 .swiper-button-next1{ display:none;} } .index_add1bg{ padding:50px 0;} .index_add1{} .index_add1 .list{ font-size:16px;} .index_add1 .list .box1{ margin-top:30px;} .index_add1 .list .box1 label{ margin-right:15px;} .index_add1 .list .box1 label input{ margin-right:5px;} .index_add1 .list .box2{ margin-top:30px; border:2px solid #DEB47A; height:60px;} .index_add1 .list .box2 .form1{ float:left; margin:10px 0; height:40px; border-right:1px solid #ccc; padding:0 15px 0 30px; background:url(../images/i1_ico1.png) left 5px center no-repeat;} .index_add1 .list .box2 .form2{ float:left; margin:10px 0; height:40px; border-right:1px solid #ccc; padding:0 15px 0 30px; background:url(../images/i1_ico2.png) left 5px center no-repeat;} .index_add1 .list .box2 .form3{ float:left; margin:10px 0; height:40px; padding:0 15px 0 30px; background:url(../images/i1_ico3.png) left 5px center no-repeat;} .index_add1 .list .box2 .form4{ float:left; margin:10px 0; height:40px; padding:0 15px 0 30px; background:url(../images/i1_ico4.png) left 5px center no-repeat;} .index_add1 .list .box2 .form5{ float:right;} .index_add1 .list .box2 .text1{ border:none; background:none; height:40px; line-height:40px; width:100%; font-size:16px;} .index_add1 .list .box2 .text2{ border:none; background:none; height:40px; line-height:40px; width:100%; font-size:16px;} .index_add1 .list .box2 select{ border:none; background:none; height:40px; line-height:40px; width:100%; font-size:16px;} .index_add1 .list .box2 .button1{ display:block; text-align:center; width:120px; height:60px; line-height:60px; background:#DEB47A; color:#fff; font-size:16px;border:none;} .index_add1 .list .box2 .button2{ display:inline-block; text-align:center; width:100px; height:40px; line-height:40px; background:#ffe3cc; color:#DEB47A; font-size:16px; border-radius:5px;} .index_add1 .list .box2 .form1, .index_add1 .list .box2 .form2, .index_add1 .list .box2 .form3{ width:calc((100% - 120px) / 3); box-sizing:border-box; } @media(max-width:768px){ .index_add1bg{ padding:50px 5%;} .index_add1 .list{ font-size:14px;} .index_add1 .list .box2{ height:auto;} .index_add1 .list .box2 .form1{ float:none; border-right:none; width:100%;} .index_add1 .list .box2 .form2{ float:none; border-right:none; width:100%; } .index_add1 .list .box2 .form3{ float:none; border-right:none; width:100%; } .index_add1 .list .box2 .form4{ float:none; border-right:none; } .index_add1 .list .box2 .form5{ float:none;} .index_add1 .list .box2 .text1{ width:100%;} .index_add1 .list .box2 .text2{ width:50%;} .index_add1 .list .box2 select{ width:100%;} .index_add1 .list .box2 .button1{ width:100%;} .index_add1 .list .box2 .button2{ width:40%;} } .con01bg{ padding:50px 0;} .con01{ background:url(../images/c1_bg.png) center no-repeat; background-size:cover;} .slideTxtBox_01{ padding:30px 40px 60px 40px;} .slideTxtBox_01 .hd{ height:36px; line-height:36px; font-size:16px;} .slideTxtBox_01 .hd ul li{ display:inline-block; vertical-align:top; margin-right:10px;} .slideTxtBox_01 .hd ul li a{ display:block; color:#fff;} .slideTxtBox_01 .hd ul li.on a{ font-weight:bold; color:#fff; font-size:18px;} .slideTxtBox_01 .bd{ height:50px; background:#fff; margin-top:20px;} .slideTxtBox_01 .bd .box{} .slideTxtBox_01 .bd .box1 .form1{ float:left; width:calc((100% - 180px)/3); height:20px; padding:15px 0; position:relative;} .slideTxtBox_01 .bd .box1 .form1 img{ height:20px; position:absolute; top:15px; left:10px;} .slideTxtBox_01 .bd .box1 .form1 .select1{ border:none; width:100%; height:20px; line-height:20px; padding:0 10px 0 30px;} .slideTxtBox_01 .bd .box1 .form2{ float:left; width:calc((100% - 180px)/3); height:20px; padding:15px 0;} .slideTxtBox_01 .bd .box1 .form3{ float:left; width:calc((100% - 180px)/3); height:20px; padding:15px 0;} .slideTxtBox_01 .bd .box1 .text1{ border:none; width:100%; height:20px; line-height:20px;} .slideTxtBox_01 .bd .box1 .form4{ float:right; width:180px;} .slideTxtBox_01 .bd .box1 .form4 .button1{ display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#DEB47A; color:#fff; font-size:16px;} .slideTxtBox_01 .bd .box2 .form1{ float:left; width:calc((100% - 280px)/3); height:20px; padding:15px 0; position:relative;} .slideTxtBox_01 .bd .box2 .form1 .select1{ border:none; width:100%; height:20px; line-height:20px; padding:0 10px 0 10px;} .slideTxtBox_01 .bd .box2 .form2{ float:left; width:calc((100% - 280px)/3); height:20px; padding:15px 0;} .slideTxtBox_01 .bd .box2 .form3{ float:left; width:calc((100% - 280px)/3); height:20px; padding:15px 0;} .slideTxtBox_01 .bd .box2 .text1{ border:none; width:100%; height:20px; line-height:20px;} .slideTxtBox_01 .bd .box2 .form4{ float:right; width:280px;} .slideTxtBox_01 .bd .box2 .form4 .button1{ display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#DEB47A; color:#fff; font-size:16px;} @media(max-width:768px){ .con01bg{ padding:30px 5%;} .slideTxtBox_01 .bd{ height:auto; background:none; margin-top:20px;} .slideTxtBox_01 .bd .box1 .form1{ float:none; width:100%; height:30px; padding:0; margin-top:10px;} .slideTxtBox_01 .bd .box1 .form1 img{ height:20px; top:5px; left:10px;} .slideTxtBox_01 .bd .box1 .form1 .select1{ background:#fff; width:100%; height:30px; line-height:30px; padding:0 10px 0 30px;} .slideTxtBox_01 .bd .box1 .form2{ float:none; width:100%; height:30px; padding:0; margin-top:10px;} .slideTxtBox_01 .bd .box1 .form3{ float:none; width:100%; height:30px; padding:0; margin-top:10px;} .slideTxtBox_01 .bd .box1 .text1{ background:#fff; width:calc(100% - 20px); padding:0 10px; height:30px; line-height:30px;} .slideTxtBox_01 .bd .box1 .form4{ float:none; width:100%; margin-top:10px;} .slideTxtBox_01 .bd .box1 .form4 .button1{ width:100%; height:40px; line-height:40px; } .slideTxtBox_01 .bd .box2 .form1{ float:none; width:100%; height:30px; padding:0; margin-top:10px;} .slideTxtBox_01 .bd .box2 .form1 .select1{ background:#fff; width:100%; height:30px; line-height:30px; padding:0 10px 0 10px;} .slideTxtBox_01 .bd .box2 .form2{ float:none; width:100%; height:30px; padding:0; margin-top:10px;} .slideTxtBox_01 .bd .box2 .form3{ float:none; width:100%; height:30px; padding:0; margin-top:10px;} .slideTxtBox_01 .bd .box2 .text1{ background:#fff; width:calc(100% - 20px); padding:0 10px; height:30px; line-height:30px;} .slideTxtBox_01 .bd .box2 .form4{ float:none; width:100%; margin-top:10px;} .slideTxtBox_01 .bd .box2 .form4 .button1{ width:100%; height:40px; line-height:40px; } } /**/ .tit1{ text-align:center;} .tit1 .h2{ font-weight:bold; font-size:30px; line-height:1.5em;} .tit1 .h3{ font-size:16px; line-height:1.5em;} .con02bg{ padding:50px 0;} .con02{} .con02 .list{ margin-top:20px;} .con02 .list ul li{ float:left; width:calc((100% - 60px)/4); margin:10px 20px 10px 0; background:#fff;} .con02 .list ul li:nth-child(4n){ margin-right:0;} .con02 .list ul li .box{ padding:10px 10px 30px 10px;} .con02 .list ul li .box1{ padding:20px 0 0 0;} .con02 .list ul li .box1 .img{ float:left; width:75px;} .con02 .list ul li .box1 .img img{ display:block; width:45px; margin:0 auto;} .con02 .list ul li .box1 .txt{ float:right; width:calc(100% - 75px);} .con02 .list ul li .box1 .txt .h2{ font-weight:bold; font-size:18px; line-height:2.5em; height:2.5em; overflow:hidden;} .con02 .list ul li .box1 .txt .h3{ font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden; color:#999;} .con02 .list ul li .box2{ margin-top:20px; min-height:100px;} .con02 .list ul li .box2 dl dd{ float:left; width:calc(50% - 30px); line-height:23px; height:23px; overflow:hidden; padding-left:10px; margin:0 10px; background:url(../images/c2_2.png) left center no-repeat; color:#666; font-size:15px;} .more1{ text-align:center; margin:10px 10px 0 10px;} .more1 a{ display:block; border:1px solid #336296; color:#336296; font-size:14px; height:34px; line-height:34px; text-align:center; border-radius:40px;} .more1 a:hover{ background:#336296; color:#fff;} .btn_tel1{ text-align:center; margin-top:40px;} .btn_tel1 a{ display:inline-block; text-align:center; padding:0 0 0 25px; border-radius:50px; font-size:15px; height:43px; line-height:43px; border:1px solid #336296; background:#336296; color:#fff;} .btn_tel1 a b{} .btn_tel1 a span{ display:inline-block; background:#fff; border-radius:50px; padding:0 35px; margin-left:50px; color:#336296; transition:all .3s ease;} .btn_tel1 a span img{ vertical-align:middle; margin-right:5px;} .btn_tel1 a:hover span{ margin-left:20px; transition:all .3s ease;} @media(max-width:768px){ .tit1 .h2{ font-size:20px; line-height:1.5em;} .tit1 .h3{ font-size:12px; line-height:1.5em;} .con02bg{ padding:50px 5%;} .con02 .list ul li{ float:left; width:calc((100% - 10px)/2); margin:5px 10px 5px 0; } .con02 .list ul li:nth-child(4n){ margin-right:10px;} .con02 .list ul li:nth-child(2n){ margin-right:0;} .con02 .list ul li .box1 .img{ float:left; width:30px;} .con02 .list ul li .box1 .img img{ width:30px; } .con02 .list ul li .box1 .txt{ width:calc(100% - 40px);} .con02 .list ul li .box1 .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden;} .con02 .list ul li .box1 .txt .h3{ font-size:12px; line-height:1.5em; height:1.5em; overflow:hidden; } .con02 .list ul li .box2 dl dd{ float:none; display:inline-block; vertical-align:top; min-width:calc(50% - 22px); padding-left:10px; margin:0 5px; font-size:12px;} .btn_tel1 a{ padding:0 0 0 20px; font-size:12px; height:43px; line-height:43px; } .btn_tel1 a span{ padding:0 20px; margin-left:20px;} .btn_tel1 a:hover span{ margin-left:10px; } } /**/ .con03bg{ background:#f5f5f5; padding:50px 0;} .con03{} .con03 .list{ margin-top:15px;} .con03 .list ul li{ float:left; width:calc((100% - 45px)/4); margin:15px 15px 0 0; background:#fff; text-align:center;} .con03 .list ul li:nth-child(4n){ margin-right:0;} .con03 .list ul li .box{} .con03 .list ul li .txt{ padding:40px 20px 20px 20px;} .con03 .list ul li .txt .h2{ font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; color:#336296;} .con03 .list ul li .txt .h3{ font-size:16px; line-height:1.5em; height:3em; overflow:hidden; color:#666; margin-top:10px;} .con03 .list ul li .img{ padding-bottom:100%; position:relative;} .con03 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} @media(max-width:768px){ .con03bg{ padding:50px 5%;} .con03 .list ul li{ width:48%; margin:15px 4% 0 0; } .con03 .list ul li:nth-child(2n){ margin-right:0;} .con03 .list ul li .img{ padding-bottom:80%; } } /**/ .con04bg{ background:#f5f5f5; padding:50px 0;} .con04{} .con04 .list{ margin-top:15px;} .con04 .list ul li{ float:left; width:calc((100% - 75px)/4); margin:15px 25px 0 0; background:#fff; text-align:center;} .con04 .list ul li:nth-child(4n){ margin-right:0;} .con04 .list ul li .img{ padding-bottom:75%; position:relative; overflow:hidden;} .con04 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;} .con04 .list ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;} .btn_tel2{ text-align:center; margin-top:40px;} .btn_tel2 a{ display:inline-block; text-align:center; padding:0 25px 0 25px; border-radius:50px; font-size:15px; height:43px; line-height:43px; border:1px solid #336296; background:#336296; color:#fff;} .btn_tel2 a img{ vertical-align:middle; margin-right:5px;} .btn_tel2 a b{} .btn_tel2 a:hover{ background:#008DD7; border:1px solid #008DD7;} @media(max-width:768px){ .con04bg{ padding:50px 5%;} .con04 .list ul li{ float:none; width:100%; margin:15px 0 0 0; } } /**/ .con05bg{ padding:50px 0;} .con05{} .con05 .list{ margin-top:30px;} .con05 .list ul li{ float:left; width:calc((100% - 60px)/5); text-align:center;} .con05 .list ul li .img{ height:80px; position:relative;} .con05 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .con05 .list ul li .txt{} .con05 .list ul li .txt .h2{ font-weight:bold; font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:15px;} .con05 .list ul li .txt .h3{ font-size:15px; line-height:1.5em; height:1.5em; overflow:hidden; color:#999;} .con05 .list ul li.r_jt{ width:15px;} .con05 .list ul li.r_jt .bg{ height:80px; background:url(../images/r_jt.png) center no-repeat;} .con05 .list2{ margin-top:50px;} .con05 .list2 img{ display:block; width:100%;} @media(max-width:768px){ .con05bg{ padding:50px 5%;} .con05 .list{ margin-top:0;} .con05 .list ul li{ float:left; width:calc((100% - 60px)/2); margin:30px 60px 0 0;} .con05 .list ul li:nth-child(3){ margin-right:0;} .con05 .list ul li:nth-child(7){ margin-right:0;} .con05 .list ul li .img{ height:65px; } .con05 .list ul li .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:10px;} .con05 .list ul li .txt .h3{ font-size:12px; line-height:1.5em; height:1.5em; overflow:hidden; } .con05 .list ul li.r_jt{ display:none;} .con05 .list2{ margin-top:50px;} .con05 .list2 img{ display:block; width:100%;} } /**/ .tit2{} .tit2 .h2{ font-size:30px; height:30px; line-height:30px;} .tit2 .h2 a{ float:right; font-size:16px;} .tit2 .h2 a img{ vertical-align:middle; margin-left:5px;} .con07bg{ padding:50px 0; background:#f5f5f5; font-size: 14px;} .con07{} .con07 .list1{} .con07 .list1 ul li{ float:left; width:calc((100% - 75px)/6); margin:15px 15px 0 0; background:#fff;} .con07 .list1 ul li:nth-child(6n){ margin-right:0;} .con07 .list1 ul li .img{ padding-bottom:52%; position:relative;} .con07 .list1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .con07 .list2{ margin-top:20px;} .con07 .list2 a{ display:inline-block; background:#ededed; padding:0 10px; margin:10px 10px 0 0; height:30px; line-height:30px;} .con07 .list2 a:hover{} @media(max-width:768px){ .tit2 .h2{ font-size:20px; } .tit2 .h2 a{ font-size:12px;} .con07bg{ padding:50px 5%;} .con07{} .con07 .list1{} .con07 .list1 ul li{ float:left; width:calc((100% - 30px)/3); margin:15px 15px 0 0; } .con07 .list1 ul li:nth-child(6n){ margin-right:15px;} .con07 .list1 ul li:nth-child(3n){ margin-right:0;} .con07 .list2 a{ padding:0 5px; margin:5px 5px 0 0; } } /**/ .foot{} .foot1bg{ background:#f5f5f5; padding:30px 0;} .foot1{} .foot1 ul li{ float:left; width:calc((100% - 75px)/4); margin:0 25px 0 0;} .foot1 ul li:nth-child(4n){ margin-right:0;} .foot1 ul li .img{ float:left; width:60px;} .foot1 ul li .img img{ display:block; width:100%;} .foot1 ul li .txt{ float:right; width:calc(100% - 70px);} .foot1 ul li .txt .h2{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:10px;} .foot1 ul li .txt .h3{ font-size:12px; line-height:1.5em; height:1.5em; overflow:hidden; color:#666;} .foot2bg{ background:#232323; padding:50px 0;} .foot2{ color:#fff;} .foot2 a{ color:#a5a5a5;} .foot2 .box1{} .foot2 .box1 .lt{ float:left;} .foot2 .box1 .lt img{ display:block; height:55px;} .foot2 .box1 .rt{ float:right;} .foot2 .box1 .rt .f_tel{ padding-left:70px; background:url(../images/f_tel.png) left center no-repeat; height:55px;} .foot2 .box1 .rt .f_tel span{ display:block; font-size:16px; line-height:1.5em;} .foot2 .box1 .rt .f_tel strong{ display:block; font-size:22px; line-height:1.5em; color:#DEB47A;} .foot2 .box2{ margin-top:30px;} .foot2 .box2 .lt{ float:left;} .foot2 .box2 .lt dl{ float:left; margin-right:107px;} .foot2 .box2 .lt dl dt{ font-size:16px; line-height:26px; margin:5px 0;} .foot2 .box2 .lt dl dd{ font-size:14px; line-height:24px; margin-top:5px;} .foot2 .box2 .lt dl dd a{} .foot2 .box2 .rt{ float:right; text-align:center;} .foot2 .box2 .rt .img{} .foot2 .box2 .rt .img img{ display:block; width:105px; margin:0 auto;} .foot2 .box2 .rt .h2{ font-size:16px; line-height:26px; margin-top:5px;} .foot3bg{ background:#000; padding:15px 0;} .foot3{ color:#fff;} .foot3 a{ color:#fff;} .foot3 .lt{ float:left;} .foot3 .rt{ float:right;} a.back_top{ width:42px; height:42px; background:url(../images/backtop.png) center no-repeat; position:fixed; z-index:55; bottom:70px; right:10px; border-radius:100%; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.12); box-shadow: 0 0 6px rgba(0,0,0,0.12);} @media(max-width:768px){ .foot1bg{ padding:15px 5% 30px 5%;} .foot1 ul li{ float:left; width:calc((100% - 15px)/2); margin:15px 15px 0 0;} .foot1 ul li:nth-child(4n){ margin-right:25px;} .foot1 ul li:nth-child(2n){ margin-right:0;} .foot1 ul li .img{ width:20px; margin-top:10px;} .foot1 ul li .txt{ width:calc(100% - 30px);} .foot1 ul li .txt .h2{ margin-top:0;} .foot2bg{ padding:50px 5%;} .foot2 .box1 .lt{ float:none;} .foot2 .box1 .lt img{ height:auto; max-width:100%; margin:0 auto;} .foot2 .box1 .rt{ float:none; margin-top:30px;} .foot2 .box2{ margin-top:30px;} .foot2 .box2 .lt{ display:none;} .foot2 .box2 .rt{ float:none; } .foot2 .box2 .rt .img img{ width:180px; } .foot2 .box2 .rt .h2{ font-size:16px; line-height:26px; margin-top:5px;} .foot3bg{ padding:15px 5%; text-align:center;} .foot3 .lt{ float:none;} .foot3 .rt{ float:none;} } .foot_add1bg{ background:#15283c; } .foot_add1{ color:#fff;} .foot_add1 a{ color:#aaa;} .foot_add1 .box1{ padding:50px 0;} .foot_add1 .box1 .lt{ float:left;} .f_tel2{} .f_tel2 span{ display:block; font-size:20px; line-height:20px;} .f_tel2 strong{ display:block; font-size:24px; line-height:34px;} .f_link{} .f_link ul li{ font-size:16px; line-height:26px; margin-top:10px;} .f_link ul li a{} .foot_add1 .box1 .rt{ float:right;} .foot_add1 .box1 .rt dl{ float:left; margin-left:50px;} .foot_add1 .box1 .rt dl dt{ font-size:20px; line-height:20px; margin-bottom:20px;} .foot_add1 .box1 .rt dl dd{ font-size:16px; line-height:26px; margin-top:10px;} .foot_add1 .box2{ border-top:1px solid #323b44; padding:30px 0;} .f_info{} .f_info ul li{ font-size:16px; line-height:26px; margin-top:10px;} .f_img{ margin-top:30px;} .f_img img{ display:inline-block; height:41px; vertical-align:middle; margin:0 5px 5px 0;} @media(max-width:768px){ .foot_add1 .box1{ padding:30px 5% 10px;} .foot_add1 .box1 .lt{ float:none;} .foot_add1 .box1 .rt{ display:none;} .foot_add1 .box2{ padding:20px 5%;} .f_img img{ height:20px; } } /*Add------------------------------------------------------------------------------*/ .insidebg{ padding:0 0 50px 0;} .inside{} .weizhi{ height:50px; line-height:50px; font-size:14px; color:#666;} .weizhi a{} .weizhi a:hover{} .inside_lt{ float:left; width:260px;} .side_a{ background:#f9f9f9;} .side_a .h2{ height:55px; line-height:55px; text-align:center; background:#336296; background-size:cover; color:#fff; font-weight:bold; font-size:18px;} .side_a .h2 img{ vertical-align:middle; margin-right:5px;} .side_a .list{ padding:0 20px 20px 20px;} .side_a .list ul li{ border-bottom:1px solid #e7e7e7; line-height:55px; height:55px; overflow:hidden; text-align:center; font-size:16px;} .side_a .list ul li a{ display:block; color:#333;} .side_a .list ul li.on a,.side_a .list ul li:hover a{ color:#336296; font-weight:bold;} .side_b{ background:#f9f9f9;} .side_b .h2{ height:55px; line-height:55px; text-align:center; background:#336296; background-size:cover; color:#fff; font-weight:bold; font-size:18px;} .side_b .h2 a{ color:#fff;} .side_b .h2 img{ vertical-align:middle; margin-right:5px;} .inside_rt{ float:right; width:900px;} .inbanner img{ display:block; width:100%;} .inside_con{ margin-top:20px;} @media(max-width:768px){ .insidebg{ padding:0 5% 50px 5%;} .inside_lt{ display:none;} .inside_rt{ float:none; width:100%;} } /**/ .message{} .message .h2{ font-weight:bold; font-size:24px; line-height:1.5em; color:#336296;} .message .h2 span{ color:#333; display:block;} .message .h3{ font-size:16px; line-height:1.5em; margin-top:10px;} .message .list{ margin-top:20px;} .message .list .text1{ border:none; border-bottom:1px solid #dcdfe6; width:calc(100% - 20px); height:54px; line-height:54px; padding:0 10px; margin-bottom:15px; font-size: 16px;} .message .list .button1{ display:block;border:none; width:100%; height:55px; line-height:55px; background:#336296; color:#fff; font-size:16px; text-align:center;} .message .list .button1:hover{ opacity:.9;} /**/ .contact{ box-shadow:0px 0px 5px 3px rgba(0,0,0,0.07);} .contact .map{} .contact .box2{ padding:70px 0 50px 0;} .contact .box2 ul li{ float:left; width:50%; text-align:center;} .contact .box2 ul li .img{ height:70px;} .contact .box2 ul li .img img{ height:70px; display:block; margin:0 auto;} .contact .box2 ul li .txt{} .contact .box2 ul li .txt .h2{ font-size:16px; line-height:1.5em; margin-top:30px;} .contact .box2 ul li .txt .h3{ font-size:16px; line-height:1.5em; margin-top:5px; color:#336296;} @media(max-width:768px){ .contact .box2{ padding:40px 5% 50px 5%;} .contact .box2 ul li{ float:none; width:100%; margin-top:30px;} } /**/ .news_lt{ float:left; width:900px;} .news_nav{ background:#f5f5f5;} .news_nav ul li{ display:inline-block; line-height:50px; font-weight:bold; font-size:16px;} .news_nav ul li a{ display:block; padding:0 40px; color:#333;} .news_nav ul li.on a,.news_nav ul li:hover a{ background:#336296; color:#fff;} .news_con{} .news_con ul li{ padding:30px 0; border-bottom:1px dashed #e5e5e5;} .news_con ul li .img{ float:left; width:230px;} .news_con ul li .img img{ display:block; width:100%;} .news_con ul li .txt{ float:right; width:calc(100% - 260px);} .news_con ul li .txt .h2{ font-size:18px; line-height:1.5em; max-height:1.5em; overflow:hidden; margin-top:10px;} .news_con ul li .txt .h2 a{ color:#333;} .news_con ul li:hover .txt .h2 a{ font-weight:bold; color:#336296;} .news_con ul li .txt .h3{ font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; color:#999; margin-top:10px;} .news_con ul li .txt .h4{ font-size:12px; line-height:1.5em; color:#999; margin-top:10px;} .news_rt{ float:right; width:260px;} .news_rt1{} .news_rt1>.h2{ height:50px; line-height:50px; background:#DEB47A; color:#fff; padding:0 20px; font-weight:bold; font-size:16px;} .news_rt1 .list{} .news_rt1 ul li{ padding:15px 0; } .news_rt1 ul li .img{ float:left; width:125px;} .news_rt1 ul li .img img{ display:block; width:100%;} .news_rt1 ul li .txt{ float:right; width:calc(100% - 135px);} .news_rt1 ul li .txt .h2{ font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; margin-top:10px;} .news_rt1 ul li .txt .h2 a{ color:#333;} .news_rt1 ul li:hover .txt .h2 a{ font-weight:bold; color:#336296;} .news_rt1 ul li .txt .h4{ font-size:12px; line-height:1.5em; color:#999; margin-top:10px;} .news_rt2{ margin-top:30px;} .news_rt2>.h2{ height:50px; line-height:50px; background:#336296; color:#fff; padding:0 20px; font-weight:bold; font-size:16px;} .news_rt2 .list{} .news_rt2 ul li{ padding:15px 0; } .news_rt2 ul li .img{ float:left; width:125px;} .news_rt2 ul li .img img{ display:block; width:100%;} .news_rt2 ul li .txt{ float:right; width:calc(100% - 135px);} .news_rt2 ul li .txt .h2{ font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; margin-top:10px;} .news_rt2 ul li .txt .h2 a{ color:#333;} .news_rt2 ul li:hover .txt .h2 a{ font-weight:bold; color:#336296;} .news_rt2 ul li .txt .h4{ font-size:12px; line-height:1.5em; color:#999; margin-top:10px;} @media(max-width:768px){ .news_lt{ float:none; width:100%;} .news_nav{ display:none;} .news_con ul li .img{ float:left; width:120px;} .news_con ul li .txt{ float:right; width:calc(100% - 130px);} .news_con ul li .txt .h2{ font-size:18px; line-height:1.5em; max-height:1.5em; margin-top:0;} .news_con ul li .txt .h3{ font-size:14px; line-height:1.5em; max-height:3em; margin-top:10px;} .news_con ul li .txt .h4{ font-size:12px; line-height:1.5em; margin-top:10px;} .news_rt{ float:none; width:100%; margin-top:30px;} } .newsDetailbg{ background:#efefef; padding:50px 0;} .newsDetail{} .newsD_lt{ float:left; width:860px; background:#fff; box-shadow:0 0 10px 2px rgba(191, 191, 191, 0.2); padding:20px 20px 20px 20px;} .newsD_lt .weizhi{ height:30px; line-height:30px; padding-bottom:20px; border-bottom:1px dashed rgba(191, 191, 191, 0.6);} .newsD_con{ margin-top:20px;} .tit3{} .tit3 .h2{ font-weight:bold; font-size:28px; line-height:1.5em;} .tit3 .h3{ font-size:12px; line-height:1.5em; color:#666; margin-top:5px;} .newsD_con .list{ margin-top:10px;} .newsD_qh{ height:20px; line-height:20px; padding-top:20px; margin-top:20px; border-top:1px dashed rgba(191, 191, 191, 0.6); font-size:14px;} .newsD_qh ul li{ float:left; width:50%; height:20px; overflow:hidden;} .newsD_qh ul li a{ color:#999;} .newsD_qh ul li span{ } .newsD_qh ul li strong{ font-weight:normal; width:calc(100% - 69px); height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .newsD_qh ul li:nth-child(1) span{ float:left;} .newsD_qh ul li:nth-child(1) strong{ float:left;} .newsD_qh ul li:nth-child(2) span{ float:right;} .newsD_qh ul li:nth-child(2) strong{ float:right; text-align:right;} .newsD_rt{ float:right; width:260px; background:#fff; box-shadow:0 0 10px 2px rgba(191, 191, 191, 0.2);} .newsD_rt1{ padding:20px 20px;} .newsD_rt1>.h2{ height:30px; line-height:30px; color:#333; font-weight:bold; font-size:22px; border-bottom:1px dashed rgba(191, 191, 191, 0.6); padding-bottom:20px;} .newsD_rt1 .list{} .newsD_rt1 ul{ } .newsD_rt1 ul li{ margin-top:10px;} .newsD_rt1 ul li .img{ float:left; width:100px;} .newsD_rt1 ul li .img img{ display:block; width:100%;} .newsD_rt1 ul li .txt{ float:right; width:calc(100% - 110px);} .newsD_rt1 ul li .txt .h2{ font-size:16px; line-height:1.5em; max-height:1.5em; overflow:hidden; } .newsD_rt1 ul li .txt .h2 a{ color:#333;} .newsD_rt1 ul li:hover .txt .h2 a{ font-weight:bold; color:#336296;} .newsD_rt1 ul li .txt .h3{ font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; color:#999; margin-top:5px;} @media(max-width:768px){ .newsDetailbg{ padding:5% 5% 50px 5%;} .newsD_lt{ float:none; width:90%; padding:20px 5% 20px 5%;} .tit3 .h2{ font-size:20px; line-height:1.5em;} .newsD_rt{ float:none; width:100%; margin-top:20px;} .newsD_rt1{ padding:20px 5%;} } .inbanner2 img{ display:block; width:100%;} /**/ .gsdj1bg{ padding:50px 0;} .gsdj1{} .gsdj1 .list{ margin-top:20px;} .gsdj1 .list ul li{ float:left; width:calc((100% - 40px)/5); margin:10px 10px 0 0; border-radius:5px 5px 0 0;} .gsdj1 .list ul li:nth-child(5n){ margin-right:0;} .gsdj1 .list ul li .box{ padding:60px 20px 60px 20px; color:#fff;} .gsdj1 .list ul li .h2{ font-weight:bold; text-align:center; font-size:18px; line-height:26px;} .gsdj1 .list ul li .h2 span{} .gsdj1 .list ul li dl{ margin-top:10px; min-height:87px;} .gsdj1 .list ul li dl dd{ font-size:15px; float:left; width:50%; line-height:24px; height:24px; overflow:hidden; margin-top:5px;} .more2{ text-align:center; margin-top:45px;} .more2 a{ display:inline-block; text-align:center; border:1px solid #fff; color:#fff; height:32px; line-height:32px; font-size:12px; border-radius:40px; padding:0 25px;} .more2 a:hover{ background:#fff; color:#333;} /**/ .gsdj2bg{ padding:50px 0;} .gsdj2{} .gsdj2 .list{ margin-top:20px;} .gsdj2 .list ul li{ float:left; width:calc((100% - 120px)/5); margin:30px 30px 0 0; box-shadow:0px 0px 3px 2px rgba(0, 0, 0, 0.13); background:#fff; text-align:center; transition: all 0.5s linear;} .gsdj2 .list ul li:nth-child(5n){ margin-right:0;} .gsdj2 .list ul li .box{ padding:55px 20px 60px 20px;} .gsdj2 .list ul li .img{ height:68px;} .gsdj2 .list ul li .img img{ display:block; height:68px; margin:0 auto;} .gsdj2 .list ul li .txt{} .gsdj2 .list ul li .txt .h2{ font-weight:bold; font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; padding-top:40px; position:relative;} .gsdj2 .list ul li .txt .h2:before{ content:""; background:#336296; width:40px; height:1px; margin-left:-20px; position:absolute; left:50%; top:30px;} .gsdj2 .list ul li:hover{transform: translateY(-30px); transition: all 0.5s linear;} /**/ .gsdj3bg{ padding:50px 0;} .gsdj3{} .gsdj3 .list{ } .gsdj3 .list ul li{ float:left; width:calc((100% - 200px)/3); margin:30px 100px 0 0; } .gsdj3 .list ul li:nth-child(3n){ margin-right:0;} .gsdj3 .list ul li .img{ float:left; width:45px; height:70px; position:relative;} .gsdj3 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .gsdj3 .list ul li .txt{ float:right; width:calc(100% - 55px);} .gsdj3 .list ul li .txt .h2{ font-weight:bold; font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; color:#336296; margin-top:10px;} .gsdj3 .list ul li .txt .h3{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden;} /**/ .gsdj4bg{ padding:50px 0; color:#fff;} .gsdj4{} .gsdj4 .list{ margin-top:10px;} .gsdj4 .list ul li{ float:left; width:calc((100% - 80px)/5); margin:20px 20px 0 0; background:#fff;border-radius:4px;overflow:hidden;} .gsdj4 .list ul li:nth-child(5n){ margin-right:0;} .gsdj4 .list ul li .img{ padding-bottom:50%; position:relative;} .gsdj4 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} @media(max-width:768px){ /**/ .gsdj1bg{ padding:50px 5%;} .gsdj1 .list ul li{ float:left; width:calc((100% - 5px)/2); margin:5px 5px 0 0; } .gsdj1 .list ul li:nth-child(5n){ margin-right:5px;} .gsdj1 .list ul li:nth-child(2n){ margin-right:0;} .gsdj1 .list ul li .box{ padding:30px 15px 30px 15px; } .more2{ margin-top:30px;} /**/ .gsdj2bg{ padding:50px 5%;} .gsdj2 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; } .gsdj2 .list ul li:nth-child(5n){ margin-right:20px;} .gsdj2 .list ul li:nth-child(2n){ margin-right:0;} .gsdj2 .list ul li .box{ padding:30px 15px 30px 15px;} /**/ .gsdj3bg{ padding:50px 5%;} .gsdj3 .list ul li{ float:left; width:calc((100% - 50px)/2); margin:20px 50px 0 0; } .gsdj3 .list ul li:nth-child(3n){ margin-right:50px;} .gsdj3 .list ul li:nth-child(2n){ margin-right:0;} .gsdj3 .list ul li .img{ float:left; width:40px; height:90px; } .gsdj3 .list ul li .txt{ float:right; width:calc(100% - 45px);} .gsdj3 .list ul li .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; margin-top:10px;} .gsdj3 .list ul li .txt .h3{ font-size:12px; line-height:1.5em; height:4.5em; } /**/ .gsdj4bg{ padding:50px 5%;} .gsdj4 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; background:#fff;} .gsdj4 .list ul li:nth-child(5n){ margin-right:20px;} .gsdj4 .list ul li:nth-child(2n){ margin-right:0;} } /**/ .ssch1bg{ padding:50px 0; background:#f5f5f5;} .ssch1{} .ssch1 .list{} .ssch1 .list ul li{ float:left; width:calc((100% - 70px)/3); margin:35px 35px 0 0; position:relative;} .ssch1 .list ul li:nth-child(3n){ margin-right:0;} .ssch1 .list ul li .box{ padding-bottom:100%;} .ssch1 .list ul li .img{ width:100%; padding-bottom:75%; position:absolute; top:0; left:0; z-index:1;} .ssch1 .list ul li .txt{ width:80%; height:91px; background:#fff; position:absolute; bottom:50px; right:0; z-index:2; text-align:center;transition: all 0.5s linear;} .ssch1 .list ul li .txt_box{ padding:20px 10px 20px 10px;transition: all 0.5s linear;} .ssch1 .list ul li .txt .h2{ font-weight:bold; font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; color:#336296;} .ssch1 .list ul li .txt .h3{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:5px;} .ssch1 .list ul li:hover .txt{ height:216px; background:rgb(222,180,122,.9); color:#fff;transition: all 0.5s linear;} .ssch1 .list ul li:hover .txt .h2,.ssch1 .list ul li:hover .txt .h3{ color:#fff;} .ssch1 .list ul li:hover .txt_box{transform: translateY(60px);transition: all 0.5s linear;} /**/ .ssch2bg{ padding:50px 0; } .ssch2{} .ssch2 .list{} .ssch2 .list .box{ box-shadow:0px 0px 12px 9px rgba(0, 0, 0, 0.08); margin-top:50px;} .ssch2 .list .box .lt{ float:left; width:300px;} .ssch2 .list .box .lt_box{ padding:75px 30px 75px 30px;} .ssch2 .list .box1 .lt_box{ background:#336296; color:#fff;} .ssch2 .list .box2 .lt_box{ background:#008dd7; color:#fff;} .ssch2 .list .box .lt .h2{ font-weight:bold; font-size:20px; line-height:1.5em; text-align:center;} .ssch2 .list .box .lt .h3{ font-size:16px; line-height:1.5em; height:4.5em; overflow:hidden; padding-top:25px; margin-top:20px; position:relative;} .ssch2 .list .box .lt .h3:before{ content:""; width:72px; height:3px; background:#fff; position:absolute; top:0; left:50%; margin-left:-36px;} .ssch2 .list .box .rt{ float:right; width:900px; font-size:14px; margin-top:60px;} .ssch2 .list .box1 .rt1{ float:left; width:680px; margin-left:30px;} .ssch2 .list .box1 .rt1 ul li{ float:left; width:148px; height:50px; line-height:50px; text-align:center; overflow:hidden; text-align:center; margin:20px 20px 0 0;} .ssch2 .list .box1 .rt1 ul li a{ display:block; background:#f7f7f7; color:#333;} .ssch2 .list .box1 .rt1 ul li a:hover{ background:#336296; color:#fff;} .ssch2 .list .box1 .rt2{ float:left;} .ssch2 .list .box1 .rt2 ul li{ width:150px; height:120px; line-height:120px; text-align:center; overflow:hidden; margin-top:20px;} .ssch2 .list .box1 .rt2 ul li a{ display:block; background:#f7f7f7; color:#333;} .ssch2 .list .box1 .rt2 ul li a:hover{ background:#336296; color:#fff;} .ssch2 .list .box2 .rt1{ margin-left:30px;} .ssch2 .list .box2 .rt1 ul li{ float:left; width:150px; height:50px; line-height:50px; text-align:center; overflow:hidden; text-align:center; margin:20px 20px 0 0;} .ssch2 .list .box2 .rt1 ul li a{ display:block; background:#f7f7f7; color:#333;} .ssch2 .list .box2 .rt1 ul li a:hover{ background:#008dd7; color:#fff;} /**/ .ssch3bg{ padding:50px 0; background:#f5f5f5;} .ssch3{} .ssch3 .list{ margin-top:30px;} .ssch3 .list ul li{ float:left; width:calc((100% - 45px)/4); text-align:center;} .ssch3 .list ul li .img{ height:80px; position:relative;} .ssch3 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .ssch3 .list ul li .txt{} .ssch3 .list ul li .txt .h2{ font-weight:bold; font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:15px;} .ssch3 .list ul li .txt .h3{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; color:#999;} .ssch3 .list ul li.r_jt{ width:15px;} .ssch3 .list ul li.r_jt .bg{ height:80px; background:url(../images/r_jt.png) center no-repeat;} /**/ .ssch4bg{ padding:50px 0; background:#f5f5f5;} .ssch4{} .ssch4 .list{} .ssch4 .list ul li{ float:left; width:calc((100% - 150px)/4); margin:30px 50px 0 0; position:relative;} .ssch4 .list ul li:nth-child(4n){ margin-right:0;} .ssch4 .list ul li .box{ padding-bottom:100%;} .ssch4 .list ul li .img{ width:100%; padding-bottom:75%; position:absolute; top:0; left:0; z-index:1;} .ssch4 .list ul li .txt{ width:100%; background:#fff; position:absolute; bottom:0; right:-30px; z-index:2; box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.1);} .ssch4 .list ul li .txt_box{ padding:40px 10px 40px 20px; } .ssch4 .list ul li .txt .h2{ font-weight:bold; font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; } .ssch4 .list ul li .txt .h3{ font-size:16px; line-height:1.5em; height:3em; overflow:hidden; margin-top:5px;} .ssch4 .list ul li:hover .txt{ background:#DEB47A; color:#fff; } .ssch4 .list ul li:hover .txt .h2,.ssch1 .list ul li:hover .txt .h3{ color:#fff;} @media(max-width:768px){ /**/ .ssch1bg{ padding:50px 5%;} .ssch1 .list ul li{ float:left; width:calc((100% - 15px)/2); margin:15px 15px 0 0; position:relative;} .ssch1 .list ul li:nth-child(3n){ margin-right:15px;} .ssch1 .list ul li:nth-child(2n){ margin-right:0;} .ssch1 .list ul li .txt{ width:100%; height:91px; bottom:0; right:0; } .ssch1 .list ul li .txt .h2{ font-size:12px; line-height:1.5em; height:1.5em; } .ssch1 .list ul li .txt .h3{ font-size:12px; line-height:1.5em; height:1.5em; margin-top:5px;} .ssch1 .list ul li:hover .txt{ height:166px; } .ssch1 .list ul li:hover .txt_box{transform: translateY(40px);transition: all 0.5s linear;} /**/ .ssch2bg{ padding:50px 5%; } .ssch2 .list .box{ margin-top:30px;} .ssch2 .list .box .lt{ float:none; width:100%;} .ssch2 .list .box .lt_box{ padding:30px 30px 30px 30px;} .ssch2 .list .box .lt .h2{ font-size:20px; line-height:1.5em; } .ssch2 .list .box .lt .h3{ font-size:12px; line-height:1.5em; height:auto; padding-top:25px; margin-top:20px; } .ssch2 .list .box .rt{ float:none; width:100%; margin-top:0; padding-bottom:20px;} .ssch2 .list .box1 .rt1{ float:none; width:100%; margin-left:0;} .ssch2 .list .box1 .rt1 ul li{ float:left; width:calc(50% - 20px); height:50px; line-height:50px; margin:20px 10px 0 10px;} .ssch2 .list .box1 .rt2{ float:none;} .ssch2 .list .box1 .rt2 ul li{ width:calc(100% - 20px); height:120px; line-height:120px; margin:20px 10px 0 10px;} .ssch2 .list .box2 .rt1{ margin-left:0;} .ssch2 .list .box2 .rt1 ul li{ float:left; width:calc(50% - 20px); height:50px; line-height:50px; margin:20px 10px 0 10px;} /**/ .ssch3bg{ padding:50px 5%;} .ssch3 .list{ margin-top:10px;} .ssch3 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0;} .ssch3 .list ul li:nth-child(3){ margin-right:0;} .ssch3 .list ul li:nth-child(7){ margin-right:0;} .ssch3 .list ul li .img{ height:75px; } .ssch3 .list ul li .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; margin-top:15px;} .ssch3 .list ul li .txt .h3{ font-size:14px; line-height:1.5em; height:1.5em; } .ssch3 .list ul li.r_jt{ display:none;} /**/ .ssch4bg{ padding:50px 5%;} .ssch4 .list ul li{ float:none; width:calc(100% - 30px); margin:30px 0 0 0; padding-right:30px; } .ssch4 .list ul li .img{ width:calc(100% - 30px);} .ssch4 .list ul li .txt{ width:calc(100% - 30px); bottom:0; right:0; } } /**/ .kjcs1bg{ padding:50px 0;} .kjcs1{} .kjcs1 .list{} .kjcs1 .list ul li{ float:left; width:calc((100% - 25px)/2); margin:25px 25px 0 0; position:relative;} .kjcs1 .list ul li:nth-child(2n){ margin-right:0;} .kjcs1 .list ul li .img{ padding-bottom:75%;} .kjcs1 .list ul li .txt{ text-align:center; width:60%; background:#336296; color:#fff; position:absolute; bottom:80px; left:20%;transition: all 0.5s linear;} .kjcs1 .list ul li .txt .h2{ font-weight:bold; font-size:18px; text-align:center; height:50px; line-height:50px; overflow:hidden;} .kjcs1 .list ul li:hover .txt{ width:100%; bottom:0; left:0;transition: all 0.5s linear;} /**/ .kjcs2bg{ padding:50px 0;} .kjcs2{} .kjcs2 .list{} .kjcs2 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; position:relative; background:#fff; border-radius:5px 5px 0 0; overflow:hidden;} .kjcs2 .list ul li:nth-child(2n){ margin-right:0;} .kjcs2 .list ul li .h2{ height:50px; line-height:50px; overflow:hidden; text-align:center; font-weight:bold; font-size:18px;} .kjcs2 .list ul li .txt{ padding:0 40px 0 40px;} .kjcs2 .list ul li .txt dl dd{ height:38px; line-height:38px; overflow:hidden; margin-top:30px; font-size:16px;} .kjcs2 .list ul li .txt dl dd strong{ float:left; width:38px; height:38px; text-align:center; border-radius:100%;} .kjcs2 .list ul li .txt dl dd span{ float:right; width:calc(100% - 60px);} .kjcs2 .list ul li .more3{ padding:0 40px 30px 40px; margin-top:30px; text-align:center;} .kjcs2 .list ul li .more3 a{ display:inline-block; text-align:center; height:38px; line-height:38px; padding:0 40px; font-size:14px; border-radius:40px;} .kjcs2 .list ul li .more3 a:hover{} .kjcs2 .list ul li.li1 .h2{ background:#336296; color:#fff;} .kjcs2 .list ul li.li1 .txt dl dd strong{ background:#336296; color:#fff;} .kjcs2 .list ul li.li1 .more3 a{ background:#336296; color:#fff;} .kjcs2 .list ul li.li2 .h2{ background:#DEB47A; color:#fff;} .kjcs2 .list ul li.li2 .txt dl dd strong{ background:#DEB47A; color:#fff;} .kjcs2 .list ul li.li2 .more3 a{ background:#DEB47A; color:#fff;} /**/ .kjcs3bg{ padding:50px 0;} .kjcs3{} .kjcs3 .list{} .kjcs3 .list ul li{ float:left; width:calc(100%/6); margin:20px 0 0 0; position:relative; background:#f7f7f7; text-align:center;} .kjcs3 .list ul li .img{ overflow:hidden;} .kjcs3 .list ul li .imgbg{ padding-bottom:75%; transition: all 0.3s ease-in-out;} .kjcs3 .list ul li:hover .imgbg{transform: translateY(-20px); transition: all 0.3s ease-in-out;} .kjcs3 .list ul li .txt{ padding:30px 0 30px 0;} .kjcs3 .list ul li .txt .h2{ height:46px;} .kjcs3 .list ul li .txt .h2 img{ height:46px; display:block; margin:0 auto;} .kjcs3 .list ul li .txt .h3{ margin:20px 0 15px 0; font-weight:bold; font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden;} .kjcs3 .list ul li .txt>img{ display:block; margin:0 auto;} /**/ .kjcs4bg{ padding:50px 0;} .kjcs4{} .kjcs4 .list{ margin-top:15px;} .kjcs4 .list ul li{ float:left; width:calc((100% - 75px)/6); margin:15px 15px 0 0; background:#fff; text-align:center;} .kjcs4 .list ul li:nth-child(6n){ margin-right:0;} .kjcs4 .list ul li .box{ padding:40px 30px 30px 30px;} .kjcs4 .list ul li .img{ height:60px;} .kjcs4 .list ul li .img img{ height:60px; display:block; margin:0 auto;} .kjcs4 .list ul li .h2{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:10px;} /**/ .kjcs5bg{ padding:50px 0;} .kjcs5{} .kjcs5 .list{ margin-top:15px;} .kjcs5 .list ul li{ float:left; width:calc((100% - 60px)/4); margin:20px 20px 0 0; text-align:center;} .kjcs5 .list ul li:nth-child(4n){ margin-right:0;} .kjcs5 .list ul li .box{ border:1px solid #E9E9E9;} .kjcs5 .list ul li .img{ padding-bottom:75%;} .kjcs5 .list ul li .txt{ padding:25px 0 10px 0;} .kjcs5 .list ul li .txt .h2{ font-weight:bold; font-size:18px; height: 35px; line-height: 35px;} .kjcs5 .list ul li .txt .h2 span{ display:inline-block; min-width:145px; transition: transform 0.5s linear;} .kjcs5 .list ul li .txt .h3{ font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#999; margin-top:10px; transition: transform 0.5s linear;} .kjcs5 .list ul li:hover .txt .h2 span{background: #336296; color:#fff; transform: translateY(-42px); transition: transform 0.5s linear;} .kjcs5 .list ul li:hover .txt .h3{ transform: translateY(-20px); transition: transform 0.5s linear;} @media(max-width:768px){ /**/ .kjcs1bg{ padding:50px 5%;} .kjcs1 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; } .kjcs1 .list ul li .txt{ width:100%; bottom:0; left:0; } .kjcs1 .list ul li .txt .h2{ font-size:15px; height:35px; line-height:35px; } /**/ .kjcs2bg{ padding:50px 5%;} .kjcs2 .list ul li{ float:none; width:100%; margin:20px 0 0 0; } .kjcs2 .list ul li .txt{ padding:10px 30px 0 30px;} .kjcs2 .list ul li .txt dl dd{ height:22px; line-height:22px; margin-top:20px; font-size:12px;} .kjcs2 .list ul li .txt dl dd strong{ width:22px; height:22px; } .kjcs2 .list ul li .txt dl dd span{ width:calc(100% - 30px);} .kjcs2 .list ul li .more3{ padding:0 30px 30px 30px; margin-top:30px; } /**/ .kjcs3bg{ padding:50px 5%;} kjcs3 .list{ margin-top:20px;} .kjcs3 .list ul li{ float:left; width:calc(100%/3); margin:0; } /**/ .kjcs4bg{ padding:50px 5%;} .kjcs4 .list ul li{ float:left; width:calc((100% - 15px)/2); margin:15px 15px 0 0; } .kjcs4 .list ul li:nth-child(6n){ margin-right:15px;} .kjcs4 .list ul li:nth-child(2n){ margin-right:0;} .kjcs4 .list ul li .box{ padding:40px 10px 30px 10px;} /**/ .kjcs5bg{ padding:50px 5%;} .kjcs5 .list ul li{ float:none; width:100%; margin:20px 0 0 0; } } /**/ .jyzr1bg{ padding:90px 0 0 0;} .jyzr1{} .jyzr1 .list{} .jyzr1 .list ul li{ float:left; width:calc((100% - 200px)/6); margin:50px 40px 0 0; text-align:center;} .jyzr1 .list ul li:nth-child(5n){ margin-right:0;} .jyzr1 .list ul li .nr_box{} .jyzr1 .list ul li .img{} .jyzr1 .list ul li .img img{ height:100px; display:block; margin:0 auto;} .jyzr1 .list ul li .h2{ font-size:20px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:10px;} /**/ .jyzr2bg{ padding:90px 0 0 0;} .jyzr2{} .jyzr2 .list{} .jyzr2 .list ul li{ float:left; width:calc((100% - 60px)/5); margin:50px 15px 0 0; text-align:center; box-shadow:0px 0px 9px 2px rgba(0, 0, 0, 0.13);} .jyzr2 .list ul li:nth-child(5n){ margin-right:0;} .jyzr2 .list ul li .nr_box{ padding:40px 10px 30px 10px;} .jyzr2 .list ul li .img{ height:70px; position:relative;} .jyzr2 .list ul li .img img{ max-width:50px; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .jyzr2 .list ul li .h2{ font-weight:bold; font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:10px; padding-bottom:15px; background:url(../images/j_img3.png) bottom center no-repeat;} .jyzr2 .list ul li .h3{ font-size:16px; line-height:1.5em; height:4.5em; overflow:hidden; margin-top:10px;} /**/ .jyzr3bg{ padding:90px 0 90px 0;} .jyzr3{} .jyzr3 .list{} .jyzr3 .list ul li{ float:left; width:calc((100% - 75px)/4); margin:50px 25px 0 0; text-align:center; } .jyzr3 .list ul li:nth-child(4n){ margin-right:0;} .jyzr3 .list ul li .nr_box{} .jyzr3 .list ul li .img{ padding-bottom:68%; position:relative;} .jyzr3 .list ul li .img img{ width:100%; position:absolute; top:0; left:0; } .jyzr3 .list ul li .h2{ font-size:16px; line-height:1.5em; height:3em; overflow:hidden; margin-top:10px;} @media(max-width:768px){ /**/ .jyzr1bg{ padding:40px 5% 0 5%;} .jyzr1 .list ul li{ float:left; width:calc((100% - 50px)/2); margin:40px 50px 0 0; } .jyzr1 .list ul li:nth-child(5n){ margin-right:50px;} .jyzr1 .list ul li:nth-child(2n){ margin-right:0;} .jyzr1 .list ul li .img img{ height:50px;} .jyzr1 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; margin-top:10px;} /**/ .jyzr2bg{ padding:40px 5% 0 5%;} .jyzr2 .list ul li{ float:left; width:calc((100% - 15px)/2); margin:15px 15px 0 0;} .jyzr2 .list ul li:nth-child(5n){ margin-right:15px;} .jyzr2 .list ul li:nth-child(2n){ margin-right:0;} .jyzr2 .list ul li .img{ height:50px; } /**/ .jyzr3bg{ padding:40px 5% 40px 5%;} .jyzr3 .list ul li{ float:left; width:calc((100% - 15px)/2); margin:15px 15px 0 0;} .jyzr3 .list ul li:nth-child(4n){ margin-right:15px;} .jyzr3 .list ul li:nth-child(2n){ margin-right:0;} .jyzr3 .list ul li .h2{ font-size:12px; line-height:1.5em; height:3em; margin-top:10px;} } /**/ .sbzl1bg{ padding:90px 0 90px 0;} .sbzl1{} .sbzl1 .list{} .sbzl1 .list ul li{ float:left; width:calc((100% - 300px)/4); margin:50px 100px 0 0; text-align:center;} .sbzl1 .list ul li:nth-child(4n){ margin-right:0;} .sbzl1 .list ul li .img{ height:60px; position:relative;} .sbzl1 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .sbzl1 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:10px;} .sbzl1 .list ul li .h3{ font-size:14px; line-height:1.5em; height:3em; overflow:hidden;} .sbzl1 .tips1{ font-size:14px; line-height:1.5em; text-align:center; margin-top:30px;} /**/ .sbzl2bg{ padding:90px 0 90px 0; background:#f7f7f7;} .sbzl2{} .sbzl2 .list{} .sbzl2 .list ul li{ float:left; width:calc((100% - 40px)/2); margin:50px 40px 0 0; } .sbzl2 .list ul li:nth-child(2n){ margin-right:0;} .sbzl2 .list ul li .img{ padding-bottom:70%;} .sbzl2 .list ul li .box{ padding:40px 0 0 0; position:relative;} .sbzl2 .list ul li .txtbg{ width:90%; background:#fff; position:absolute; top:0; left:5%;} .sbzl2 .list ul li .bt1{ font-size:16px; line-height:46px; height:46px; overflow:hidden; text-align:center; background:#5154e0; color:#fff;} .sbzl2 .list ul li .bt1 img{ vertical-align:middle;} .sbzl2 .list ul li:nth-child(2n) .bt1{ background:#336296;} .sbzl2 .list ul li .nr_box{ padding:20px 30px 30px 30px;} .sbzl2 .list ul li dl{ min-height:198px;} .sbzl2 .list ul li dl dd{ float:left; width:calc((100% - 24px)/2); margin:10px 20px 10px 0; text-align:center; border:1px solid #ccc; font-size:16px; height:44px; line-height:44px; overflow:hidden;} .sbzl2 .list ul li dl dd:nth-child(2n){ margin-right:0;} .more4{ text-align:center; margin-top:30px;} .more4 a{ display:inline-block; font-size:18px; color:#DEB47A; line-height:60px;} .more4 a img{ vertical-align:middle; margin-left:5px;} /**/ .sbzl3bg{ padding:90px 0 90px 0;} .sbzl3{} .sbzl3 .list{} .sbzl3 .list ul li{ float:left; width:calc((100% - 200px)/3); margin:50px 100px 0 0; text-align:center;} .sbzl3 .list ul li:nth-child(3n){ margin-right:0;} .sbzl3 .list ul li .img{ height:250px; position:relative;} .sbzl3 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .sbzl3 .list ul li .h2{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:20px;} /**/ .sbzl4bg{ padding:90px 0 90px 0; background:#f7f7f7;} .sbzl4{} .sbzl4 .list{} .sbzl4 .list ul li{ float:left; width:calc((100% - 100px)/2); margin:50px 100px 0 0;} .sbzl4 .list ul li:nth-child(2n){ margin-right:0;} .sbzl4 .list ul li .img{ width:116px; } .sbzl4 .list ul li .img img{ width:100%; } .sbzl4 .list ul li .txt{ width:calc(100% - 140px); padding-left:24px;} .sbzl4 .list ul li .h2{ font-weight:bold; font-size:20px; line-height:1.5em; height:1.5em; overflow:hidden;} .sbzl4 .list ul li .h3{ font-size:16px; line-height:1.5em; margin-top:15px;} /**/ .sbzl5bg{ padding:90px 0 90px 0;} .sbzl5{ color:#fff;} .sbzl5 .list{} .sbzl5 .list ul li{ float:left; width:calc((100% - 250px)/6); margin:50px 50px 0 0; text-align:center;} .sbzl5 .list ul li:nth-child(6n){ margin-right:0;} .sbzl5 .list ul li .img{ height:54px; position:relative;} .sbzl5 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .sbzl5 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:20px;} @media(max-width:768px){ /**/ .sbzl1bg{ padding:40px 5% 40px 5%;} .sbzl1 .list ul li{ float:left; width:calc((100% - 50px)/2); margin:30px 50px 0 0; text-align:center;} .sbzl1 .list ul li:nth-child(4n){ margin-right:50px;} .sbzl1 .list ul li:nth-child(2n){ margin-right:0;} .sbzl1 .list ul li .img{ height:35px; } .sbzl1 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; margin-top:10px;} .sbzl1 .list ul li .h3{ font-size:12px; line-height:1.5em; height:3em; } .sbzl1 .tips1{ font-size:12px; line-height:1.5em; margin-top:30px;} /**/ .sbzl2bg{ padding:40px 5% 40px 5%;} .sbzl2 .list ul li{ float:none; width:100%; margin:30px 0 0 0; } .sbzl2 .list ul li .img{ display:none;} .sbzl2 .list ul li .box{ padding:0;} .sbzl2 .list ul li .txtbg{ width:100%; position:static;} .sbzl2 .list ul li dl{ min-height:0px;} .sbzl2 .list ul li dl dd{ font-size:12px; height:40px; line-height:40px;} /**/ .sbzl3bg{ padding:40px 5% 40px 5%;} .sbzl3{} .sbzl3 .list{} .sbzl3 .list ul li{ float:none; width:100%; margin:30px 0 0 0; text-align:center;} .sbzl3 .list ul li .img{ height:225px; position:relative;} /**/ .sbzl4bg{ padding:40px 5% 40px 5%;} .sbzl4 .list ul li{ float:none; width:100%; margin:30px 0 0 0;} .sbzl4 .list ul li .img{ width:70px; } .sbzl4 .list ul li .txt{ width:calc(100% - 80px); padding-left:10px;} /**/ .sbzl5bg{ padding:40px 5% 40px 5%;} .sbzl5 .list ul li{ float:left; width:calc((100% - 50px)/2); margin:50px 50px 0 0; } .sbzl5 .list ul li:nth-child(6n){ margin-right:50px;} .sbzl5 .list ul li:nth-child(2n){ margin-right:0;} .sbzl5 .list ul li .img{ height:50px;} .sbzl5 .list ul li .h2{ font-size:16px; margin-top:20px;} } /**/ .rzbt1bg{ padding:90px 0 0 0;} .rzbt1{} .rzbt1 .list{} .rzbt1 .list ul li{ float:left; width:calc((100% - 40px)/2); margin:50px 40px 0 0; border-radius:10px; overflow:hidden; color:#fff;} .rzbt1 .list ul li:nth-child(2n){ margin-right:0;} .rzbt1 .list ul li .nr_box{ padding:40px 20px 40px 20px;} .rzbt1 .list ul li .img{ float:left; width:95px;} .rzbt1 .list ul li .img img{ width:100%;} .rzbt1 .list ul li .txt{ float:right; width:calc(100% - 110px);} .rzbt1 .list ul li .h2{ font-weight:bold; font-size:20px; line-height:1.5em; height:1.5em; overflow:hidden;} .rzbt1 .list ul li .h3{ font-size:14px; line-height:1.5em; height:3em; overflow:hidden; margin-top:20px;} /**/ .rzbt2bg{ padding:90px 0 90px 0;} .rzbt2{} .rzbt2 .list{} .rzbt2 .list ul li{ float:left; width:25%; margin:50px 0 0 0; text-align:center; position:relative;} .rzbt2 .list ul li .nr_box{ padding:0 10px; position:relative; z-index:2;} .rzbt2 .list ul li .img{ } .rzbt2 .list ul li .img img{ height:90px; display:block; margin:0 auto;} .rzbt2 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:20px;} .rzbt2 .list ul li:before { content: ""; position: absolute; height: 21px; width: 14px; top: 29%; background:url(../images/z_img2.png); background-size: cover; right: -5px; } .rzbt2 .list ul li:after { content: ""; position: absolute; z-index:1; height: 1px; width: 100%; border: 1px dashed rgba(0,0,0,0.15); top: 35.9%; right: -120px; } .rzbt2 .list ul li:nth-child(4n):before ,.rzbt2 .list ul li:nth-child(4n):after{ display:none;} /**/ .rzbt3bg{ padding:90px 0 90px 0;} .rzbt3{ color:#fff;} .rzbt3 .list{} .rzbt3 .list ul li{ float:left; width:calc((100% - 200px)/5); margin:50px 50px 0 0; text-align:center;} .rzbt3 .list ul li:nth-child(5n){ margin-right:0;} .rzbt3 .list ul li .img{ height:100px; position:relative;} .rzbt3 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .rzbt3 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:20px;} .rzbt3 .list ul li .h3{ font-size:15px; line-height:1.5em; height:1.5em; overflow:hidden;} @media(max-width:768px){ /**/ .rzbt1bg{ padding:40px 5% 0 5%;} .rzbt1 .list ul li{ float:none; width:100%; margin:30px 0 0 0;} .rzbt1 .list ul li .img{ float:left; width:50px;} .rzbt1 .list ul li .txt{ float:right; width:calc(100% - 60px);} .rzbt1 .list ul li .h2{ font-size:20px; line-height:1.5em; height:1.5em; } .rzbt1 .list ul li .h3{ font-size:14px; line-height:1.5em; height:3em; margin-top:20px;} /**/ .rzbt2bg{ padding:40px 5% 40px 5%;} .rzbt2 .list ul li{ float:left; width:50%; margin:30px 0 0 0;} .rzbt2 .list ul li .nr_box{ padding:0 10px; position:relative; z-index:2;} .rzbt2 .list ul li .img{ float:left; width:30px;} .rzbt2 .list ul li .img img{ height:auto; width:100%;} .rzbt2 .list ul li .txt{ float:left; width:calc(100% - 40px); margin-left:10px;} .rzbt2 .list ul li .h2{ font-size:12px; line-height:30px; height:auto; margin-top:0; text-align:left;} .rzbt2 .list ul li:before ,.rzbt2 .list ul li:after{ display:none;} /**/ .rzbt3bg{ padding:40px 5% 40px 5%;} .rzbt3 .list ul li{ float:left; width:50%; margin:50px 0 0 0; text-align:center;} .rzbt3 .list ul li .img{ width:35px; height:35px; position:relative; float:left;} .rzbt3 .list ul li .txt{ float:left; width:calc(100% - 45px); margin-left:10px;} .rzbt3 .list ul li .h2{ font-size:14px; line-height:1.5em; height:1.5em; margin-top:10px; text-align:left;} .rzbt3 .list ul li .h3{ display:none;} } /**/ .zzdb1bg{ padding:90px 0 0 0;} .zzdb1{} .zzdb1 .list{} .zzdb1 .list ul li{ float:left; width:calc((100% - 60px)/4); margin:20px 20px 0 0; background:#1185c2; color:#fff; text-align:center;} .zzdb1 .list ul li:nth-child(4n){ margin-right:0;} .zzdb1 .list ul li .nr_box{ padding:60px 40px 40px 40px;} .zzdb1 .list ul li .h2{ font-weight:bold; font-size:20px; line-height:1.5em; height:1.5em; overflow:hidden;} .zzdb1 .list ul li .h3{ font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden;} .zzdb1 .list ul li .h4{ margin-top:20px;} .zzdb1 .list ul li .h4 span{ display:inline-block; font-size:14px; border:1px solid #fff; width:34px; height:34px; line-height:34px; font-weight:bold;} /**/ .zzdb2bg{ padding:90px 0 0 0;} .zzdb2{ box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.07);} .zzdb2 .lt{ float:left; width:calc(100% - 580px); border-top:5px solid #008CD6;} .zzdb2 .lt ul{ padding:10px 20px 10px 20px;} .zzdb2 .lt ul li{ float:left; width:calc((100% - 20px)/2); margin:10px 20px 10px 0; font-size:14px; line-height:24px;} .zzdb2 .lt ul li:nth-child(2n){ margin-right:0;} .zzdb2 .lt ul li span{ border-left:3px solid #CFCFCF; padding-left:10px;} .zzdb2 .rt{ float:right; width:550px;} .zzdb2 .rt img{ display:block; width:100%;} /**/ .zzdb3bg{ padding:90px 0 90px 0;} .zzdb3{} .zzdb3 .list{} .zzdb3 .list ul li{ float:left; width:25%; margin:50px 0 0 0; text-align:center; position:relative;} .zzdb3 .list ul li .nr_box{ padding:0 10px; position:relative; z-index:2;} .zzdb3 .list ul li .img{ } .zzdb3 .list ul li .img img{ height:90px; display:block; margin:0 auto;} .zzdb3 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:20px;} .zzdb3 .list ul li:before { content: ""; position: absolute; height: 21px; width: 14px; top: 29%; background:url(../images/z_img2.png); background-size: cover; right: -5px; } .zzdb3 .list ul li:after { content: ""; position: absolute; z-index:1; height: 1px; width: 100%; border: 1px dashed rgba(0,0,0,0.15); top: 35.9%; right: -120px; } .zzdb3 .list ul li:nth-child(4n):before ,.zzdb3 .list ul li:nth-child(4n):after{ display:none;} /**/ .zzdb4bg{ padding:90px 0 90px 0;} .zzdb4{ color:#fff;} .zzdb4 .list{} .zzdb4 .list ul li{ float:left; width:calc((100% - 300px)/4); margin:50px 100px 0 0; text-align:center;} .zzdb4 .list ul li:nth-child(4n){ margin-right:0;} .zzdb4 .list ul li .img{ height:110px; position:relative;} .zzdb4 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;} .zzdb4 .list ul li .h2{ font-weight:bold; font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:20px;} .zzdb4 .list ul li .h3{ font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden;} @media(max-width:768px){ /**/ .zzdb1bg{ padding:40px 5% 0 5%;} .zzdb1 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0;} .zzdb1 .list ul li:nth-child(4n){ margin-right:20px;} .zzdb1 .list ul li:nth-child(2n){ margin-right:0;} .zzdb1 .list ul li .nr_box{ padding:60px 20px 30px 20px;} .zzdb1 .list ul li .h2{ font-size:15px; line-height:1.5em; height:1.5em; } .zzdb1 .list ul li .h3{ font-size:13px; line-height:1.5em; height:1.5em; } .zzdb1 .list ul li .h4{ margin-top:20px;} .zzdb1 .list ul li .h4 span{ display:inline-block; font-size:14px; border:1px solid #fff; width:34px; height:34px; line-height:34px; font-weight:bold;} /**/ .zzdb2bg{ padding:40px 5% 0 5%;} .zzdb2 .lt{ float:none; width:100%;} .zzdb2 .lt ul{ padding:10px 20px 10px 20px;} .zzdb2 .lt ul li{ float:none; width:100%; margin:10px 0 10px 0; } .zzdb2 .rt{ float:none; width:100%;} /**/ .zzdb3bg{ padding:40px 5% 40px 5%;} .zzdb3 .list ul li{ float:left; width:50%; margin:30px 0 0 0;} .zzdb3 .list ul li .nr_box{ padding:0 10px; position:relative; z-index:2;} .zzdb3 .list ul li .img{ float:left; width:30px;} .zzdb3 .list ul li .img img{ height:auto; width:100%;} .zzdb3 .list ul li .txt{ float:left; width:calc(100% - 40px); margin-left:10px;} .zzdb3 .list ul li .h2{ font-size:12px; line-height:30px; height:auto; margin-top:0; text-align:left;} .zzdb3 .list ul li .h3{ display:none;} .zzdb3 .list ul li:before ,.zzdb3 .list ul li:after{ display:none;} /**/ .zzdb4bg{ padding:40px 5% 40px 5%;} .zzdb4 .list ul li{ float:left; width:calc((100% - 50px)/2); margin:30px 50px 0 0; } .zzdb4 .list ul li:nth-child(2n){ margin-right:0;} .zzdb4 .list ul li .img{ height:60px; } .zzdb4 .list ul li .h2{ font-size:18px; line-height:1.5em; height:1.5em; margin-top:20px;} .zzdb4 .list ul li .h3{ font-size:12px; line-height:1.5em; height:1.5em ;} .swiper-container1 .swiper-slide .img{ height:240px; } } .flex{ display:flex; } .align-items_center{ align-items:center; } .space-between{ justify-content:space-between; } .flex-center{ justify-content:center; } .flex-wrap{ flex-wrap:wrap; } .mobile_footer{ display:none; } .sy_about { margin:50px auto; } .sy_about .sy_about_c{ color:#333; line-height:1.7; font-size:16px; margin:14px 0 30px; } .sy_about_nav .item{ width:25%; padding:10px 15px; margin-bottom:10px; box-sizing:border-box; border-right:1px solid #ddd; } .sy_about_nav .item:nth-child(2n){ border:none; } .sy_about_nav .item .img{ height:50px; margin-right:15px; } .sy_about_nav .item .flex, .sy_about_nav .item .txt{ flex:1; } .sy_about_nav .item .flex img{ height:20px; opacity:.4; } .sy_about_nav .item .txt .cb{ font-size:16px; font-weight:bold; } .sy_about_nav .item .txt .eb{ font-size:13px; color:#999; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 50%; left: 50%; max-width: 900px; width:92%; transform:translate(-50% , -50%); position: absolute; z-index: 101; background:#fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal .close-reveal-modal { font-size: 30px; line-height: 50px; text-align:center; position: absolute; top: 0; right: -50px; color: #fff; font-weight: bold; cursor: pointer; width:50px; height:50px; background:#000; } .reveal-modal .close-reveal-modal:hover{ background:#336296; } #allform{ padding:30px 40px 30px; } #allform .title{ padding:0 0 15px; border-bottom:1px solid #ddd; font-size:28px; margin-bottom:20px; } #allform .item{ width:100%; margin-bottom:15px; } #allform .flex .item{ width:47%; } #allform .item .bt{ font-size:16px; margin-bottom:10px; } #allform .item .bt span{ color:#f00; } #allform .item .input{ width:100%; height:40px; line-height:40px; border:none; background:#f7f7f7; font-size:14px; padding:0 10px; } #allform .item textarea{ padding:0 10px; line-height:40px; width:100%; border:none; background:#f7f7f7; font-size:14px; height:90px; outline:none; resize:none; } #allform button{ border:none; width:100%; height:44px; background:#336296; color:#fff; font-size:15px; cursor:pointer; } #allform .checkbox{ font-size:14px; } #allform .checkbox_i{ margin-right:8px; } @media(max-width:768px){ .pc{ display:none; } .phone{ display:block; } .mobile_footer{ display:block; height:55px; } .m_foot{ width:100%; height:55px; position:fixed; bottom:0; left:0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); } .m_foot .left{ flex:1; color:#DEB47A; font-size:18px; height:55px; font-weight:bold; } .m_foot .left img{ height:28px; margin-right:10px; } .m_foot a{ display:block; line-height:55px; background:#DEB47A; font-size:14px; padding:0 20px; color:#000; } .sy_about{ display:block; margin:40px auto; width:90%; } .sy_about .sy_about_c{ font-size:14px; margin:14px 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .sy_about_nav .item{ width:50%; } .sy_about_nav .item:nth-child(2n){ border:none; } .sy_about_nav .item .img{ height:30px; margin-right:10px; } .sy_about_nav .item .txt .cb{ font-size:14px; } .sy_about_nav .item .txt .eb{ font-size:12px; } }