.pc_header { width: 100%; position:fixed; z-index:9999; background:#fff; } .header { width: 100%; height: 42px; line-height: 42px; background-color: #262d33; } .header .search { width: 176px; height: 25px; background-color: #0f2022; border: 1px solid #5c6668; margin-top: 8px; } .header .search .text { width: 152px; height: 25px; border: none; text-indent: 10px; background: none; color: #ffffff; font-size: 12px; } .header .search .submit { width: 22px; height: 25px; background: url(../images/ss.png) no-repeat center; border: none; outline: none; } .header .language li { float: left; margin: 0 8px; } .header .language li a { display: block; color: #fff; font-size: 14px; font-family: Arial, sans-serif; } .header .language li a:hover { color: #1492FF; } .header .language p { display: block; color: #fff; font-size: 14px; font-family: Arial, sans-serif; } .header .language li img { vertical-align: middle; margin-right: 4px; } .nav { width: 100%; /*height: 140px;*/ position: relative; z-index: 10; } .nav .logo_bar {clear: both;overflow: hidden;margin: 15px auto;} .nav .logo img{ float:left;width: 100%;max-width: 600px; } @media only screen and (max-width: 768px){ .header_right_tel{ vertical-align: bottom !important; } } .header_right_tel{ display:inline-block; width:auto; vertical-align: top; color:#000; font-size:16px; text-align:left; background:url(../images/tb_005.png) no-repeat left center; padding-left:60px; margin-top: 10px; float:right; height:55px;} .header_right_tel span{ display:block; font-size:24px; font-weight:bold; } .menu_bar { background: #1a96d4; height: 64px; font-size: 16px; } .nav-div { width: 100%; height: 64px; } .nav ul { /*margin-top: 15px;*/ } .nav ul li { float: left; line-height: 36px; margin: 0 3%; /*padding-bottom: 39px;*/ position: relative; } .nav ul li .yiji_a { font-size: 18px; color: #fff; line-height:64px;height:64px;min-width: 95px;text-align:center; } .nav ul li a { display: block; box-sizing: border-box; height: 36px; line-height: 36px; } .nav ul li .yiji_a:hover { border-bottom: 2px solid #1a96d4; } .nav ul li .yiji_a img { vertical-align: middle; margin-left: 6px; } .nav li .xl { position: absolute; left: -50px; /*top: 75px;*/ background-color: #666666; border: 1px solid #6f6f6f; display: none; } .nav li .xl dd { width: 220px; text-align: left; position: relative; } /*.nav li .xl dd:hover{ background-color:#1a96d4;}*/ .nav li .xl dd a { line-height: 28px; border-bottom: 1px solid #6f6f6f; color: #fff; font-size: 18px; text-indent: 20px; padding: 5px 0; } .nav li .xl dd a:hover { color: #fff !important; background-color: #1a96d4 !important; } .nav li .xl dd:last-child a { border-bottom: none; } .nav li .xl .sanji { position: absolute; left: 221px; top: 0; width: 280px; margin-top: 0; display: none; } .nav li .xl .sanji li { padding-bottom: 0; display: block; width: 280px; margin: 0; background-color: #666666; } .nav li .xl .sanji a { line-height: 30px; display: block; width: 280px; } .nav li .xl .sanji a:hover { background-color: #1a96d4 !important; color: #fff !important; } .nav li .xl .sanji li:last-child a { border-bottom: none; } .nav li .xl .jt { position: absolute; top: -10px; left: 50%; margin-left: -10px; } .flexslider { background: #fff; position: relative; zoom: 1; overflow: hidden; width: 100%; } .slide_image { width: 100%; height: 720px; background-position: 50% 50%; background-size: cover; -webkit-background-size: cover; } .slide_image_wap { width: 100%; background-position: 50% 50%; background-size: cover; -webkit-background-size: cover; } .slide_content { height: auto; position: relative; padding-bottom: 30px; padding-top: 100px; /*border-top: 10px solid #1a96d4; background-color: #262e34; */} .slide_content .fd_img { position: absolute; bottom: 0; right: 0; } .slide_content .tit { font-size: 28px; color: #333; text-align: left; line-height: 34px; margin: 10px 0; } .slide_content .more { width: 210px !important; height: 50px; background-color: #db0b0b; line-height: 50px; text-align: center; font-size: 16px; color: #fff; float: left; margin: 20px 0 10px 0; } .slide_content .intro { font-size: 16px; line-height: 22px; color: #333; text-align: left; } .slide_content .link_a { width: 150px !important; height: 90px !important; color: #fff; font-weight: bold; font-size: 20px; margin: 18px 50px 18px 0; float: left; border: 1px solid #fefeff; border-radius: 5px; text-align: center; line-height: 90px; display: inline-block; } .slide_content .link_a:hover { background-color: #00a0ba; } .flexslider .slides li { position: relative; background-color: #383339; text-align: center; } .flexslider .slides li a { display: block; width: 100%; height: 100%; } .flexslider { z-index: 1; } .banner,.ny_ban{padding-top: 165px;} /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 37px; text-align: center; z-index: 12; padding-left: 0; height: 14px; margin: 0; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; width: 14px; height: 14px; } .flex-control-nav li a { width: 14px; height: 14px; display: block; text-indent: 9999px; background-color: #cdcdd0; cursor: pointer; border-radius: 50%; } .flex-control-nav li a.flex-active { background-color: #db0b0b; width: 14px; height: 14px; position: relative; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 41px; height: 69px; position: absolute; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); background: url(../images/button.png) no-repeat; text-indent: -999em; top: 325px; } .flex-direction-nav .flex-prev { background-position: -83px 0; left: 100px; } .flex-direction-nav .flex-prev:hover { background-position: 0 0; } .flex-direction-nav .flex-next { background-position: right 0; right: 100px; } .flex-direction-nav .flex-next:hover { background-position: -42px 0; } .zopim { bottom: 90px !important; } .index_tit { font-size: 28px; padding: 37px 0 33px; } .picScroll-left { position: relative; } .index1_con .picScroll-left .hd li { display: none; } .index1_con .picScroll-left .hd .pageState { display: none; } .index1_con .picScroll-left .hd .prev { background: url(../images/prev.png) no-repeat; position: absolute; left: -38px; width: 18px; height: 44px; top: 100px; cursor: pointer; } .index1_con .picScroll-left .hd .next { background: url(../images/next.png) no-repeat; position: absolute; right: -38px; width: 18px; height: 44px; top: 100px; cursor: pointer; } .index1_con .picScroll-left .bd ul li .pic img { border: none; padding: 0; max-width: 100%; max-height: 100%; } .index1_con .picScroll-left .bd .pic { width: 278px; height: 247px; background: url(../images/kuang.png) no-repeat center; display: table; } .index1_con .picScroll-left .bd .pic a { display: table-cell; vertical-align: middle; } .index1_con .picScroll-left .bd ul li { width: 278px; height: 360px; text-align: center; margin-right: 12px; float: left; } .index1_con .picScroll-left .bd ul li .pic img { transition: all 1s; } .index1_con .picScroll-left .bd ul li .pic img:hover { transform: scale(1.2) } .index1_con .picScroll-left .bd ul li .yuan { color: #000; font-size: 16px; line-height: 30px; margin-top: 15px; display: block; width: 100%; height: 60px; overflow: hidden; } .index1_con .picScroll-left .bd ul li .yuan:hover { color: #1492FF; } .index2_con { width: 100%; padding: 40px 0 40px 0;/*background: url(../images/index2_bg.png) no-repeat center;height: 600px; background-size: cover; */} .index2_con .intro { color: #1c1c1c; font-size: 16px; line-height: 22px; width: 720px; } .index2_con .intro .more { color: #1a96d4; } .index2_con .intro .more:hover { color: #1492FF; } .index2_con .picScroll-left { position: relative; margin-top: 30px; } .index2_con .picScroll-left .hd li { display: none; } .index2_con .picScroll-left .hd .pageState { display: none; } .index2_con .picScroll-left .hd .prev { background: url(../images/prev.png) no-repeat; position: absolute; left: -38px; width: 14px; height: 44px; top: 100px; cursor: pointer; z-index: 20; } .index2_con .picScroll-left .hd .next { background: url(../images/next.png) no-repeat; position: absolute; right: -38px; width: 14px; height: 44px; top: 100px; cursor: pointer; z-index: 20; } .index2_con .picScroll-left .bd ul li .pic img { border: none; padding: 0; width: 278px; height: auto; } .index2_con .picScroll-left .bd .pic { width: 278px; height: auto; position: relative; } .index2_con .picScroll-left .bd .pic .paly { width: 52px; height: 52px; position: absolute; left: 50%; margin-left: -26px; top: 50%; margin-top: -26px; } .index2_con .picScroll-left .bd .pic a { display: block; } .index2_con .picScroll-left .bd .pic .paly img { width: 52px; height: 52px; } .index2_con .picScroll-left .bd ul li { width: 278px; height: 360px; text-align: center; margin-right: 12px; float: left; } .index2_con .picScroll-left .bd ul li .yuan { color: #1b1d1c; font-size: 16px; line-height: 28px; margin-top: 15px; } .index3_con { width: 100%; background-color: #147db1; padding: 0 0 60px; min-height: 280px; } .index3_con .rt_radio { width: 280px; height: 280px; border-radius: 50%; position: relative; margin-top: 37px; } .index3_con .play { position: absolute; left: 50%; margin-left: -26px; top: 50%; margin-top: -26px; } .index3_con .intro .more { color: #db0b0b; display: inline-block; padding-left: 10px; } /* .index3_con .intro .more:hover { color: #1492FF; } */ .index3_con .lt_txt { color: #fff; width: 720px; } .index3_con .lt_txt .intro { font-size: 16px; line-height: 22px; } .index4_con ul li { width: 345px; padding-left: 100px; box-sizing: border-box; float: left; margin-right: 38px; position: relative; margin-bottom: 58px; height: 59px; overflow: hidden } .index4_con ul li.li_3 { margin-right: 0; } .index4_con ul li .lt_img { position: absolute; left: 0; top: 0; width: 85px; } .index4_con ul li .lt_img img { width: 89px; height: 55px; } .index4_con .rt_tit .date { color: #9d9d9d; font-size: 12px; } .index4_con .rt_tit a { color: #1a96d4; font-size: 16px; line-height: 17px; height: 40px; display: block; overflow: hidden; } .index4_con .rt_tit a:hover { color: #1492FF; } .index_tit .more { color: #1a96d4; font-size: 16px; } .index_tit a:hover { color: #1492FF; } .serpad { padding: 100px 0; } /* .footer { width: 100%; background-color: #1c1c1c; padding-top: 20px; border-top: 1px solid #c6c6c6; padding-bottom: 20px; } .footer .tel { color: #fff; } .foot_lt_nav ul li { float: left; margin-right: 63px; } .foot_lt_nav .yi_a { color: #fff; font-size: 15px; line-height: 42px; display: block; } .foot_lt_nav .yi_a i { margin-right: 10px; display: none; float: left; font-style: normal; } .foot_lt_nav dd a { color: #fff; font-size: 13px; line-height: 28px; } .foot_lt_nav dd a:hover { color: #1492FF; } .footer .addr_xx { padding-left: 41px; border-left: 1px dotted #777777; color: #fff; font-size: 13px; line-height: 28px; } .footer .addr_xx h1 { color: #fff; font-size: 15px; font-weight: normal; line-height: 42px; } .footer .addr_xx .xx_line { padding-left: 53px; line-height: 28px; max-width: 360px; position: relative; font-size: 13px; } .footer .addr_xx .label { position: absolute; left: 0; top: 0; line-height: 28px; } .foot_share { width: 100%; height: 23px; margin-bottom: 24px; border-bottom: 1px solid #424242; text-align: center; margin-top: 20px; } .foot_share .share_btn { background-color: #1c1c1c; height: 47px; display: inline-block; } */ /*.foot_share .share_btn a{ width:48px; height:48px; background:url(../images/fx_icon.png) no-repeat; display:inline-block; margin:0 8px;}*/ /*1.8加*/ /* .foot_share .share_btn span.a1, .foot_share .share_btn span.a2, .foot_share .share_btn span.a3, .foot_share .share_btn span.a4, .foot_share .share_btn span.a5, .foot_share .share_btn span.a6 { width: 48px; height: 48px; background-image: url(../images/fx_icon.png) !important; background-repeat: no-repeat; display: inline-block; margin: 0 8px; float: left; } .stButton .stLarge { opacity: 0; } .stButton .stLarge:hover { opacity: 0 !important; } .foot_share .share_btn span.a1 { background-position: 0 0 !important; } .foot_share .share_btn span.a1:hover { background-position: 0 -48px !important; } .foot_share .share_btn span.a2 { background-position: -48px 0 !important; } .foot_share .share_btn span.a2:hover { background-position: -48px -48px !important; } .foot_share .share_btn span.a3 { background-position: -96px 0 !important; } .foot_share .share_btn span.a3:hover { background-position: -96px -48px !important; } .foot_share .share_btn span.a4 { background-position: -144px 0 !important; } .foot_share .share_btn span.a4:hover { background-position: -144px -48px !important; } .foot_share .share_btn span.a5 { background-position: -192px 0 !important; } .foot_share .share_btn span.a5:hover { background-position: -192px -48px !important; } .foot_share .share_btn span.a6 { background-position: right 0 !important; } .foot_share .share_btn span.a6:hover { background-position: right -48px !important; } .foot_copyR { width: 100%; height: 60px; background-color: #000000; text-align: center; color: #fff; font-size: 14px; line-height: 60px; } */ /* 底部修改 */ footer { background: #000; } footer .foot_bg { background: #0c5f9b url(../images/footer_bg.jpg) no-repeat center bottom; overflow: hidden; position: relative; } #particles-js { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } footer .foot_bg .fuwu { padding: 12px 0; color: #fff; border-bottom: 1px solid #fff; } footer .foot_bg .fuwu dl { float: left; width: 20%; } footer .foot_bg .fuwu dl dt { float: left; margin-right: 12px; position: relative; z-index: 2; } footer .foot_bg .fuwu dl dd { float: left; padding-top: 4px; position: relative; z-index: 2; } footer .foot_bg .foot_con { color: #fff; font-size: 15px; height: 233px;padding: 45px 0 20px 0; } footer .foot_bg .foot_con a { color: #fff; } footer .foot_bg .foot_con a:hover { color: #1492FF; } footer .foot_bg .foot_con .con_l { float: left; width: calc(18% - 1px); padding-right: 3.5%; position: relative; z-index: 2; margin-right: 3.5%; border-right: 1px solid #fff; padding-top: 8px; padding-bottom:30px; } footer .foot_bg .foot_con .con_l .tel { text-align: right; margin: 4px 0; line-height: 38px; background: url(../images/foot_tel.png) no-repeat left bottom 40px; } footer .foot_bg .foot_con .con_l .tel strong { font-size: 24px; } footer .foot_bg .foot_con .con_l .phone { text-align: right; margin: 4px 0; line-height: 38px; background: url(../images/foot_phone.png) no-repeat left bottom 40px; } footer .foot_bg .foot_con .con_l .phone strong { font-size: 24px; } footer .foot_bg .foot_con .con_l .fx .xinlang { float: left; } footer .foot_bg .foot_con .con_l .fx .weixin { float: left; padding-left: 50%; margin-left: -36px; } footer .foot_bg .foot_con .con_l .fx .sj { float: right; } footer .foot_bg .foot_con .con_l .foot_logo { width: 100%; } footer .foot_bg .foot_con .con_c { float: left; width: 46%; position: relative; z-index: 2; } footer .foot_bg .foot_con .con_c .dizhi { width: 47%; padding-top: 10px; float: left; padding-right: 3%; } footer .foot_bg .foot_con .con_c .dizhi p { padding-bottom: 15px; } footer .foot_bg .foot_con .con_r { float: right; width: calc(25.5% - 1px); padding-left: 3.5%; border-left: 1px solid #fff; min-height: 233px; line-height: 32px; position: relative; z-index: 2; } footer .foot_bg .foot_con .con_r p { padding-bottom: 30px; font-size: 14px; clear: both; overflow: hidden; } footer .foot_bg .foot_con .con_r a { padding-right: 15px; display: block; float: left; } footer .foot_bg .foot_link { position: relative; z-index: 2; color: #fff; font-size: 14px; padding: 12px 0; } footer .foot_bg .foot_link a { color: #fff; padding-right: 20px; } footer .copyright { padding: 12px 0; line-height: 25px; color: #666; text-align: center; font-size: 14px; } @media (max-width: 1079px) { footer .foot_bg .foot_con .con_l { float: left; width: calc(21% - 1px); min-height: 400px; padding-right: 2%; margin-right: 2%; border-right: 1px solid #fff; } footer .foot_bg .foot_con .con_l .tel { text-align: left; margin: 20px 0 22px 0; padding-top: 30px; line-height: 28px; background: url(../images/foot_tel.png) no-repeat left top; } footer .foot_bg .foot_con .con_l .tel strong { font-size: 24px; } footer .foot_bg .foot_con .con_l .fx .xinlang { float: left; } footer .foot_bg .foot_con .con_l .fx .weixin { float: left; padding-left: 50%; margin-left: -36px; } footer .foot_bg .foot_con .con_l .fx .sj { float: right; } footer .foot_bg .foot_con .con_l .foot_logo { width: 100%; } footer .foot_bg .foot_con .con_c { float: left; width: 49.5%; } footer .foot_bg .foot_con .con_c .dizhi { width: 44%; padding-top: 10px; float: left; padding-right: 6%; } footer .foot_bg .foot_con .con_r { float: right; width: calc(23.5% - 1px); padding-left: 2%; border-left: 1px solid #fff; ; line-height: 32px; } } @media (max-width: 767px) { footer .foot_bg .fuwu { padding: 18px 0 0 0; color: #fff; border-bottom: 1px solid #fff; } footer .foot_bg .fuwu dl { float: left; width: 100%; padding-bottom: 10px; } footer .foot_bg .fuwu dl dt { float: left; width: 45px; margin-right: 12px; } footer .foot_bg .fuwu dl dt img { width: 100%; } footer .foot_bg .fuwu dl dd { float: left; padding-top: 0px; width: calc(100% - 57px); } .font16 { font-size: 14px; } .font14 { font-size: 12px; } footer .foot_bg .foot_con { color: #fff; font-size: 15px; height: auto; padding: 0 10px;} footer .foot_bg .foot_con a { color: #fff; } footer .foot_bg .foot_con a:hover { color: #1492FF; } footer .foot_bg .foot_con .con_l { float: left; width: 100%; min-height: auto; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff; padding-right: 0%; margin-right: 0%; border-right: 0px solid #fff; clear: both; overflow: hidden; } footer .foot_bg .foot_con .con_l .tel { text-align: right; float: left; width: 60%; margin: -5px 0 0 0; line-height: 28px; background: url(../images/foot_tel.png) no-repeat left 15% bottom 10px; background-size: 40px; padding-top: 0; } footer .foot_bg .foot_con .con_l .foot_logo { width: 40%; float: left; } footer .foot_bg .foot_con .con_l .tel strong { font-size: 20px; } footer .foot_bg .foot_con .con_l .fx img { max-width: 20px; margin-left: 10px; } footer .foot_bg .foot_con .con_l .fx .xinlang { float: right; } footer .foot_bg .foot_con .con_l .fx .weixin { float: right; padding-left: 0%; margin-left: -0px; } footer .foot_bg .foot_con .con_l .fx .sj { float: right; } footer .foot_bg .foot_con .con_c { float: left; width: 100%; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px; } footer .foot_bg .foot_con .con_c .dizhi { width: 100%; padding-top: 10px; float: left; padding-right: 0%; } footer .foot_bg .foot_con .con_c .dizhi p { padding-bottom: 3px; } footer .foot_bg .foot_con .con_r { float: right; width: 100%; padding-left: 0%; border-left: 0px solid #fff; min-height: auto; line-height: 26px; } footer .foot_bg .foot_con .con_r p { padding-bottom: 15px; font-size: 14px; clear: both; overflow: hidden; } footer .foot_bg .foot_con .con_r a { padding-right: 15px; display: block; float: left; } footer .foot_bg .foot_link { position: relative; z-index: 2; color: #fff; font-size: 14px; padding: 12px 10px; } footer .foot_bg .foot_link a { color: #fff; padding-right: 20px; } footer .copyright { padding: 12px 0; line-height: 25px; color: #666; text-align: center; font-size: 14px; padding: 12px 10px;} .font20 { font-size: 16px; } } footer .foot_bg .foot_con .con_l .fx .weixtu .tupian{ display:none;} footer .foot_bg .foot_con .con_l .fx .weixtu:hover .tupian{ display:block; position:absolute; right:100px; top:90px; z-index:999; color:#fff;} footer .foot_bg .foot_con .con_l .fx .weixtu:hover .tupian img{ max-width:130px;} /* 右侧在线咨询 */ .sider_right { width: 34px; position: fixed; right: 0; top: 280px; z-index: 9100; } .sider_right ul li { position: relative; width: 100%; height: 78px; margin: 4px 0; transition: 0.5s; right: 0; box-sizing: border-box; } .sider_right ul li.active { display: none; } .sider_right ul li:first-child { margin-top: 0; } .sider_right ul li span { display: block; position: absolute; width: 34px; height: 80px; color: white; top: 0; left: 0; background: #1a96d4; text-align: center; box-sizing: border-box; z-index: 99; cursor: pointer; font-size: 14px; padding: 6px; line-height: 1.3; border-radius: 5px 0 0 5px; box-shadow: -1px 1px 3px rgba(0,0,0,.3); } .sider_right ul li:hover span { display: none; } .sider_right ul li a { display: block; position: absolute; width: 80px; height: 80px; color: white; top: 0; right: 0; background: #1a96d4; text-align: center; box-sizing: border-box; z-index: 100; cursor: pointer; padding-top: 50px; font-size: 14px; color: #fff; line-height: 22px; text-align: center; border-radius: 5px 0 0 5px; transform: translate(80px); transition: all .4s; } .sider_right ul li:hover a { transform: translate(0); } .sider_right .side-div1 { display: block; position: absolute; width: 80px; height: 80px; color: white; top: 0; right: 0; background: #1a96d4; text-align: center; box-sizing: border-box; z-index: 99; cursor: pointer; padding-top: 50px; font-size: 14px; color: #fff; line-height: 22px; text-align: center; border-radius: 5px 0 0 5px; transform: translate(80px); transition: all .4s; background: url(../images/sider_chat.png) center 15px #1a96d4 no-repeat; } .sider_right ul li:hover .side-div1 { transform: translate(0); } .sider_right a.side-div2 { background: url(../images/sider_test.png) center 15px #1a96d4 no-repeat; } .sider_right a.side-div3 { background: url(../images/sider_compare.png) center 15px #1a96d4 no-repeat; } .sider_right a.side-div4 { background: url(../images/sider_vs.png) center 15px #1a96d4 no-repeat; } .sider_right a.side-div5 { width: 120px; transform: translate(120px); background: url(../images/sider_wx.png) center 15px #1a96d4 no-repeat; height: auto; padding: 10px; } .sider_right .backtop { background: #1a96d4; color: #fff; text-align: center; padding: 3px 0; height: 55px; cursor: pointer; box-shadow: -1px 1px 3px rgba(0,0,0,.3); } .sider_right .backtop:hover { background: #010D30; } .sider_right ul li:last-of-type a { box-sizing: border-box; background-color: #1a96d4; color: #555; padding-top: 14px; font-size: 13px; } /*首页手机端*/ .body { overflow: hidden; width: 100%; } body.cur { height: 100%; overflow: hidden; width: 100%; position: fixed; left: 0; top: 0; } .warp { position: relative; left: 0; z-index: 1; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .warp.cur { left: 250px; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .wap_head { height: 50px; border-bottom: 1px solid #dddddd; position: relative; } .wap_head .btn_menu { width: 36px; height: 25px; position: absolute; top: 12px; right: 10px; background-image: url(../images/menu.png); background-repeat: no-repeat; background-size: cover; } .wap_head img { height: 35px; } .wap_head a { display: inline-block; margin-top: 7px;} .wap_head a.sjlogo{width: 70%;padding-left: 10px;} .wap_head a.sjfh{margin-left: 5px;} .left_menu { width: 250px; height: 100%; position: fixed; top: 0; z-index: 200; left: -250px; background: #262e34; overflow-y: scroll; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .left_menu.cur { left: 0; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .left_menu_cur { color: #8ca9c3; font-size: 14px; line-height: 30px; padding: 8px 15px 0 15px; } .left_menu dl dd .dd_title { position: relative; } .left_menu dl dd:first-child .dd_title a { border-top: none; } .left_menu dl dd:last-child .dd_title a { border-bottom: none; } .left_menu dl dd .dd_title a { padding: 8px 8px 8px 20px; display: block; font-size: 16px; line-height: 25px; color: #ffffff; border-bottom: 1px solid #1a2634; border-top: 1px solid #4b5a68; } .left_menu dl dd .dd_title a span { display: block; font-size: 14px; color: #8ca9c3; line-height: 24px; } .left_menu dl dd .dd_title a { background: #262e34; } .left_menu dl dd .erji { background-color: #455158; display: none; } .left_menu dl dd .erji dd a { line-height: 38px; color: #fff; display: block; text-align: left; padding-left: 20px; padding-right: 10px; font-size: 14px; border-bottom: 1px solid #4b5a68; } .left_menu dl dd .erji dd:last-child a { border-bottom: none; } .left_menu dl dd .dd_title a i { width: 18px; height: 8px; background: url(../images/jt_sx.png) no-repeat center; display: inline-block; background-position: 0 -8px; margin-top: 5px; } .left_menu dl dd .dd_title .lt_yi_a.cur i { background-position: 0 0; } .left_menu dl dd .erji .lt_erji_a i { width: 18px; height: 8px; background: url(../images/jt_sx.png) no-repeat center; display: inline-block; background-position: 0 -8px; margin-top: 16px; } .left_menu dl dd .erji .lt_erji_a.cur i { background-position: 0 0; } .left_menu dl dd .erji .lt_sanji { display: none; } .left_menu dl dd .erji .lt_sanji a { padding-left: 40px; } .wap_head.fixed { position: fixed; top: 0; left: 0; width: 100%; padding: 0; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .wap_head.fixed.lt250 { left: 250px; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .boxblack { width: 100%; height: 100%; position: fixed; z-index: 100; display: none; } .left_menu .lt_sear { width: 90%; margin: 0 5%; height: 35px; line-height: 35px; border: 1px solid #4b5a68; background-color: transparent; margin-top: 20px; } .left_menu .lt_sear .text { border: none; line-height: 35px; text-indent: 10px; color: #fff; width: 80%; background-color: transparent; float: left; } .left_menu .lt_sear .submit { width: 20%; float: left; background: url(../images/ss.png) no-repeat center; border: none; height: 35px; } .lt_language { width: 90%; margin: 0 5%; } .lt_language ul li { width: 50%; float: left; line-height: 35px; } .lt_language ul li a { color: #fff; } .lt_language ul li a img { vertical-align: middle; margin-right: 5px; } .ny_con { padding-bottom: 50px; } .location { height: 24px; line-height: 24px; color: #9d9d9d; margin-top: 16px; font-size: 14px; } .location a { color: #9d9d9d; } .location a:hover { color: #1492FF; } .ny_bt { width: 100%; height: 62px; background: url(../images/ny_tit_bg.jpg) no-repeat center; margin-bottom: 27px; } .ny_bt span { font-size: 28px; color: #1c1c1c; line-height: 40px; margin-top: 22px; display: inline-block; } .ny_erji { margin-bottom: 40px; border-bottom: 1px solid #f3f3f3; box-sizing: border-box; } .ny_erji ul li { height: 48px; line-height: 48px; border: 1px solid #f3f3f3; text-align: center; float: left; border-bottom: none; } .ny_erji ul li.on a, .ny_erji ul li a:hover { background-color: #1a96d4; color: #fff; } .ny_erji ul li a { color: #1c1c1c; font-size: 16px; display: block; padding: 0 22px; } /*AI*/ .AI { width: 1150px; } .AI .intro { color: #595757; font-size: 16px; line-height: 22px; } .AI .intro .now { display: block; width: 173px; margin-top: 10px; } .AI .AI_list ul { width: 100%; margin-top: 50px; } .AI .AI_list ul li { width: 100%; position: relative; transition: .5s; margin-bottom: 60px; } .AI .AI_list ul li .newstext { display: inline-block; width: 53%; vertical-align: top; } .AI .AI_list ul li .newstext h5 { font-size: 20px; color: #000; } .AI .AI_list ul li .newstext h5 img { max-width: 100%; margin-right: 12px; } .AI .AI_list ul li .newstext .AI_more { display: block; float: right; margin-top: 20px; padding-right: 5%; color: #1a96d4; } .AI .AI_list ul li .newstext p { width: 95%; color: #666; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 15px; } .AI .AI_list ul li .AI_img { display: inline-block; width: 46%; text-align: right; } .AI .AI_list ul li .AI_img img { width: 550px; vertical-align: middle; max-height: 100%; } .AI .AI_list ul li .newstext h5 span { display: inline-block; width: 82%; } .faq_con li { margin-bottom: 25px; } .faq_con li .list_q { position: relative; padding-left: 22px; margin-bottom: 5px; color: #302625; font-size: 16px; font-weight: bold; } .faq_con li .list_q i { width: 17px; height: 17px; line-height: 17px; text-align: center; color: #fff; display: inline-block; background-color: #00a0b8; border-radius: 3px; font-style: normal; font-size: 14px; position: absolute; left: 0; top: 0; } .faq_con li .list_a { position: relative; padding-left: 22px; color: #2f2524; font-size: 16px; line-height: 20px; } .faq_con li .list_a i { width: 17px; height: 17px; line-height: 17px; text-align: center; color: #fff; display: inline-block; background-color: #acaba9; border-radius: 3px; font-style: normal; font-size: 14px; position: absolute; left: 0; } .goTop { position: fixed; right: 100px; bottom: 160px; z-index: 99; display: none; cursor: pointer; width: 46px; height: 46px; background: url(../images/top.png) no-repeat; } .goTop img { display: none; } .goTop:hover { background: url(../images/top_hover.png) no-repeat; } .ny_jj { font-size: 16px; line-height: 22px; color: #595758; margin-bottom: 35px; } .download_list ul li { height: 45px; line-height: 45px; border-bottom: 1px solid #f4f4f4; background: url(../images/dot.jpg) no-repeat left center; padding-left: 18px; font-size: 16px; color: #1c1c1c; } .download_list a { color: #1c1c1c; font-size: 16px; display: block; } .download_list .load { color: #009ebb; } .download_list a:hover { color: #1492FF; } .download_list a:hover .load { color: #1492FF; } .lxwm_con .lt_xx { width: 540px; } .lxwm_con .xx_line { color: #585657; font-size: 14px; position: relative; padding-left: 36px; line-height: 24px; margin-bottom: 12px; } .lxwm_con .xx_line a { color: #585657; } .lxwm_con .xx_line i { position: absolute; left: 0; top: 0; } .lxwm_con .lt_xx .box { padding-bottom: 2px; border-bottom: 1px dotted #c9c9c9; margin-bottom: 20px; } .lxwm_con .rt_form { width: 540px; color: #595758; } .lxwm_form p { margin-bottom: 30px; } .lxwm_form .text { width: 100%; height: 38px; border: 1px solid #8e8e8e; box-sizing: border-box; text-indent: 8px; color: #1c1c1c; } .lxwm_con .textarea { width: 100%; height: 105px; border: 1px solid #8e8e8e; box-sizing: border-box; resize: none; text-indent: 8px; padding: 10px 0; margin-bottom: 30px; } .lxwm_con .submit { width: 100%; height: 38px; border: none; background-color: #db0b0b; color: #fff; font-size: 16px; -webkit-appearance: none; } .map { width: 100%; height: 350px; overflow: hidden; } .map img { max-width: 100%; } .news_list li { padding-left: 222px; position: relative; min-height: 125px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f4f4f4; } .ny_lt { width: 840px; } .news_list li .lt_pic { position: absolute; left: 0; top: 0; } .news_list li .lt_pic img { width: 190px; height: 115px; padding: 3px; border: 1px solid #e5e5e5; } .news_list li .rt_xx h3 { line-height: 22px; margin-bottom: 10px; } .news_list li .rt_xx h3 a { color: #1a96d4; font-size: 18px; float: left; max-width: 80%; overflow: hidden; height: 22px; font-weight: normal; } .news_list li .rt_xx h3 a:hover { color: #1492FF; } .news_list li .rt_xx h3 .date { color: #585858; font-size: 16px; font-style: normal; float: right; line-height: 22px; font-weight: normal; } .news_list li .rt_xx .intro { color: #1c1c1c; font-size: 15px; line-height: 22px; word-break: break-all } .page { text-align: center; width: 100%; display: inline-block; } .page a { height: 29px; border: 1px solid #cacaca; display: inline-block; line-height: 29px; color: #585858; } .page a:hover, .page a.thisclass { background-color: #1a96d4; color: #fff; border: 1px solid #1a96d4; } .page a.prev { width: 85px; margin-right: 3px; } .page .num a { margin: 0 3px 3px; padding: 0 10px;} .ny_rt { background-color: #f0efed; width: 280px; padding: 0 5px 20px; } .ny_rt .tit { width: 100%; height: 50px; line-height: 50px; background-color: #1a96d4; text-indent: 18px; color: #fff; font-size: 18px; font-weight: bold; } /* .ny_rt ul li { width: 220px; height: 210px; margin: 15px auto 45px; } */ .ny_rt ul.news{text-align: center;margin-top: 30px;} .ny_rt ul li .shipin { width: 100%; height: 170px; background-color: #000; position: relative; } .ny_rt ul li .txt a { color: #000; } .ny_rt ul li .txt a:hover { color: #1492FF; } .ny_rt ul li .play { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin-left: -26px; margin-top: -26px; z-index: 10; } .ny_rt ul li .shipin_img img { width: 220px; height: auto; } .ny_rt ul li .shipin_img img.shipin_play { width: 52px; height: 52px; } .ny_rt ul li .txt { line-height: 22px; height: 44px; overflow: hidden; padding-top: 10px; color: #585657; font-size: 16px; } .news_infor h1 { color: #1c1c1c; font-size: 24px; font-weight: normal; text-align: center; margin-top: 20px; } .news_infor .date { color: #666666; font-size: 14px; text-align: center; line-height: 45px; } .news_infor .txt { font-size: 16px; color: #1c1c1c; line-height: 24px; } .founder_con { position: relative; padding-left: 430px; min-height: 350px; background-repeat: no-repeat; background-position: left center; } .founder_con .left_pic { position: absolute; left: 0; top: 0; width: 348px; height: 348px; } .founder_con .left_pic img { width: 348px; height: 348px; border-radius: 50%; } .founder_con .intro { color: #1c1c1c; font-size: 16px; line-height: 28px; margin-top: 5px; } .founder_con .rt_xx { height: 100%; display: table; min-height: 350px; font-size: 16px; line-height: 24px; color: #1c1c1c; } .founder_con .rt_xx .en { height: 60px; line-height: 85px; display: inline-block; color: #1c1c1c; font-size: 16px; font-weight: bold; margin: 0 40px 0 10px; } .founder_con .rt_xx .zc { color: #1c1c1c; font-size: 16px; font-weight: bold; height: 60px; line-height: 85px; display: inline-block; } .small_bt { color: #3f3f3f; font-size: 24px; margin-bottom: 25px; } .cul_con .box { padding-bottom: 40px; color: #1c1c1c; font-size: 16px; line-height: 24px; } .cul_con .box .box_main { max-width: 100%; } .cul_con .box .box_main .lt_pic { position: absolute; left: 0; top: 0; } .cul_con .box .box_main .lt_pic img { max-width: 610px; } .cul_con .box .box_main .rt_txt { color: #1c1c1c; font-size: 16px; line-height: 24px; } .cul_con .box .box_main .rt_txt p { margin-bottom: 140px; } .cul_con .box .box_main .rt_txt p.last { padding-top: 100px; } .cul_con .jzg li { margin-right: 5px; width: 380px; float: left; } .cul_con .jzg .top_pic img { width: 380px; height: 240px; } .cul_con .jzg .span1 { color: #1c1c1c; font-size: 24px; line-height: 50px; margin-bottom: 5px; } .cul_con .jzg .span2 { color: #1c1c1c; font-size: 16px; line-height: 24px; padding-right: 10px; } .ppjs_list { margin-top: 30px; } .ppjs_list li { float: left; width: 33%; text-align: center; } .ppjs_list li .icon { height: 137px; } .ppjs_list li span { color: #595757; font-size: 24px; line-height: 50px; } .mileS_con ul li { margin-bottom: 10px; } .mileS_con ul li.cur .miles_xx { display: block; } .mileS_con ul li.cur .tit i { background-position: 0 0; } .mileS_con ul li .tit { padding: 0 25px; line-height: 48px; height: 48px; background-color: #efefef; } .mileS_con ul li .tit .year { color: #595757; font-size: 26px; font-weight: bold; } .mileS_con ul li .tit i { width: 17px; height: 10px; background: url(../images/jt_x2.png) no-repeat; display: block; background-position: 0 -10px; margin-top: 19px; } .mileS_con ul li .miles_xx { padding: 30px 80px; display: none; } .mileS_con ul li .miles_xx .month_line { position: relative; padding-left: 70px; line-height: 28px; color: #595757; font-size: 16px; } .mileS_con ul li .miles_xx .month_line .month { position: absolute; left: 0; top: 0; color: #595757; font-size: 18px; font-weight: bold; line-height: 28px; } .mileS_con .job_namae { color: #595757; font-size: 16px; font-weight: bold; } .mileS_con .job_des { color: #595757; font-size: 16px; line-height: 24px; padding: 5px 0 !important; } #carousel { width: 100%; height: 430px; position: relative; clear: both; overflow: hidden; background-color: transparent; } #carousel img { visibility: hidden; cursor: pointer; box-shadow: 0 3px 10px #785280; } .cul_con #prev { width: 28px; height: 53px; background: url(../images/arr_zy.png) no-repeat; background-position: 0 0; display: inline-block; position: absolute; left: 0; top: 50%; margin-left: -30px; margin-top: -27px; opacity: 0.8; z-index: 100; } .cul_con #prev:hover, .cul_con #next:hover { opacity: 1; } .cul_con #next { width: 28px; height: 53px; background: url(../images/arr_zy.png) no-repeat; background-position: -28px 0; display: inline-block; position: absolute; right: 0; top: 50%; margin-right: -30px; margin-top: -27px; opacity: 0.8; z-index: 100; } .cp_zs li { width: 25%; float: left; margin: 0 0 40px; text-align: center; } .cp_zs li .img { width: 90%; height: auto; margin: 0 auto; overflow: hidden; } .cp_zs li .img img { max-width: 100%; max-height: 100%; } .cp_zs li .name { display: block; line-height: 40px; text-align: center; color: #595757; font-size: 16px; } .zxzl li { width: 25%; float: left; margin-bottom: 40px; } .zxzl li .img { width: 90%; height: auto; overflow: hidden; text-align: center; margin: 0 auto; } .zxzl li .img img { width: 100%; height: 100%; } .zxzl .name { display: block; text-align: center; margin-top: 10px; line-height: 24px; height: 48px; overflow: hidden; color: #595757; font-size: 16px; } .jobs_con h3 { color: #3f3f3f; font-size: 24px; font-weight: bold; margin-bottom: 45px; } .ygfl_list ul li { width: 33.33%; float: left; margin-bottom: 30px; height: 300px; } .ygfl_list ul li span { display: block; color: #595757; font-size: 16px; line-height: 24px; max-width: 300px; margin: 0 auto 20px auto; } .jobs_list_con { margin-bottom: 50px; } .jianli { color: #595757; font-size: 16px; line-height: 24px; } .jianli_list { margin: 30px 0; } .jianli_list ul li { float: left; margin: 0 15px; } .yk_list_con .yk_tit { line-height: 32px; padding: 0 10px; background-color: #efefef; color: #595757; font-size: 18px; } .yk_list { margin-bottom: 30px; } .yk_list ul li { width: 25%; text-align: center; float: left; padding-top: 35px; } .yk_list ul li a { display: block; } .yk_list ul li .img img { width: 152px; height: 218px; } .yk_list ul li .title { color: #595757; font-size: 16px; line-height: 24px; padding: 15px 0 0; } .ny_sanji { margin-top: -35px; } .ny_sanji ul li { width: 25%; float: left; border: 1px solid #e9e9e9; float: left; border-left: none; box-sizing: border-box; text-align: center; height: 152px; } .ny_sanji ul li.li_50 { width: 50%; } .ny_sanji ul li:first-child { border-left: 1px solid #e9e9e9; } .ny_sanji ul li a { display: block; } .ny_sanji ul li .icon { margin-top: 25px; } .ny_sanji ul li .icon img { height: 76px; } .ny_sanji ul li span { color: #595757; font-size: 14px; line-height: 24px; display: block; margin-top: 15px; } .ny_sanji .selected { border-bottom: 2px solid #1a96d4; } .ny_sanji li:hover { border-bottom: 2px solid #1a96d4; } .ny_sanji li { border-bottom: 2px solid #1a96d4; } .why_rd_con .box .txt { width: 50%; text-align: center; display: table; height: 360px; } .why_rd_con.why_rd_con2 .box .txt { text-align: left; } .why_rd_con.why_rd_con2 .wenzi { display: block; } .why_rd_con .box .txt2 { width: 50%; } .why_rd_con .box .img { width: 50%; text-align: right; } .why_rd_con .box .img img { max-width: 96%; margin-right: 4%; } .why_rd_con .box h3 { color: #3f3f3f; font-size: 24px; font-weight: bold; padding: 0 0 15px; font-weight: normal; } /* .why_rd_con .box1 { padding: 70px 0; } .why_rd_con .wenzi { text-align: left; color: #595757; font-size: 16px; line-height: 24px; vertical-align: middle; display: table-cell; } .why_rd_con .box1 .wenzi { padding-right: 4%; } .why_rd_con .box2 { background-color: #efeeed; padding: 70px 0; } .why_rd_con .box .txt .num { padding: 3px; border: 1px solid #1a96d4; border-radius: 50%; width: 102px; height: 102px; } .why_rd_con .box .txt .num span { width: 102px; height: 102px; background-color: #1a96d4; line-height: 102px; display: inline-block; border-radius: 50%; text-align: center; color: #ffffff; font-size: 16px; } .why_rd_con .box .txt .num span em { font-size: 48px; font-style: normal; } .zscp_num ul li { width: 180px; float: left; text-align: center; } .zscp_num ul li .num_list { padding: 3px; border: 1px solid #1a96d4; border-radius: 50%; width: 102px; height: 102px; margin: 0 auto; } .zscp_num ul li:first-child .num_list { margin-left: 0; } .zscp_num ul li .num_list span { width: 102px; height: 102px; background-color: #1a96d4; line-height: 102px; display: inline-block; border-radius: 50%; text-align: center; color: #ffffff; font-size: 16px; } .zscp_num ul li .num_list span em { font-size: 48px; font-style: normal; } .zscp_num ul li .name { color: #595757; font-size: 16px; line-height: 35px; } .why_rd_con .box .txt .num5 { padding: 3px; border: 1px solid #1a96d4; border-radius: 50%; width: 102px; height: 102px; margin-bottom: 20px; } .why_rd_con .box .txt .num5 span { width: 102px; height: 102px; overflow: hidden; background-color: #1a96d4; line-height: 102px; display: inline-block; border-radius: 50%; text-align: center; color: #ffffff; font-size: 16px; } .why_rd_con .box .txt .num5 span em { font-size: 48px; font-style: normal; } .why_rd_con .box2 .txt { } */ .why_rd_con .box1 { padding: 70px 0; } .why_rd_con .wenzi { text-align: left; color: #595757; font-size: 16px; line-height: 24px; vertical-align: middle; display: table-cell; } .why_rd_con .box1 .wenzi { padding-right: 4%; } .why_rd_con .box1 .txt { float: left; } .why_rd_con .box1 img{ float: right; } .why_rd_con .box2 { background-color: #efeeed; padding: 70px 0; } .why_rd_con .box .txt .num { padding: 3px; border: 1px solid #1a96d4; border-radius: 50%; width: 102px; height: 102px; } .why_rd_con .box .txt .num span { width: 102px; height: 102px; background-color: #1a96d4; line-height: 102px; display: inline-block; border-radius: 50%; text-align: center; color: #ffffff; font-size: 16px; } .why_rd_con .box .txt .num span em { font-size: 48px; font-style: normal; } .zscp_num ul li { width: 180px; float: left; text-align: center; } .zscp_num ul li .num_list { padding: 3px; border: 1px solid #1a96d4; border-radius: 50%; width: 102px; height: 102px; margin: 0 auto; } .zscp_num ul li:first-child .num_list { margin-left: 0; } .zscp_num ul li .num_list span { width: 102px; height: 102px; background-color: #1a96d4; line-height: 102px; display: inline-block; border-radius: 50%; text-align: center; color: #ffffff; font-size: 16px; } .zscp_num ul li .num_list span em { font-size: 48px; font-style: normal; } .zscp_num ul li .name { color: #595757; font-size: 16px; line-height: 35px; } .why_rd_con .box .txt .num5 { padding: 3px; border: 1px solid #1a96d4; border-radius: 50%; width: 102px; height: 102px; margin-bottom: 20px; } .why_rd_con .box .txt .num5 span { width: 102px; height: 102px; overflow: hidden; background-color: #1a96d4; line-height: 102px; display: inline-block; border-radius: 50%; text-align: center; color: #ffffff; font-size: 16px; } .why_rd_con .box .txt .num5 span em { font-size: 48px; font-style: normal; } .why_rd_con .box2 .txt { float: right;} .why_rd_con .box2 img{ float: left; } .pro_lc_list { margin: 0 0 40px 0; } .pro_lc_list li { width: 220px; float: left; margin-right: 12px; text-align: center; } .pro_lc_list li:nth-child(5n) { margin-right: 0; } .pro_lc_list li .pic img { width: 220px; height: 164px; } .pro_lc_list li .title { color: #595757; line-height: 35px; } .zdh_lc_list li { width: 24%; float: left; margin-right: 12px; margin-bottom: 20px; text-align: center; } .zdh_lc_list li:nth-child(4n) { margin-right: 0; } .zdh_lc_list li .pic img { width: 100%; height: auto; } .zdh_lc_list li .title { line-height: 42px; color: #fff; background-color: #1a96d4; font-size: 16px; text-align: center } .oem_box1 { padding-left: 708px; position: relative; min-height: 295px; margin-bottom: 40px; } .oem_box1 .lt_pic { position: absolute; left: 0; top: 0; } .oem_box1 .rt_txt { color: #595757; font-size: 16px; line-height: 24px; padding-top: 80px; } .oem_box2 h3 { font-size: 28px; color: #595757; height: 17px; margin-bottom: 80px; border-bottom: 1px solid #e9e9e9; text-align: center; } .oem_box2 h3 span { padding: 0 50px; background-color: #fff; } .Quality_list { margin: 60px 0; } .Quality_list ul li { width: 20%; float: left; text-align: center; } .Quality_list ul li .pic { width: 100%; height: 220px; border: 1px solid #eaeaeb; box-sizing: border-box; border-left: none; display: table; } .Quality_list ul li:first-child .pic { border-left: 1px solid #eaeaeb; } .Quality_list ul li .pic img { vertical-align: middle; width: 95% } .Quality_list ul li .title { line-height: 35px; color: #595757; } .more_yk { width: 100%; float: left; margin-top: 100px; } .more_yk .title { line-height: 40px; border-bottom: 1px solid #1a96d4; font-size: 22px; } .prev_page a { color: #1a96d4; font-size: 22px; line-height: 50px; } .prev_page { height: 50px; overflow: hidden; line-height: 50px; } .prev_page a img { margin-left: 5px; margin-top: 6px; } .prev_page a:hover { color: #1492FF; } .intro_con dl dd { position: relative; padding-left: 50%; margin-bottom: 40px; } .intro_con dl dd .lt_pic { position: absolute; left: 0; top: 0; width: 50%; text-align: right; display: table; } .intro_con dl dd .lt_pic a { display: table-cell; vertical-align: middle; } .intro_con dl dd .lt_pic img { max-width: 96%; margin-right: 4%; } .intro_con dl dd .rt_txt { color: #1c1c1c; font-size: 16px; line-height: 24px; } .vision_lt { width: 800px; } .vision_list { padding-bottom: 30px; border-bottom: 1px solid #f4f4f4; margin-bottom: 50PX; } .vision_list:last-child { border-bottom: none; } .vision_list img { max-width: 100%; } .vision_list .pro_bPic img { max-width: 100%; } .vision_list .pro_name { color: #1a96d4; font-size: 22px; font-weight: bold; padding-top: 20px; } .vision_list .pro_name a, .vision_list .pro_type a { color: #1a96d4 } .vision_list .pro_name a:hover, .vision_list .pro_type a:hover { color: #1492FF; } .vision_list .pro_type { color: #1a96d4; font-size: 16px; font-style: italic; line-height: 35px; } .vision_list .pro_intro { color: #575757; font-size: 16px; line-height: 24px; margin-top: 10px; } .vision_list .pro_intro a { color: #1a96d4; } .vision_list .pro_intro a:hover { color: #1492FF; } .pro_rt { width: 280px; } .pro_rt_nav .yiji { width: 100%; line-height: 46px; border-bottom: 1px dotted #e0e0e0; display: block; text-indent: 15px; color: #595757; font-size: 16px; } .pro_rt_nav .yiji i { padding-right: 15px; font-style: normal; } .pro_rt_nav .yiji i.i2 { display: none; } .pro_rt_nav .erji { display: none; } .pro_rt_nav .erji dd a { line-height: 46px; border-bottom: 1px dotted #e0e0e0; display: block; text-indent: 35px; color: #595757; font-size: 16px } .pro_rt_nav dd a:hover { color: #1492FF; } .pro_rt_nav dd a.on { color: #1492FF; } .pro_rt_nav dd.on i.i1 { display: none; } .pro_rt_nav dd.on i.i2 { display: block; } .pro_lt { width: 800px; } .pro_lt .intro { color: #595757; font-size: 16px; line-height: 22px; } .pro_lt .intro .now { display: block; width: 173px; margin-top: 10px; } .pro_list { margin-top: 80px; } .pro_list ul li { width: 240px; float: left; margin: 0 40px 60px 0; text-align: center } .pro_list ul li:nth-child(3n) { margin-right: 0; } .pro_list ul li .img { width: 100%; height: 240px; overflow: hidden; } .pro_list ul li .img img { max-width: 100%; max-height: 240px; } .pro_list ul li .title { color: #1a96d4; font-size: 16px; border-bottom: 1px dotted #dbdcdc; padding-bottom: 10px; overflow: hidden;} .pro_list ul li .title a { color: #333; line-height: 30px; display: block; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px;/*font-weight: 600;*/ } .pro_list ul li .title a:hover { color: #1492FF; } .pro_list ul li .intro { color: #595757; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; display: none; } .pro_xq_type { color: #9e9e9f; font-size: 16px; } .index5_con img{max-width: 100%;} /* 首页产品列表 */ .pro_index { margin-top: 80px; } .pro_index ul li { width: 257px; float: left; margin: 0 40px 40px 0; text-align: center } .pro_index ul li:nth-child(4n) { margin-right: 0; } .pro_index ul li .img { width: 100%; height: 257px; overflow: hidden; } .pro_index ul li .img img { max-width: 100%; max-height: 257px; } .pro_index ul li .title{ border-bottom: 1px dotted #dbdcdc; padding-bottom: 10px; overflow: hidden;} .pro_index ul li .title a { background: #666; color: #fff; line-height: 30px; display: block; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px;} .pro_index ul li .title a:hover { background: #1a96d4; color: #fff;} .pro_index ul li .intro { color: #595757; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; display: none; } .pro_xq_type { color: #9e9e9f; font-size: 16px; } .subtitle{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;margin-bottom:20px;} .subtitle span.catname{ font-size:20px; display:inline-block;font-weight:700;} .subtitle span.xian{ position:absolute; width:11%; height:1px; background-color:#db0b0b; left:0; bottom:0;} .subtitle a{ float:right;font-size:16px;margin:0 auto;border:1px solid #db0b0b;color:#db0b0b;line-height:40px;text-align:center;border-radius:25px;padding:0 15px;} .subtitle a:hover{ border:1px solid #db0b0b;color:#fff;background:#1492FF;border:1px solid #1492FF;} /* 产品右侧导航*/ .sidebar-menu { list-style: none; margin: 0; padding: 0; font-size:16px; } .sidebar-menu > li { position: relative; margin: 0; padding: 0; border-bottom: 1px dotted #e0e0e0;} .sidebar-menu > li > a { display: block; border-left: 3px solid transparent; padding-left:20px; color: #333; line-height:50px; } .sidebar-menu > li > a > .fa { width: 20px; } .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a { color: #1492FF; background: #ECF1FE; border-left-color: #1492FF; } /* 修改 */ .sidebar-menu > li.active > a { color: #1492FF; background: #ECF1FE; border-left-color: #1492FF; } .sidebar-menu .treeview-menu > li.active > a{color: #1492FF; background: #ECF1FE; border-left: 3px solid #1492FF; margin-left: -5px;} .sidebar-menu .treeview-menu3 > li.active > a{color: #1492FF; background: #ECF1FE; border-left: 3px solid #1492FF; margin-left: -10px;} .sidebar-menu > li > .treeview-menu { margin: 0 1px; } .sidebar-menu > li .label, .sidebar-menu > li .badge { margin-top: 3px; margin-right: 5px; } .sidebar-menu li > a > .fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 10px; margin-top: 19px;transform: rotate(-90deg); } .sidebar-menu li.active > a > .fa-angle-left { transform: rotate(90deg); } .sidebar-menu li.active > .treeview-menu { display: block; } .sidebar-menu a { text-decoration: none; } .sidebar-menu .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px; } .sidebar-menu .treeview-menu .treeview-menu { padding-left: 20px; } .sidebar-menu .treeview-menu > li { margin: 0; border-bottom: 1px dotted #e0e0e0;} .sidebar-menu .treeview-menu > li > a { display: block; font-size: 14px; color: #666; line-height:40px; padding-left:40px } .sidebar-menu .treeview-menu > li > a > .fa { width: 20px; } .sidebar-menu .treeview-menu > li > a > .fa-angle-left, .sidebar-menu .treeview-menu > li > a > .fa-angle-down { width: auto; margin-top: 12px; } .sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover { color: #333; } /* 3级 */ .sidebar-menu .treeview-menu3 { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px; } .sidebar-menu .treeview-menu3 .treeview-menu { padding-left: 20px; } .sidebar-menu .treeview-menu3 > li { margin: 0; } .sidebar-menu .treeview-menu3 > li > a { display: block; font-size: 14px; color: #666; line-height:40px; padding-left:60px } .sidebar-menu .treeview-menu3 > li > a > .fa { width: 20px; } .sidebar-menu .treeview-menu3 > li > a > .fa-angle-left, .sidebar-menu .treeview-menu3 > li > a > .fa-angle-down { width: auto; margin-top: 12px; } .sidebar-menu .treeview-menu3 > li.active > a, .sidebar-menu .treeview-menu3 > li > a:hover { color: #333; } /* smallImg */ .smallImg { position: relative; height: 94px; margin-top: 30px; overflow: hidden; float: left; width: 100%; } .scrollbutton { width: 14px; height: 50px; overflow: hidden; position: relative; float: left; cursor: pointer; display: none; } .preview { width: 620px; height: 665px; position: relative; margin-bottom: 20px; } #imageMenu { height: 94px; overflow: hidden; margin-left: 0; float: left; width: 100%; } #imageMenu li { height: 94px; width: 94px; overflow: hidden; float: left; text-align: center; margin-right: 14px; } .smallImg #imageMenu ul li:nth-child(5n) { margin-right: 0; } #imageMenu li img { width: 92px; height: 92px; cursor: pointer; border: 1px solid #ececec; box-sizing: border-box; } #imageMenu li#onlickImg img, #imageMenu li:hover img { width: 92px; height: 92px; } /* bigImg */ .bigImg { position: relative; float: left; width: 525px; height: 525px; overflow: hidden; } .bigImg #midimg { width: 525px; height: 525px; } .bigImg #winSelector { width: 235px; height: 210px; } #winSelector { position: absolute; cursor: url(../images/fdj.png), auto; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; background-color: #000; border: 1px solid #fff; } /* bigView */ #bigView { position: absolute; border: 1px solid #959595; overflow: hidden; z-index: 999; width: 400px; height: 400px; } #bigView img { position: absolute; } .pro_xx_intro { } .pro_xx_intro .tit { padding-right: 30px; border-bottom: 1px solid #e5e5e5; line-height: 30px; margin-top: 75px; } .pro_xx_intro .tit p { color: #595757; font-size: 24px; border-bottom: 2px solid #1a96d4; line-height: 36px; display: inline-block; } .pro_xx_intro .txt { color: #595757; font-size: 16px; line-height: 24px; margin-top: 5px; } .pro_xx_intro .txt img { max-width: 100%; } .pro_xx_intro ul li { list-style-type: disc; /*list-style-position: inside;*/ } .message { margin-top: 60px; width: 100%; max-width: 1150px; } .message .title { width: 100%; line-height: 30px; padding: 14px 0; background-color: #f29600; color: #fff; text-align: center; font-size: 16px; margin-bottom: 40px; } .message p { color: #595757; font-size: 18px; line-height: 24px } .message p input { width: 100%; height: 36px; line-height: 36px; border: 1px solid #b6b6b7; text-indent: 8px; margin-bottom: 15px; } .message p textarea { width: 100%; height: 80px; resize: none; border: 1px solid #b6b6b7; text-indent: 2em; padding: 10px 0; } .message p input[type="submit"] { border: none; color: #fff; background-color: #f29600; font-size: 16px; margin-top: 25px; } .ppyj_rt { padding-top: 70px; } .zt_con img { max-width: 100%; } .zt_con table { width: 100% !important; } .MsoTableGrid { border: 1px solid #ccc;border-left: 0; border-bottom: 0;} .MsoTableGrid tr td{min-width: 120px; border: 1px solid #ccc;padding: 2px 5px; border-top: 0; border-right: 0;} /*手机端下拉导航*/ .child_local { height: 40px; background: #f3f3f3; padding: 5px 10px; } .child_local .span { color: #495757; font-size: 16px; line-height: 40px; } .xiala { width: 158px; height: 30px; position: relative; margin-top: 5px; overflow: hidden; } .xiala .sec { width: 100%; height: 30px; line-height: 28px; background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; font-size: 16px; -webkit-appearance: none; color: #495757; } .xiala .span2 { color: #666666; display: inline-block; width: 170px; background: #ffffff; line-height: 30px; padding: 0 10px; border: 1px solid #cccccc; cursor: pointer; } .xiala .span2 i { float: right; font-style: normal; } .xiala .xiala_div { background: #ffffff; border: 1px solid #cccccc; position: absolute; top: 34px; left: 0; width: 100%; box-sizing: border-box; z-index: 80; padding: 6px 0; display: none; } .xiala_div a { display: block; padding: 0 10px; line-height: 30px; color: #999999; font-size: 16px; } .xiala_div a.cur { color: #00a1e0; } .ny_ban { width: 100%; height: 300px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .ny_ban img{ width: 100%;} .cul_rt_txt p { margin-bottom: 0 !important; /*color:#575757;*/ } .cul_rt_txt .p1 { color: #1a96d4; } .ppjs img { width: 100%; } /*.wap_sear{ position:absolute; right:65px; top:15px;} .wap_sear img{ height:auto;}*/ .wap_sear { position: absolute; right: 60px; top: 10px; border: 1px solid #ddd; line-height: 30px; width: 30%; display: none; } .wap_sear input[type='text'] { border: none; background-color: #fff; width: 67%; text-indent: 5px; } .wap_sear input[type='submit'] { background: url(../images/ss.png) no-repeat right center; width: 30px; height: 30px; border: none; } .input_sear { position: absolute; top: 50px; height: 40px; width: 100%; left: 0; background-color: #fff; z-index: 99; border-top: 1px solid #ddd; display: none; } .input_sear input[type="text"] { width: 200px; height: 28px; line-height: 28px; border: 1px solid #ddd; float: left; } .input_sear .wap_se { width: 252px; margin: 5px auto; } .input_sear input[type="submit"] { width: 50px; height: 30px; line-height: 30px; border: none; float: left; background: url(../images/ss2.png) no-repeat center center; background-color: #ddd; } .zt_ban_img { top: -250px; } .why_qua_con .wenzi { display: block !important; text-align: left; } .why_qua_con h3 { text-align: left; } .ny_ban { position: relative; } .ny_ban_form { position: absolute; padding-right: 62px; width: 674px; height: 62px; top: 50%; left: 50%; margin: -31px 0 0 -377px; border-radius: 5px; } .ny_ban_form .txt { width: 100%; height: 62px; border: none; background: #ffffff; font-size: 16px; text-indent: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; float: left; } .ny_ban_form .sub { width: 63px; height: 62px; position: absolute; top: 0; right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: url(../images/ss.png) no-repeat center #fff; border: none; cursor: pointer; float: left; } .chains .list1 { margin-bottom: 30px; padding-left: 102px; position: relative; } .chains .standard { color: #595757; font-size: 18px; margin-top: 20px; width: 102px; position: absolute; left: 0; top: 0; } .chains .circle { width: 85px; height: 85px; border: 1px solid #1091aa; border-radius: 50%; display: table; text-align: center; margin: 0 auto; overflow: hidden; } .chains .circle img { transition: all 1s; } .chains .circle img:hover { transform: scale(1.1) } .chains em { line-height: 88px; margin: 0 10px; color: #595757; } .chains .text { display: block; text-align: center; color: #595757; font-size: 14px; padding: 10px 0; } .list_icon { width: 120px; text-align: center; } .chains_wap { margin-bottom: 25px; } .shipin_page { padding: 50px 0; } .shipin_lt { width: 852px; } /*.shipin_rt{width:298px; height:528px; background:#1a96d4; position:relative;}*/ .shipin_rt { width: 298px; height: 528px; background: RGB(51,51,51); position: relative; } .shipin_rt_icon { width: 29px; height: 32px; background: url(../images/shipin_icon.png) 0 0 no-repeat; position: absolute; top: 0; left: -29px; } .shipin_rt_cot { padding: 20px; color: #ffffff; font-size: 16px; line-height: 24px; } .shipin_rt_cot h3 { font-size: 20px; line-height: 30px; font-weight: normal; margin-bottom: 20px; } .shipin_list { padding-bottom: 50px; } .shipin_list li { width: 260px; margin: 18px 0 18px 36px; width: 260px; float: left; } .shipin_list li a:hover span { color: rgb(222,130,0); } .shipin_list li.li_wu { margin-left: 0; } .shipin_list li a span { display: block; height: 44px; padding-top: 10px; overflow: hidden; font-size: 16px; line-height: 22px; color: #595757; text-align: center } .shipin_img { position: relative; } .shipin_img img { width: 260px; height: 202px; } .shipin_img .shipin_play { position: absolute; top: 50%; left: 50%; margin: -26px; width: 52px; height: 52px; } .ny_news_box .ny_lt { width: 800px; } .ban_wap { display: none; } .spmore { float: right; } .spmore a { color: #1a96d4; } #carousel a { position: absolute; text-align: center; color: #595757; } #carousel a span { display: block; line-height: 20px; padding-top: 10px; } .why_rd_con .box1 .img { text-align: left; margin-right: 0; float: right;} .why_rd_con .box1 .img img { margin-left: 4%; margin-right: 0; } .why_rd_con .box1 .txt { text-align: right; } .why_rd_con .box2 .txt { text-align: left; } .why_rd_con2 .box1 .img, .why_qua_con .box1 .img { text-align: right; margin-right: 0; } .why_rd_con .box1 .img img, .why_qua_con .box1 .img img { margin-right: 4%; margin-left: 0; } .zt_con .bg_g { background-color: #efeeed; } .ny_erji2 { margin-bottom: 40px; box-sizing: border-box; } .ny_erji2 ul li { height: 48px; line-height: 48px; text-align: center; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f3f3f3; margin-right: 5px; margin-left: 5px; } .ny_erji2 ul li.on a { font-weight: bold; } .ny_erji2 ul li.on a, .ny_erji2 ul li a:hover { color: #1c1c1c; cursor: pointer; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #1a96d4; } .ny_erji2 ul li a { color: #000000; font-size: 16px; display: block; padding: 0 22px; } @media screen and (max-width: 1366px) and (min-width:1024px) { .nav .logo img{max-width: 600px;} .nav ul { /*margin-top: 45px;*/ } .ny_rt2 { display: none; } .news_list_con .ny_rt2 { display: none; } } @media screen and (max-width: 1023px) and (min-width:769px) { .nav .logo img{max-width: 450px;} .ny_rt2 { display: none; } .news_list_con .ny_rt2 { display: none; } } @media screen and (max-width: 800px) { .nav .logo img{max-width: 450px;} .ny_rt2 { display: none; } .news_list_con .ny_rt2 { display: none; } .banner, .ny_ban { padding-top: 50px; } } @media screen and (max-width: 768px) { .nav .logo img{max-width: 450px;} .ny_rt2 { display: none; } .news_list_con .ny_rt2 { display: none; } .banner, .ny_ban { padding-top: 50px; } } .ny_rt2 { background-color: #f0efed; width: 280px; padding: 20px 5px;} .ny_rt2 .tit { width: 100%; height: 36px; line-height: 36px; background-color: #1a96d4; text-indent: 18px; color: #fff; font-size: 18px; font-weight: bold; } .ny_rt2 ul li { width: 220px; height: 210px; margin: 15px auto 45px; } .ny_rt2 ul li .shipin { width: 100%; height: 170px; background-color: #000; position: relative; } .ny_rt2 ul li .txt a { color: #000; } .ny_rt2 ul li .txt a:hover { color: #1492FF; } .ny_rt2 ul li .play { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin-left: -26px; margin-top: -26px; z-index: 10; } .ny_rt2 ul li .shipin_img img { width: 220px; height: 170px; } .ny_rt2 ul li .shipin_img img.shipin_play { width: 52px; height: 52px; } .ny_rt2 ul li .txt { line-height: 22px; height: 44px; overflow: hidden; padding-top: 10px; color: #585657; font-size: 16px; } .pro_intro li { list-style-type: initial; } .footerside { position: fixed; top: auto; bottom: 30px; left: 10px; z-index: 999; width: 240px; } .footerside .contents { background: rgba(255,255,255,1); box-shadow: 0px 1px 5px 0px rgba(20,14,18,0.3); border-radius: 5px; width: 240px; display: none; } .footerside .contents.active { display: block; } .footerside .contents .item { height: 58px; line-height: 58px; background: rgba(255,153,0,1); font-size: 18px; font-family: Arial; font-weight: bold; color: rgba(255,255,255,1); padding-left: 27px; position: relative; } .footerside .contents .item img { position: absolute; right: 27px; top: 20px; } .footerside .contents .item img.del2 { display: none; } .footerside .contents .tabs { padding: 20px 27px 20px 14px; } .footerside .contents .tabs span { color: rgba(255,153,0,1); width: 10px; display: inline-block; } .footerside .contents .tabs input { width: 168px; height: 30px; line-height: 30px; padding-left: 10px; } .footerside .contents .tabs .info { margin-bottom: 5px; } .footerside .contents .tabs textarea { width: 168px; height: 78px; resize: none; padding-left: 10px; } .footerside .contents .tabs button { width: 92px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 15px; font-family: Arial; font-weight: bold; color: rgba(255,255,255,1); background: rgba(255,153,0,1); border-radius: 6px 6px 6px 6px; border: none; float: right; margin-top: 5px; } .footerside .contents .tabs .info:last-child span { vertical-align: top; } .footerside a.inqu { width: 196px; height: 54px; box-sizing: border-box; border-radius: 27px 26px 26px 27px; line-height: 54px; font-size: 18px; font-family: Arial; font-weight: bold; color: rgba(255,255,255,1); padding-left: 70px; background: url(../images/ly.png) no-repeat left 20px center; background-color: rgba(255,153,0,1); display: block; margin: 20px auto; } .chat { position: fixed; bottom: 0; z-index: 999; background: url(../images/chat.png) no-repeat center center; width: 180px; height: 30px; right: 10px; } .successlayer { width: 240px; display: none; background: rgba(255,255,255,1); box-shadow: 0px 1px 5px 0px rgba(20,14,18,0.3); border-radius: 2px; } .successlayer .text { padding: 27px 0 80px; } .successlayer .text h2 { font-size: 24px; font-family: Arial; font-weight: 400; color: rgba(0,159,185,1); margin-bottom: 34px; text-align: center; } .successlayer .text p { font-size: 18px; font-family: Arial; font-weight: 400; color: rgba(0,159,185,1); line-height: 22px; text-align: center; } .successlayer a { width: 240px; height: 27px; background: rgba(255,153,0,1); font-size: 18px; font-family: Arial; font-weight: bold; color: rgba(255,255,255,1); line-height: 27px; display: block; text-align: center; } .wap_foot_side { display: none; } @media screen and (max-width: 1000px) and (min-width:320px) { .wap_foot_side { display: block; position: fixed; bottom: 0; width: 100%; background: rgba(0,159,185,1); box-shadow: 0px 1px 5px 0px rgba(20,14,18,0.3); z-index: 9999; } .wap_foot_side li { float: left; width: 25%; box-sizing: border-box; padding: 10px 0; } .footerside .contents .item img.del1 { display: none; } .footerside .contents .item img.del2 { display: block; width: 20px; top: 10px; } .wap_foot_side li i { display: block; margin: 0 auto; height: 35px; width: 100%; } .wap_foot_side li img { display: block; margin: 0 auto; height: 30px; } /* .wap_foot_side li:nth-of-type(1) i{ background:url(../images/f1.png) no-repeat center center/30%; } .wap_foot_side li:nth-of-type(2) i{ background:url(../images/f2.png) no-repeat center center/auto 30px; } .wap_foot_side li:nth-of-type(3) i{ background:url(../images/f3.png) no-repeat center center/auto 30px; } .wap_foot_side li:nth-of-type(4) i{ background:url(../images/f4.png) no-repeat center center/auto 30px; } .wap_foot_side li:nth-of-type(1).active i{ background:url(../images/f5.png) no-repeat center center/auto 30px; } .wap_foot_side li:nth-of-type(2).active i{ background:url(../images/f6.png) no-repeat center center/30%; } .wap_foot_side li:nth-of-type(3).active i{ background:url(../images/f7.png) no-repeat center center/30%; } .wap_foot_side li:nth-of-type(4).active i{ background:url(../images/f8.png) no-repeat center center/30%; } */ .wap_foot_side li.active p { color: rgba(254,154,0,1); } .wap_foot_side li p { text-align: center; font-size: 13px; font-family: Arial; font-weight: 400; color: rgba(255,255,255,1); margin-top: 5px; font-weight: bold; } .wap_foot_side li i { border-right: 1px solid rgba(201,201,201,0.6); } .foot_copyR { padding-bottom: 90px !important; } .layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; display: none; } .footerside { width: 90%; position: fixed; top: 15%; left: 5%; right: 0; z-index: 9999; height: 0; } .footerside .contents, .successlayer { width: 100%; } .footerside .contents .item { height: 38px; line-height: 38px; font-size: 19px; font-family: Arial; font-weight: bold; color: rgba(255,153,0,1); background: none; border-bottom: 1px solid rgba(229,229,229,1); } .footerside .contents .info { line-height: 30px; border-bottom: 1px solid rgba(229,229,229,1); } .footerside .contents .tabs { padding: 0; } .footerside .contents .tabs input { width: 80%; height: 20px; line-height: 20px; border: none; } .footerside .contents .tabs textarea { width: 80%; height: 58px; border: none; } .footerside .contents .tabs span { width: 5%; text-align: center; } .footerside .contents .tabs button { width: 100%; height: 30px; line-height: 30px; border-radius: 0; } .footerside a.inqu { display: none; } .successlayer a { width: 100%; height: 30px; line-height: 30px; border-radius: 0; } .chat { right: 3px; bottom: 85px; width: 110px; height: 37px; z-index: 9999; background: url(../images/chat2.png) no-repeat center center/100%; } .footerside .contents .tabs .info:last-child { border-bottom: none; } #newBridge { display: none; } } .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } /* tab */ .tab .tab_menu { clear: both; width: 100%; margin-bottom: 40px; overflow: hidden; } .tab .tab_menu li { float: left; color: #333; border-bottom: 2px solid #eee; text-align: center; width:auto; padding:0 25px; margin:0 15px 0 0; cursor: pointer; font-size: 16px; line-height: 45px; } .tab .tab_menu li.hover { border-bottom: 2px solid #1a96d4; } .tab .tab_menu li.selected { color: #1a96d4; border-bottom: 2px solid #1a96d4; } .tab .tab_box { clear: both; } .tab .hide { display: none }