/* Author: Yangz */ /* Time: 2014/11/17 */ /*body{ min-width:1000px}*/ .w1000{ max-width:1000px; margin-left:auto; margin-right:auto; } .w1170{ max-width:1170px; margin-left:auto; margin-right:auto; } .container{ max-width:1200px; margin:auto; } #body{ } #footer{ text-align:center; background:#fcfcfc; height:148px; line-height:148px; color:#aeaeae; font-size:12px; border-top:1px solid #f1f1f1 } /*鑱旂郴鎴戜滑*/ .map{ height:750px; background-size:cover !important; } .contact_box{ max-width:1200px; margin:0 auto; color:#666; padding-top:97px; padding-bottom:179px } .contact_left{ width:500px; float:left; } .contact_left > div{ padding-left:110px; background:url("../images/icon_contact.png") no-repeat; height:80px; line-height:80px; font-size:16px; margin-bottom:44px } .contact_left .contact_1{ line-height:30px; padding-top:10px; height:70px } .contact_left .contact_2{ background-position:0 -124px; line-height:30px; padding-top:10px; height:70px } .contact_left .contact_3{ background-position:0 -249px } .contact_left .contact_4{ background-position:0 -373px } .contact_right{ min-width:320px; float: right; max-width:500px } .contact_right ul li { font-size:16px; line-height:50px; float:left;} .contact_right ul li span{ color:#F00;} .contact_right h3{ font-size:32px; font-family:"Microsoft Yahei"; line-height:100%; margin-bottom:25px;color:#333; font-weight:normal;} .contact_right p{ line-height:30px; color:#555; margin-bottom:35px } .contact_txt{ height:25px; line-height:25px; padding:12px 20px; border-radius:5px; border:1px solid #d0d0d0; display:block; width:350px; margin-bottom:20px; font-size:16px; color:#666; float:right;} .contact_txt2{ padding:12px 20px; border-radius:5px; border:1px solid #d0d0d0; display:block; width:350px; height:70px; line-height:25px; margin-bottom:35px;font-size:16px; color:#666; float:right;} .contact_right .submit{height:40px;height:40px; cursor: pointer;} .contact_btn{ margin-right:40px; display:block; width:139px; height:42px; border-radius:5px; border:1px solid #999; line-height:42px; text-align:center; color:#000; font-size:16px; transition:all 0.25s; float:right } .contact_btn:hover{ background:#00a3fe; color:#fff; border:1px solid #00a3fe; } .contact_right input{ line-height:30px; height:30px; margin-left:10px;} .contact_right textarea{ margin-left:10px;} .ditu_box{ max-width:1200px; margin:0 auto; color:#666; padding-top:97px; } .ditu_left{ width:100%; float:none; } .ditu_left .ditu_1{ line-height:30px; padding-top:10px; height:70px } .ditu_left .ditu_2{ background-position:0 -124px; line-height:30px; padding-top:10px; height:70px } .ditu_left .ditu_3{ background-position:0 -249px } .ditu_left .ditu_4{ background-position:0 -373px } .ditu_right{ min-width:320px; float: right; max-width:500px; float: none; width: 100%; margin-top: 64px; } .ditu_right ul li { font-size:16px; line-height:50px; float:left;} .ditu_right ul li span{ color:#F00;} .ditu_right h3{ font-size:32px; font-family: "Microsoft Yahei"; line-height:100%; margin-bottom:25px; color:#333; font-weight:normal;} .ditu_right p{ line-height:30px; color:#555;font-family: "Microsoft Yahei"; font-size:16px;} /*鎴戜滑鐨勪粙缁?/ .about_top{ background:url(../images/bg_about.jpg) no-repeat bottom center; text-align:center; line-height:30px; color:#555; position:relative; height:870px; overflow:hidden; } .about_top_wrap{ color:#00a3fe; font-family:"Microsoft Yahei"; font-size:50px; position:absolute; left:0; top:70%; width:100%; margin-top:-236px} .about_top p{ display: table; margin:auto;margin-top:30px;width:80%; color:#fff; font-size:18px; line-height:30px;} .about_intro{ background:url("../images/bg_about2.jpg") center center no-repeat;; position:relative; background-size:cover; padding-bottom:90px } .about_arrow{ width:163px; height:40px; background:url("../images/icon_arroww.png") no-repeat; position:absolute; top:0; left:50%; margin-left:-81px } .about_title{ font-size:40px; line-height:100%; color:#fff; text-align:center; padding-bottom:30px; padding-top:80px;font-family:"Microsoft Yahei"; } .about_title3{ font-size:18px;color:#444444; text-align:center; padding-bottom:30px; } .about_title a{ font-size:40px; line-height:100%; color:#fff; text-align:center; padding-bottom:30px; padding-top:80px;font-family:"Microsoft Yahei"; } .about_title2{ font-size:40px; line-height:100%; color:#00a3fe; text-align:center; padding-bottom:30px; padding-top:80px;font-family:"Microsoft Yahei"; } .about_title2 a{ font-size:40px; line-height:100%; color:#00a3fe; text-align:center; padding-bottom:30px; padding-top:80px;font-family:"Microsoft Yahei"; } .about_line{ width:100px; height:2px; background:#dbdbdb; margin-left:auto; margin-right:auto; clear:both; margin-bottom:50px } .about_intro p{overflow:hidden; line-height:30px; color:#fff; margin-bottom:90px } .il_icon{ border-radius:10px; width:140px; height:140px; background:#00a3fe;border:1px solid #00a3fe; margin-bottom:28px; position:relative; } .intro_list li:hover .il_icon{ background: none;border:1px solid #fff; } .il_icon div{ width:100%; height:100%; position:absolute; left:0; top:0; } .intro_list dt{ margin-bottom:14px; color:#fff; font-size:18px; } .intro_list dd{ line-height:30px; color:#fff } .intro_list li{ transition:all 1s; margin-top:10px; float:left; margin-right:40px; margin-left:40px; width:230px; margin-bottom:30px } .intro_list li:hover{ margin-top:0px; } .intro_list li.il_4{ margin-right:0 } .il_1 .il_icon div{ background:url("../images/icon_about2-04.png") center center no-repeat; } .il_2 .il_icon div{ background:url("../images/icon_about2-02.png") center center no-repeat; } .il_3 .il_icon div{ background:url("../images/icon_about2.png") center center no-repeat; } .il_4 .il_icon div{ background:url("../images/icon_about2-03.png") center center no-repeat; } .team_list li{ width:270px; float:left; margin-right:30px; border-bottom:1px solid #ebebeb; height:380px; margin-bottom:105px } .team_name{ display:none; } .team_pic{ height:293px; overflow:hidden; margin-bottom:25px; } .team_name2{ text-align:center } .team_name2 h3{ font-family:Arial; font-size:16px; color:#00a3fe; text-transform:uppercase } .team_name2 h4{ font-size:12px; font-weight:normal; color:#666;} .team_list li:hover .team_pic img{ display:none } .team_list li:hover .team_pic{ background:#00a3fe } .team_list li:hover .team_name{ display:block } .team_list li:hover .team_name2{ display:none } .team_list li:hover .team_share{ display:block } .team_name{ text-align:center } .team_name h3{ font-size:18px; color:#fff; font-weight:normal; margin-bottom:7px; padding-top:115px } .team_name h4{ color:#fff; font-size:12px; font-weight:normal; } .team_share{ text-align:center; display:none; padding-top:12px } .team_share a{ display:inline-block; width:22px; height:20px; background:url("../images/icon_share3.png") no-repeat; margin:0 7px } .team_share a.share_btn_1{ background-position:0 0 } .team_share a.share_btn_2{ background-position:-37px 0 } .team_share a.share_btn_3{ background-position:-74px 0 } .team_share a.share_btn_4{ background-position:-110px 0 } .team_share a.share_btn_5{ background-position:-147px 0 } .team_share a.share_btn_1:hover{ background-position:0 -22px } .team_share a.share_btn_2:hover{ background-position:-37px -22px } .team_share a.share_btn_3:hover{ background-position:-74px -22px } .team_share a.share_btn_4:hover{ background-position:-110px -22px } .team_share a.share_btn_5:hover{ background-position:-147px -22px } .team_btn{ background:url("../images/icon_arrow.png") left top no-repeat; display:block; width:35px; height:70px; top:100px; position:absolute; overflow:hidden; } .team_list{ overflow:hidden } .team_list ul{ width:20000px } .team_left{ left:50%; margin-left:-644px } .team_right{ background-position:right top; left:50%; margin-left:610px ; overflow:hidden;} .team_left:hover{ background-position:left bottom; } .team_right:hover{ background-position:right bottom; } .team_wrap{ position:relative } .about_culture{ background:url("../images/bg_culture2.jpg") center center; background-size:cover; padding-bottom:50px } .culture_list li{ transition:all 1s; margin-top:10px; width:17%; margin-right:3%; margin-left:4.5%; float:left; margin-bottom:30px } .culture_list li:hover{ margin-top:0px; } .culture_list .culture_icon{ transition:all 1s; border-radius:10px; line-height:178px; color:#fff; font-size:30px; text-align:center;border:1px solid #fff; max-width:178px; } .culture_list li:hover .culture_icon{ color:#00a3fe; background:#fff; } .culture_list p{ margin-top:30px; margin-bottom:14px; color:#fff; font-size:14px; } .gszz{ margin-bottom:80px;} .gszz_list li{ width:270px; float:left; margin-right:30px; height:355px !important; border:none !important; margin-bottom:0 !important; } .gszz_pic{ height:355px; overflow:hidden; margin-bottom:25px; } .team_btn2{ top:150px !important; } .gszz_list li:hover .team_name{ display:block } .gszz_list li:hover .gszz_pic{ background:#00a3fe } .gszz_list li:hover .gszz_pic img{ display:none } .ac_txt{ max-width:1130px; margin-left:auto; margin-right:auto } .ac_txt > div{ width:50%; float:left; line-height:36px; color:#333 } .ac_left{ margin-right:8.8% } .ac_right{ margin-left:8.8% } .about_customer{ background:url("../images/bg_map.png") no-repeat center center; padding-bottom:125px } /*.customer_list ul{border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;}*/ .customer_list li{ border:1px solid #e0e0e0; width:176px; height:106px; float:left; margin-right:-1px; margin-bottom:-1px } .customer_list ul{ float:left } .customer_list li img{ opacity:.8; transition:opacity .25s } .customer_list li:hover img{ opacity:1 } .about_customer_wrap{ margin-right:auto; margin-left:auto; max-width:1065px; } .acl_wrap{ position:relative } .acl_wrap .team_btn{ top:125px ;} .customer_list .tempWrap > div{ min-height:322px } .customer_list .tempWrap > div{ min-height:322px } .tl_part1{ position:relative;} .team_wx{ position:absolute; left:65px; top:185px; border:1px solid #b5b5b5; width:132px; height:132px;display:none} .team_wx i{ width:10px; height:10px; border:1px solid #b5b5b5; position:absolute; background:#fff; transform:rotate(45deg); display:block; bottom:-6px; left:50%; z-index:5; margin-left:-5px} .team_wx img{ position:absolute; left:0; top:0; z-index:10; width:112px; height:112px;border:10px solid #fff} .ywgl{ margin:0 auto 30px auto; max-width:1280px;} .ywgl li{transition:all 0.5s ease; border-radius:10px; float:left; border:1px solid #CCC; width:30%; margin:1.4%;} .ywgl li:hover{ border:1px solid #bbb; } .ywgl li h3{ line-height:30px; margin:30px 0 30px 0; text-align:center; font-weight:normal; font-size:24px; color:#333; transition:all 0.5s ease; } .ywgl li h4{ text-align:center; display:block;} .ywgl li:hover h3{color:#06F;} .ywgl li p{ min-height:200px; margin:30px; line-height:24px; font-size:14px; color:#666; transition:all 0.5s ease; } .ywgl li:hover p{ color:#333;} .hxcp{ background: url("../images/hxcp_bg.jpg") no-repeat center;} .hxcp_list li{ float:left; width:30%; margin:1.5%;} .hxcp_list li div{text-align:center; font-size:24px; color:#fff;transition: all .4s;} .hxcp_list li div img{ width:100%; margin-bottom:30px;} .hxcp_list li p{ margin:30px; color:#fff;} .hxcp_list li:hover div{color:#00a3fe} /*妗堜緥灞曠ず*/ .case_banner{ height:785px; background:url("../images/bg_case.jpg") center center no-repeat; background-size:cover; text-align:center; position:relative } .case_banner_txt{ position:absolute; left:0; width:100%; top:50%; margin-top:-73px} .case_banner h3{ font-size:72px; font-family:"Microsoft Yahei"; line-height:100%; color:#fff; font-weight:normal; margin-bottom:45px; } .case_banner h4{ font-size:30px; font-family:"Microsoft Yahei"; line-height:100%; color:#fff; font-weight:normal; text-transform:uppercase } .case_tab{ background:#000; height:45px; width:100%; text-align:center; margin-bottom:2px } .case_tab ul{ padding-top:8px } .case_tab li{ display:inline-block; line-height:35px; color:#aaa; cursor:pointer; margin:0 22px; } .case_tab li.on, .case_tab li:hover{ border-bottom:2px solid #00a3fe } .wedo_list{ margin-bottom:70px; opacity:0 } .wedo_list li{ width:24.95%;height:297px; float:left; overflow:hidden; padding-bottom:4px } .wedo_img{ margin:0 2px; position:relative; overflow:hidden } .wedo_list li img{ width:100%; display:block; } .wedo_list_li{ position:relative; } .images_info{ position:absolute; left:0; top:0; width:100%; height:100%; /*display:none */ } .images_info_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; display:table } .images_info .overlay{ background:#00a3fe; opacity:0.6; filter:alpha(opacity=60); width:100%; height:100%; left:0; top:0; position:absolute; z-index:1 } .images_txt{ position:relative; z-index:5; color:#fff; display:table-cell; vertical-align:middle; text-align:center; font-size:18px; } .images_txt h3, .images_txt h4{ font-weight:normal; } .images_txt h4{ margin-bottom:20px; font-size:16px; } .iamge_link span{ display:block; width:51px; height:51px; background:url(../images/icon_btn.png) left top no-repeat } .iamge_show span{ display:block; width:51px; height:51px; background:url(../images/icon_btn.png) right top no-repeat } .iamge_link span:hover{ background-position:left bottom } .iamge_show span:hover{ background-position:right bottom } .i_link{ display:inline-block; margin:0 8px; position:relative; transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); } .iamge_link{ right:50%; } .iamge_show{ left:50%; } .wedo_list_li:hover .iamge_link{ right:0; } .wedo_list_li:hover .iamge_show{ left:0; } .wedo_list_li .wedo_img img{ transition:all 1000s; } .wedo_list_li .images_info{ opacity:0; filter:alpha(opacity=0); } .wedo_list_li:hover .images_info{ opacity:1; transition:all 0.5s; filter:alpha(opacity=100); display:block } .wedo_list_li:hover .wedo_img img{ transform:scale(1.2, 1.2); } .isotope, .isotope-item{ transition-property:transform, opacity; transition-duration:0.8s; } .mouse_more{ background:url("../images/icon_mouse.png") center top no-repeat; padding-top:68px; text-align:center; color:#000; margin-bottom:88px } .case_tab.fixed{ position:fixed; top:61px; width:100%; left:0; z-index:999; opacity:0.8; } .wedo_list.fixed{ padding-top:47px } /*妗堜緥璇︾粏椤?/ .case_detail{ padding-bottom:105px; background-repeat:repeat; background-position:center top; position:relative; background-size:cover; background-attachment:fixed } .case_back{ position:absolute; right:50%; margin-right:-565px; top:110px } .case_back a{ display:block; float:left; margin-right:17px } .case_prev, .case_menu, .case_next{ background:url("../images/icon_back.png") } .case_next{ background-position:right top; } .case_prev, .case_next{ width:18px; height:32px } .case_menu{ width:32px; height:32px; background-position:-35px top } .case_prev:hover{ background-position:0 -32px } .case_next:hover{ background-position:right -32px } .case_menu:hover{ background-position:-35px -32px } .case_prev2, .case_next2{ display:block; width:93px; height:38px; border-radius:4px; background:#f5f5f5; line-height:38px; color:#000; text-transform:uppercase; position:fixed; bottom:0; text-align:center; font-family:Arial; font-size:12px; color:#000; transition:all 0.25s } .case_next2{ right:0 } .case_prev2 span{ display:block; width:11px; height:11px; background:url("../images/icon_arrow4.png") no-repeat; top:13px; position:absolute; left:10px } .case_next2 span{ display:block; width:11px; height:11px; background:url("../images/icon_arrow4.png") right top no-repeat; top:13px; position:absolute; right:10px } .case_prev2:hover, .case_next2:hover{ background:#00a3fe; color:#fff } .case_prev2:hover span{ background-position:0 -12px } .case_next2:hover span{ background-position:right -12px } .case_title{ font-size:72px; font-family:"Microsoft Yahei"; line-height:100%; color:#00a3fe; font-weight:normal; text-align:center; margin-bottom:35px; padding-top:175px } .case_line{ width:160px; border-bottom:1px solid #ececec; margin-left:auto; margin-right:auto; margin-bottom:145px } .case_box{ max-width:1200px; background:#fff; margin-left:auto; margin-right:auto; padding-top:85px; overflow:hidden; padding-bottom:100px } .case_img{ margin:0 10px 110px 10px } .case_img img{ max-width:100%; display:block } .case_txt{ margin:0 60px 55px 60px } .case_txt h3{ font-size:18px; text-align:center; font-weight:normal; color:#222; margin-bottom:40px } .case_img{ margin-bottom:110px } .case_btn{ text-align:center } .case_btn a{ display:inline-block; width:232px; height:58px; border-radius:4px; line-height:58px; text-align:center; color:#fff; font-size:18px; transition:all .25s; margin-right:20px; margin-bottom:10px } .btn_go{ background:#00a3fe; } .btn_share{ background:#222 } .case_btn .btn_go:hover{ background:#fa1006 } .case_btn .btn_share:hover{ background:#000 } /* 鏂伴椈 */ .news_wrap{ background:#fefefe; padding-top:85px; padding-bottom:185px} .news{ max-width:1130px; margin:0 auto} .news_left{ float:left; width:65%} .news_right{ margin-left:69%} .news_img{ margin-bottom:35px; color:#666} .news_img img{ display:block;max-width:100%} .news_title{ font-size:40px; color:#5b5e60; font-weight:normal; line-height:50px; margin-bottom:23px} .limit{ height:48px; overflow:hidden} .news_btn{ width:141px; height:38px; border:1px solid #ececec; border-radius:3px; line-height:38px; transition:all .25s; color:#00a3fe; overflow:hidden;cursor:pointer; position:relative; margin-bottom:30px} .news_btn:hover{ background:#00a3fe; border-color:#00a3fe; color:#fff} .btn_icon{ width:12px; height:12px; border-radius:50%; border:1px solid #e23946; line-height:12px; font-size:14px; text-align:center; position:absolute; left:16px; top:50%; margin-top:-8px;} .btn_txt{ text-indent:40px} .news_btn:hover .btn_icon{ border-color:#fff} .span_less,.btxt_less{ display:none} .news_btn_on .span_less,.news_btn_on .btxt_less{display:inline} .news_btn_on .span_more,.news_btn_on .btxt_more{display:none} .news_content{ margin-bottom:25px; height:48px; overflow:hidden} .new_share{ background:url("../images/icon_share5.png") left center no-repeat; text-indent:20px; color:#a3a3a3; display:inline-block} .news_li{ padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #ececec} .nr_box{ margin-bottom:60px} .nr_title{ font-size:18px; line-height:100%; color:#5f5f5f; font-weight:normal; margin-bottom:25px} .catelogy li{ height:42px; line-height:42px; border-bottom:1px solid #e6e6e6; font-size:12px;} .catelogy li a{ color:#777} .tags a{ color:#cf262c; display:inline-block; border:1px solid #cfcfcf; border-radius:5px; line-height:32px; padding:0 20px; font-size:12px; margin-right:5px; margin-bottom:5px; transition:all .25s} .tags a:hover{ background:#cf262c; color:#fff;} .news_history li{ line-height:31px; font-size:12px; color:#5b5e60} .news_search{ margin-bottom:60px; border:1px solid #e6e6e6; border-radius:5px; height:50px; overflow:hidden; position:relative} .ns_txt{ font-size:14px; border:none; outline:none; padding:15px; width:75%; display:block; margin-right:54px} .ns_btn{ width:53px; background:#fff url("../images/icon_search3.png") no-repeat center center; height:50px; border:none;overflow:hidden; text-indent:-999em; outline:0; cursor:pointer; position:absolute; top:0; right:0; border-left:1px solid #e6e6e6; z-index:10} .news_more{ background:url("../images/icon_refresh.png") left center no-repeat; width:130px; display:block; text-indent:37px; margin:0 auto; color:#f00; font-size:18px} .news_video_wrap{ position:relative; overflow:hidden} .video_pic{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-size:cover} .video_overlay{ position:absolute;left:0; top:0; width:100%; height:100%; background:#000; opacity:.4; filter:alpha(opacity=40)} .video_btn{ width:65px; height:65px; background:url("../images/icon_play.png") no-repeat; position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px;} .team_wx{ width:132px; height:132px;border:1px solid #b5b5b5} .team_wx img{ width:112px; height:112px; border:10px solid #fff;} .float_qq{ display:none;} /*棰戦亾*/ .pd_jiaoyu_top{ background:url(../images/bg_jy.jpg) no-repeat bottom center;} .pd_yiliao_top{ background:url(../images/bg_yl.jpg) no-repeat bottom center;} .pd_zhengqi_top{ background:url(../images/bg_zq.jpg) no-repeat bottom center;} .pd_intro{ background:url(../images/bg_jy2.jpg) no-repeat; background-size:100% 100%;} .pro_list{ margin-left:1%; padding-bottom:50px;} .pro_list li{ width:19% !important; margin:1% 1% 1% 0; float:left; } .pro_list li img{ width:100%; } .pdlm{ margin-bottom:80px;} .pdlm_list li{ width:270px; float:left; margin-right:30px; height:219px !important; border:none !important; margin-bottom:0 !important; } .pdlm_pic{ display:block; height:219px; overflow:hidden; margin-bottom:25px; } .pdlm_pic img{ display:block; height:219px; overflow:hidden; margin-bottom:25px; } .pdlm_btn2{ top:80px !important; } .pdlm_list li:hover .team_name{ display:block } .pdlm_list li:hover .pdlm_pic{ background:#00a3fe } .pdlm_list li:hover .pdlm_pic img{ display:none } .pdlm_name{ display:block;text-align:center } .pdlm_name h3{ display:block; font-size:18px; color:#fff; font-weight:normal; margin-bottom:7px; padding-top:95px } .pdlm_name a{ display:block; color:#fff; } .sp_list{ clear:both; margin:auto; width:1350px;} .sp_list li{ position:relative; float:left; margin:1%; width:31%;border:1px #eee solid;border-radius: 10px} .sp_list li img{ width:100%; max-height:325px;height:260px;border-radius: 10px} .sp_list .box{padding:30px} .sp_list li span{ position:absolute; top:43%; left:50%; transform:translate(-50%,-50%); display:block; width:60px; height:60px; background:url(../images/sp.png) center center no-repeat; background-size:100% 100%; } .sp_list p{ margin-top:15px; color:#fff; font-size:18px; } .sp_list h5{ color:#000; font-size:18px; font-weight:normal;} .sp_list .time {display: block;color: #999;font-size: 13px;margin-top: 15px;font-weight:400} .sp_list li:hover{background: #00a3fe;} .sp_list li:hover *{color:#fff} .news_banner{ height:785px; background:url("../images/bg_news.jpg") center center no-repeat !important; background-size:cover; text-align:center; position:relative } .kongge{ height:300px; margin-top:80px;} /*鎶曡祫鑰呭叧绯?/ .tzzgx_list{ margin-bottom:80px;} .tzzgx_list li{ line-height:50px; border-bottom:1px solid #f1f0f0; clear:both; } .tzzgx_list li h3{ display:inline-block; font-size:16px; font-weight:normal;} .tzzgx_list li h3 a{ color:#333; } .tzzgx_list li span{ float:right;} /*鏂伴椈*/ .news_dh{ margin:50px auto;} .news_dh li{ position:relative; float:left; font-size:18px; line-height:60px; text-align:center; width:49%;} .news_dh li a{ display:block; color:#333; border:1px solid #ddd;} .news_dh li:hover a{border:1px solid #00a3fe; display:block; color:#fff; background:#00a3fe;} .news_dh li.thisclass {background:#00a3fe;} .news_dh li.thisclass a { color:#ffffff;} .news_dh li span{ display:block; z-index:-1; position:absolute; top:60px; background:url(../images/sj.png) no-repeat bottom center; height:14px; width:100%; } .news_dh li:hover span{ display:block;} .news_list{ margin-top:50px;} .news_list li{ margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #f1f0f0; clear:both; } .news_list li .w1000{ position:relative; } .sl_icon{ width:30%; float:left; } .sl_icon img{ width:100%; } .sl_txt{ float:right; width:68%; } .sl_txt h3{ font-size:22px; font-weight:normal; margin-bottom:10px } .sl_txt h3 a{ transition: all 0.5s; color:#222; } .sl_txt h3:hover a{ color:#00a3fe; } .sl_txt p{ line-height:30px; color:#666; margin-bottom:10px; font-size: 16px;} .sl_txt .time{ display: block; margin-bottom:20px} .sl_keywords a{ border:1px solid #ddd; border-radius:5px ; text-align:center; height:35px;line-height:35px !important; width:120px; display:block; background: url(../images/+.png) 15px 11px no-repeat; color:#444 ; transition:all 0.5s;} .news_list li:hover .sl_keywords a{border:1px solid #ddd; background: url(../images/+2.png) 15px 11px #00a3fe no-repeat; color:#fff; } .syp{ border-top:1px dashed #e5e5e5; padding-top:20px;line-height:30px;clear:both; color:#00a3fe; font-size:18px;} .syp a{ color:#000;} .syp a:hover{ color:#00a3fe;} .syp strong{ color:#00a3fe; font-size:14px; margin-right:10px;} /*==鏂伴椈璇︽儏妗嗏啌==*/ .EssayCont .lefter {float:left;width:70%;} .EssayCont .righter {float:right;width:25%;} .EssayCont .righter .shell {width:100%;margin-bottom:30px;border:1px #ddd solid} .EssayCont .righter .shell:last-child {margin-bottom:0px;} .EssayCont .righter .shell .tit {position:relative;color:#333333;font-size:18px;border-bottom:1px #e6e8eb solid;padding-bottom:15px;margin-bottom:20px;} .EssayCont .righter .shell .tit.bor:before {content:"";position:absolute;left:0;bottom:-1px;width:20%;height:1px;background:#00a3fe;} .EssayCont .righter .shell .tit .more{float:right;font-size:14px;color: #999;margin-top: 5px;transition: all .4s ease-in-out;} .EssayCont .righter .shell .tit .more:hover{color:#00a3fe} /*--*/ .EssayCont .bgb {margin-bottom:30px;background:#fff;} .EssayCont .bgb:last-child {margin-bottom:0px;} .EssayCont .bgb.p3 {padding:30px 30px 40px 30px;} .EssayCont .bgb.p4 {padding:40px 40px 40px 40px;} /*--*/ .EssayCont .news {} .EssayCont .news li {clear:both;width:100%;margin-bottom:12px;} .EssayCont .news li:last-child{margin-bottom:0px;} .EssayCont .news li {position:relative;} .EssayCont .news h4 {width:100%;font-weight:400;color:#333;font-size:16px;margin-top:10px; transition: all 0.5s;} .EssayCont .news .pic img{max-width: 100%;} .EssayCont .news .time{ display: block;color:#999;font-size:13px; margin-bottom:20px} .EssayCont .news li:hover h4 {color:#00a3fe;} /*瑙e喅鏂规*/ .submenu{ margin:50px auto; } .submenu ul{display: table;width:1200px;} .submenu li{ display: table-cell; position:relative; font-size:18px; line-height:60px; text-align:center;margin-left: 15px;} .submenu li a{ display:block; color:#333; border:1px solid #ddd;border-radius: 10px;} .submenu li:hover a{border:1px solid #00a3fe; display:block; color:#fff; background:#00a3fe;} .submenu li.thisclass {background:#00a3fe;border-radius: 10px;} .submenu li.thisclass a { color:#ffffff;} .submenu li span{ display:block; z-index:-1; position:absolute; top:60px; background:url(../images/sj.png) no-repeat bottom center; height:14px; width:100%; } .submenu li:hover span{ display:block;} /**/ .submenu.vdo li{float:left;width:280px;} /*瑙嗛涓績*/ .shiping_dh{ margin:50px auto;} .shiping_dh li{ position:relative; float:left; font-size:18px; line-height:60px; text-align:center; width:20%;} .shiping_dh li a{ display:block; color:#333; border:1px solid #ddd;} .shiping_dh li:hover a{border:1px solid #00a3fe; display:block; color:#fff; background:#00a3fe;} .shiping_dh li.thisclass {background:#00a3fe;} .shiping_dh li.thisclass a { color:#ffffff;} .shiping_dh li span{ display:block; z-index:-1; position:absolute; top:60px; background:url(../images/sj.png) no-repeat bottom center; height:14px; width:100%; } .shiping_dh li:hover span{ display:block;} .fenye{ height:120px; clear:both; } .fenye ul{ float:right; margin:0; } .fenye li{ margin-right:-1px; float: left; border:1px solid #ddd;line-height:40px;} .fenye li a{background:#fff; display:block; color:#333; padding:0 20px;} .fenye li a:hover { background:#00a3fe; color:#fff;} .fenye li.thisclass { background:#00a3fe; color:#fff; padding:0 20px;} /*鏂伴椈璇︽儏*/ .position_dh{ margin:50px 0;} .position_dh a{ color:#666;} .news_article{margin:50px 0;} .news_article h1{ font-weight:normal; line-height:50px; margin-bottom:10px; font-size:30px; color:#333;} .news_article h2{ border-bottom:1px dashed #ddd;font-weight:normal;line-height:40px; font-size:14px; color:#8d8d8d;} .article{ overflow:hidden; margin:30px 0; font-size:15px; line-height:30px;} .article p{ font-family:"Microsoft Yahei"; font-size:16px; color:#333;margin:10px 0;} .article img{ max-width:100%; margin:0;} .articlelr { width:1200px; margin:auto;} .articlelr_left{ float:left; width:48%; padding:0 10px 0 0;} .articlelr_right{ float:right; width:48%; padding:0 0 0 10px;} .articlelr_zuo{ float:left; width:32%; padding:0 10px 0 0;} .articlelr_you{ float:right; width:32%; padding:0 0 0 10px;} .articlelr_zhong{ float:left; width:32%;} .articlelr_kh{ width:100%; height:2px; background:url(../images/hk.png);} .back{ transition:all 0.5s; margin:50px auto 80px auto; width:15%; border:1px solid #ddd; text-align:center; border-radius:10px;} .back a{transition:all 0.5s; text-transform:uppercase; display:block; color:#666; line-height:70px; } .back:hover{ background:#00a3fe; } .back:hover a{ color:#fff; } /*浜у搧璇︽儏*/ .product_xq{ margin:0px 0 0 0;} .product_xq1{ padding:70px 0; } .product_pic{ float:left; width:48%;} .product_pic img{max-width:100%;} .product_txt{ line-height:40px; font-size:18px; float:right; width:48%;} .product_txt p{ font-family:"Microsoft Yahei"; font-size:16px; color:#333;} .product_txt h3{ font-size:36px; line-height:80px; color:#00a3fe;font-family:"Microsoft Yahei"; font-weight:normal;} .product_xq2{ padding:70px 0; background:#eee;} .product_pic2{ float:right; width:48%;} .product_txt2{ line-height:40px; font-size:18px; float: left; width:48%;} .product_txt2 p{ font-family:"Microsoft Yahei"; font-size:16px; color:#333;} .foot{ padding:50px 0 30px 0; background:#00a3fe; color:#fff; margin-top:0px;} .foot_left{ margin-left:2%; float:left; width:45%;} .foot_left_tel{ margin-top:10px; font-size:30px; line-height:60px; } .foot_txt{ clear:both; font-size:12px; line-height:24px; } .foot_right{ margin-right:2%; text-align:right; float:right; width:45%;} .foot_right a{ font-size:12px; color:#FFF;} .foot_txt a{ font-size:12px; color:#FFF;} .foot_txt img{ margin-top:10px; max-height:20px; } .foot_ewm{ float:right; width:123px;} .foot_ewm img{ width:123px;} .bannerny{ margin-top:10px; margin:auto;} .bannerny img{ width:100%;} /* 琛屼笟鍒楄〃 */ .hangye_dh{ margin:50px auto;} .hangye_dh li{ position:relative; float:left; font-size:18px; line-height:60px; text-align:center; width:25%;} .hangye_dh li a{ display:block; color:#333; border:1px solid #ddd;} .hangye_dh li:hover a{border:1px solid #00a3fe; display:block; color:#fff; background:#00a3fe;} .hangye_dh li.thisclass {background:#00a3fe;} .hangye_dh li.thisclass a { color:#ffffff;} .hangye_dh li span{ display:block; z-index:-1; position:absolute; top:60px; background:url(../images/sj.png) no-repeat bottom center; height:14px; width:100%; } .hangye_dh li:hover span{ display:block;} .yxzx{ background:url(../images/parallax-2.jpg) center top; position:relative; padding:80px 0; background-size:cover } .yxzx_overlay{ height:100%; width:100%; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:0; top:0; z-index:1 } .yxzx_list{ width:1000px; position:relative; z-index:2; color:#fff; text-align:center ;} .yxzx_dt{ background:url(../images/dt1.png) no-repeat center center; min-height:680px; margin:50px auto;margin-top:-60px} .yxzx_dt li{ transition: all 1s; position:absolute;text-align:left; } .yxzx_dt li .txt{ width:400px; position:absolute; z-index:100; clear:both; display:none; padding:10px 15px; border-radius:5px; background:#fff; } .yxzx_dt li:hover .txt{ display:block;} .yxzx_dt li .txt strong{ line-height:40px; font-size:16px; color:#222;} .yxzx_dt li .txt p{ font-size:14px; color:#666;} .yxzx_dt li img{ cursor:pointer;transition: all 0.5s; width:22px;} .yxzx_dt li:hover img{ transform: scale(1.2,1.2)} .dt1{ left:690px; top:387px;} .dt2{ left:720px; top:545px;} .dt3{ left:670px; top:413px;} .dt4{ left:790px; top:550px;} .dt5{ left:680px; top:716px;} .dt6{ left:690px; top:716px;} .dt7{ left:570px; top:583px;} .dt8{ left:700px; top:638px;} .dt9{ left:485px; top:700px;} .dt10{ left:570px; top:654px;} .dt11{ left:650px; top:580px;} .dt12{ left:778px; top:377px;} .dt13{ left:636px; top:640px;} .dt14{ left:600px; top:710px;} .dt15{ left:723px; top:470px;} .dt16{ left:500px; top:457px;} .dt17{ left:770px; top:607px;} .dt18{ left:748px; top:660px;} .dt19{ left:656px; top:510px;} .dt20{ left:630px; top:450px;} .dt21{ left:585px; top:513px;} .dt22{ left:495px; top:585px;} .dt23{ left:540px; top:448px;} .dt24{ left:654px; top:337px;} .dt25{ left:300px; top:383px;} .dt26{ left:812px; top:313px;} .dt27{ left:708px; top:408px;} .dt28{ left:820px; top:245px;} .dt29{ left:770px; top:540px;} .dt30{ left:615px; top:788px;} .dt31{ left:425px; top:450px;} .dt32{ left:862px; top:635px;} .dt33{ left:750px; top:850px;} .dt40{ left:750px; top:680px;} .title_b{ font-size:48px; text-align:center; line-height:100%; color:#fff; margin-bottom:20px; margin-top:30px; font-family:"Microsoft Yahei"; background:url(../images/title-bg2.png) no-repeat center; font-weight:normal;} .title_b_txt{ color:#fff; font-size:14px; text-align:center; line-height:40px; margin-bottom:30px } .title_b a{ color:#fff;} .wedo_b_line{ opacity:0.3 ; height:2px; background:#ececec; width:265px; margin:0 auto; margin-bottom:10px } .ab_nav_list dd{padding-bottom: 100px; overflow: hidden; background:#515256; margin-left:0;} .ab_list_pt{width:969px; margin:0 auto;} .ab_nav_ddtit{width:969px; margin-top:80px; margin:80px auto 0;} .ab_nav_ddtit img{vertical-align:middle;} .ab_nav_ddcon{margin-top:80px; text-align:center; } .pr{position:relative;} .dib{display:inline-block;} .ab_nav_ddcon .sPrev { width: 53px; height: 53px; background: url(../images/pre01.png) 0 0 no-repeat; z-index: 5; top: 45%; left: -133px;} .ab_nav_ddcon .ab_nav_dd_list li { display: inline-block; width: 300px; height: 340px; float: left; position: relative;} .ab_nav_ddcon .sNext { width: 53px; height: 53px; background: url(../images/next01.png) 0 0 no-repeat; z-index: 5; top: 45%; right: -133px;} .pa{position:absolute;} .ab_nav_year_outer{max-width:964px; margin:75px auto 0; overflow:hidden; text-align:center; position:relative;} .ab_year_920{max-width:920px; margin:0 auto;} .ab_nav_year_outer .yearPrev{left:0; line-height:30px; border:1px solid #616161; padding:0 6px; background:#515256;} .ab_nav_year{} .list-unstyled{padding:0; list-style:none;} .ab_nav_year li.on{width:115px; height:32px; line-height:32px; text-align:center; color:#fff; border-bottom:2px solid #0075c2;} .ab_nav_year li{width:115px; height:32px; line-height:32px; text-align:center; color:#fff; float:left; cursor:pointer; background-color:#505255; background:url(../images/r-bd.jpg) no-repeat;} .clearfix:before, .clearfix:after { content: ""; display: table;} .clearfix:after{clear:both;} .ab_nav_year_outer .yrefNext{right:0; line-height:30px; border:1px solid #616161; padding:0 7px; z-index:10; top:0; background:#515256;} .ab_nav_ddcon li .ddli_month{width:86px; height:86px; border-radius:43px; background-color:#0075c2; color:#fff; padding-top:30px; text-align:center; margin:40px auto 0; box-shadow: 0 0 0 30px transparent; background:#0075c2; transition:box-shadow .6s ease-in-out; box-sizing:border-box;} .ab_nav_ddcon li .ddli_month .mon_num{ font-size:40px;} .sNext:hover{ background:url(../images/next02.png) no-repeat;} .sPrev:hover{background:url(../images/pre02.png) no-repeat;} .ab_nav_ddcon li .ddli_mtext{width:220px; color:#fff; margin:40px auto 0; line-height:180%;} .ab_nav_year li:hover{width:115px; height:32px; line-height:32px;text-align:center;color:#fff; border-bottom:2px solid #0075c2;} .ab_nav_ddcon .ab_nav_dd_list li:hover{display:inline-block; width;300px; height:340px; background:#5a5d62; float:left; position:relative;} .ab_nav_ddcon li .ddli_month_hover{box-shadow:0 0 0 0 #0075c2;} .ab_nav_year_outer .yearPrev:hover{background:#0075C2;} .ab_nav_year_outer .yrefNext:hover{background:#0075c2;} /*---澧炲姞----*/ .videoDetail{} .videoDetail iframe,.videoDetail embed{ display: table; min-width:900px;min-height:400px;max-width:100%;max-height:400px;margin:auto} .wx{ font-size: 16px; color: #333; margin: 10px 0; /*text-indent: 33px;*/} #dituContent{width:100%;height: 400px;} .contact_box{height:auto} .category-topPic{ background-repeat:no-repeat; background-position:0 0 ;} .ban-item{height:auto !important;background: none !important;} .ban-item .bg{position:relative;z-index:-1;max-width: 100%;object-fit: cover;} .game163{} .picScroll-left .prev {position:absolute; width: 53px; height: 53px; background: url(../images/pre01.png) 0 0 no-repeat; z-index: 5; top: 45%; left: -133px;} .picScroll-left li { display: inline-block; width: 300px; height: 340px; float: left; position: relative;} .picScroll-left .next { position:absolute;width: 53px; height: 53px; background: url(../images/next01.png) 0 0 no-repeat; z-index: 5; top: 45%; right: -133px;} .picScroll-left li span{width:86px; height:86px; border-radius:43px; background-color:#0075c2; font-size:40px; color:#fff; padding-top:30px; text-align:center; margin:40px auto 0; box-shadow: 0 0 0 30px transparent; background:#0075c2; transition:box-shadow .6s ease-in-out; box-sizing:border-box;} .picScroll-left li p{width:220px; color:#fff; margin:40px auto 0; line-height:180%;} .sNext:hover{ background:url(../images/next02.png) no-repeat;} .sPrev:hover{background:url(../images/pre02.png) no-repeat;} .smallScroll{ position: relative;} .smallScroll .sPrev{ display: inline-block; position: absolute; left:0; line-height:30px; border:1px solid #616161; padding:0 6px; background:#515256;} .smallScroll .snext{display: inline-block; position: absolute; right:0; line-height:30px; border:1px solid #616161; padding:0 7px; z-index:10; top:0; background:#515256;} .smallImg li.on{width:115px; height:32px; line-height:32px; text-align:center; color:#fff; border-bottom:2px solid #0075c2;} .smallImg li{width:115px; height:32px; line-height:32px; text-align:center; color:#fff; float:left; cursor:pointer; background-color:#505255; background:url(../images/r-bd.jpg) no-repeat;} .smallImg li:hover{width:115px; height:32px; line-height:32px;text-align:center;color:#fff; border-bottom:2px solid #0075c2;} /*==鍒嗛〉鈫掿=*/ #pages{float:left;width:100%; margin:40px 0 50px 0; text-align:right; } #pages span{border:0px #ddd solid;padding:8px 15px;margin:0 5px; background:#00a3fe; color:#fff;transition: all .4s ease-in-out;} #pages a{border:1px #ddd solid;padding:8px 15px;color:#666; margin:0 5px;background:#fff;transition: all .4s ease-in-out;} /*#pages a:nth-child(1),#pages a:nth-child(3),#pages a:nth-last-child(2){display: none}*/ #pages a:hover{color:#fff; background:#00a3fe;} /*==鍥剧墖榛樿==*/ .ImgPrimary{background:url(../images/ImgPrimary.gif) no-repeat center center;} .ImgDisappear{background:url(../images/ImgDisappear.png) no-repeat center center;} .news_list .ImgDisappear{height:130px;} .center #pages{ text-align:center} @media all and (max-width:1440px){ .wedo_list_li .wedo_img img{height:250px} } @media all and (max-width:1000px){ .wedo_list{width:1200px} } .pro_txt a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*==鏁堟灉transition:0.4s鈫掿=*/ .slow,.slow a,.slow p,.slow li,.slow td,.slow input,.slow button,.slow select.slow textarea,.slow em,.slow img,.slow span,.slow hr,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow b,.slow font,.slow u,.slow *:before,.slow *:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}