@charset "utf-8"; h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, em { margin: 0; padding: 0; border: 0 none; list-style: none; } .width { width: 1200px; margin: 0 auto; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .m20 { margin: 20px 0; } .p10 { padding: 10px; } .p30 { padding: 30px; } .clear { clear: both; } .h0 { height: 0px; font-size: 0; line-height: 0; clear: both; } .h10 { height: 10px; font-size: 0; line-height: 0; clear: both; } .h15 { height: 15px; font-size: 0; line-height: 0; clear: both; } .h20 { height: 20px; font-size: 0; line-height: 0; clear: both; } .h25 { height: 25px; font-size: 0; line-height: 0; clear: both; } .h30 { height: 30px; font-size: 0; line-height: 0; clear: both; } .h35 { height: 35px; font-size: 0; line-height: 0; clear: both; } .h40 { height: 40px; font-size: 0; line-height: 0; clear: both; } .h50 { height: 50px; font-size: 0; line-height: 0; clear: both; } .h60 { height: 60px; font-size: 0; line-height: 0; clear: both; } .dis { display: none; } .text-center { text-align: center; } .text-hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .fl { float: left; } .fr { float: right; } body { background: #fff; font-size: 14px; } .top_b { height: 9px; width: 100%; background: #464040; position: relative; z-index: 9; } .top_l { height: 9px; width: 50%; position: absolute; left: 0; top: 0; background: #222C8E; z-index: 1; } .top_r { height: 9px; width: 1000px; margin: 0 auto; background: #C1282D; position: relative; z-index: 3; } .logo { float: left; margin: 40px 20px 0 50px; } .logo img { } .logotxt { float: left; margin: 46px 0 0 0; text-align: center; } .logotxt h2 { font-size: 24px; color: #0572B8; font-weight: normal; } .logotxt p { font-size: 16px; color: #F30; } .scsy { margin: 10px 0 0 0; float: right; height: 20px; } .tel { background: url(../images/tel.png) no-repeat left center; height: 40px; line-height: 40px; font-size: 24px; color: #900; padding-left: 40px; margin: 30px 50px 0 0; } .header { background: #fff; height: 160px; position: relative; z-index: 9999; border-top: #396BA8 8px solid; } .nav_scroll { position: fixed; width: 100%; } .header .width { position: relative; z-index: 9996; } .s_box { line-height: 110px; } .s_box a { position: relative; float: left; margin-left: 20px; color: #ccc; font-size: 20px; } .s_box a:hover { color: #DA8725; } .weixin_b { position: absolute; top: 80px; z-index: 999; left: -40px; display: none; } .top_wx { position: relative; } .s_box a:hover .weixin_b { display: block; } .s_box a.am-icon-qq { font-size: 19px; } .nav { position: relative; z-index: 999; height: 43px; background: url(../images/navbg.png) no-repeat center; } .navbox { height: 43px; width: 100%; background: url(../images/navf.png) repeat-x bottom; z-index: 9999; position: relative; } .nav ul { margin: 0; padding: 0; list-style: none; } .nav ul .n { position: relative; float: left; text-align: center; width: 148px; } .nav ul .line { float: left; text-align: center; width: 2px; height: 15px; margin: 12px 0 0 0; background: #FFF; } .nav ul li h2 { margin: 0px; padding: 0px; font-weight: normal; } .nav ul li h2 a { display: block; width: 148px; line-height: 38px; height: 43px; font-size: 16px; color: #fff; position: relative; } .nav ul li h2 a i { margin-left: 2px; } .nav ul li h2 a:hover { } .nav ul .on h2 a { } .nav .sub { position: absolute; top: 39px; left: 0px; padding: 0px 0 10px 0; width: 148px; background-color: rgba(255, 255, 255, 0.6); overflow: hidden; z-index: 88; display: none; text-align: center; } .sub a { height: 35px; padding: 0 10px; line-height: 35px; display: block; text-align: center; overflow: hidden; font-size: 13px; } .sub a:hover { color: #fff; background: #0573B9 } .notsupport { position: fixed; top: 0; bottom: 0; z-index: 99999; width: 100%; height: 100%; text-align: center; clear: both; color: #fff; background: #0072C6; } .notsupport h1 { font-size: 100px; margin-top: 200px; margin-bottom: 30px; } .notsupport h2 { font-size: 30px; margin-bottom: 30px; } .bg_header { } .bg_gray { background: #f6f6f6; padding: 20px 0 35px 0; } .sildebox { width: 100%; position: absolute; left: 0; top: 190px; } .fullSlide { width: 100%; position: relative; overflow: hidden; z-index: 3; height: 690px; background: url(../images/loading.gif) no-repeat center; } .fullSlide .bd { margin: 0 auto; position: relative; z-index: 1; } .fullSlide .bd ul { width: 100% !important; } .fullSlide .bd li { width: 100% !important; height: 690px; overflow: hidden; text-align: center; } .fullSlide .bd li a { display: block; } .fullSlide .hd { width: 100%; position: absolute; z-index: 2; bottom: 20px; left: 0; height: 25px; line-height: 25px; } .fullSlide .hd ul { text-align: center; } .fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 15px; height: 15px; margin: 6px; overflow: hidden; background: #fff; font-size: 0; border-radius: 100%; } .fullSlide .hd ul .on { background: #f60; } .fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 5%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; } .fullSlide .next { left: auto; right: 5%; background-position: -6px -137px; } .banner_inner { color: #fff; width: 100%; } .banner_inner .width { position: relative; height: 260px; } .pos-bg { background: #F8F8F8; border-bottom: #ededed 1px solid; border-top: #ededed 1px solid; position: relative; overflow: hidden; } h2.tit { font-size: 36px; position: relative; color: #fff; height: 66px; line-height: 62px; width: 100%; text-align: center; overflow: hidden; font-weight: normal; background: url(../images/tlbg.png) no-repeat center; } h2.tit i { font-style: normal; display: block; text-align: center; color: #1F1B09; font-size: 16px; } p.desc { font-size: 18px; color: #EC9631; height: 65px; line-height: 65px; padding-bottom: 30px; width: 100%; text-align: center; overflow: hidden; } .case_bg h2.tit, .case_bg h2.tit i { color: #FFF; } .case_bg p.desc { color: #bbb; } .ser_box { /*box-shadow: 0 5px 20px 0 rgba(0,0,0,.09);box-sizing: border-box;*/ position: relative; z-index: 999; margin-top: 10px; } .services li { float: left; width: 256px; height: 171px; color: #656565; text-align: center; margin: 0 5px 5px 0; transition: all 0.3s ease; position: relative; background: url(../images/bk.png) no-repeat; } .services li table { transition: all 0.3s ease; } .services li a { display: block; position: relative; text-align: center; } .services li h2 { font-size: 20px; font-weight: normal; color: #666; width: 100%; height: 50px; line-height: 50px; } .services li:hover table { transform: translateY(-5px); } .services li a:hover h2 { color: #F60; } .advantage { } .advantage li { float: left; width: 240px; text-align: center; display: table; } .advantage li table { height: 120px; position: relative; z-index: 2; } .advantage li table td { vertical-align: bottom; } .advantage li img { } .advantage li div { height: 190px; background: #FFF; border-left: #f6f6f6 2px solid; margin-top: -50px; padding-top: 60px; } .advantage li div h3 { font-size: 20px; color: #666; } .advantage li div p { font-size: 14px; color: #aaa; padding-top: 20px; } .home_about { } .home_about .fl { width: 600px; } .home_about a .ibox { width: 600px; height: 400px; overflow: hidden; } .home_about a .ibox img { display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .home_about a:hover .ibox img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .home_about a.ab { font-size: 24px; line-height: 200px; width: 200px; height: 200px; text-align: center; color: #FFF; background: #DA8725; transition: all .5s; } .home_about a.ab:hover { text-indent: 15px; color: #FF0; } .home_about .fl .atxt { height: 200px; overflow: hidden; line-height: 198%; padding: 20px 0 0 30px; font-size: 14px; } a.more-h { border: 1px solid #bbb; color: #888; display: block; font-size: 14px; height: 35px; line-height: 35px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 150px; margin: 60px auto 0px; text-align: center; border-radius: 5px; background: #fff; } a.more-h:hover { border: 1px solid #f60; color: #fff; background: #f60; } .case_bg { background: #62676F; width: 100%; padding: 30px 0; color: #FFF; } .case_bg ul { width: 1260px; } .case_bg li { float: left; width: 285px; margin-right: 20px; } .case_bg li a h2 { font-weight: normal; font-size: 14px; color: #fff; text-align: center; height: 30px; line-height: 30px; margin-top: 10px; } .case_bg li a:hover h2 { color: #D98725; } .case_bg li a div { width: 285px; height: 214px; overflow: hidden; } .case_bg li a div img { display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .case_bg li a:hover div img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } a.ca { width: 210px; height: 46px; line-height: 46px; text-align: center; display: block; margin: 0 auto; background: #DA8725; color: #FFF; font-size: 16px; } a.ca:hover { color: #FFF; } .news_b { border-bottom: 1px solid #e2e2e2; width: 100%; } .subject { border-bottom: 1px solid #eaeaea; } .subject b { border-bottom: 1px solid #f60; height: 40px; line-height: 40px; display: inline-block; margin-bottom: -1px; font-weight: normal; color: #3b3b3b; font-size: 18px; font-family: microsoft yahei; } .subject .more { float: right; } .subject .more a { font-size: 12px; font-family: 宋体; color: #999; } .subject .more a:hover { color: #f60; } .inews_pic { width: 1250px; } .inews_pic li { float: left; width: 385px; margin-right: 25px; } .inews_pic li .imgbox { width: 385px; height: 210px; overflow: hidden; } .inews_pic li h3 { font-size: 14px; height: 20px; line-height: 20px; width: 280px; font-weight: normal; } .inews_pic li a { display: block; color: #073F5D; } .inews_pic li a img { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .inews_pic li a:hover img { transform: scale(1.1, 1.1); } .inews_pic li a p { font-size: 14px; line-height: 172%; margin: 0; color: #838180; } .inews_pic li a span { font-size: 12px; float: left; color: #fff; width: 50px; margin-right: 15px; background: #FF8625; text-align: center; border-radius: 3px; } .inews_pic li .txtbox { padding: 15px; background: #f6f6f6; overflow: hidden; } .inews_pic li a:hover { color: #f60; } .h_news { width: 1250px; } .h_news li { float: left; width: 385px; margin-right: 25px; } .h_news li a { display: block; height: 30px; line-height: 30px; } .h_news li a i { font-style: normal; color: #F90; } .f_c { border-top: #f5f5f5 16px solid; padding: 35px 0 0 0; } .f_c p { float: left; width: 300px; padding-left: 46px; height: 36px; line-height: 34px; color: #0078D7; font-size: 16px; } .f_c p a{ color: #0078D7; font-size: 16px; } .f_c p.p1bg { background: url(../images/e.png) no-repeat left center; margin-right: 70px; } .f_c p.p2bg { background: url(../images/t.png) no-repeat left center; margin-right: 40px; } .f_c p.p3bg { background: url(../images/m.png) no-repeat left center; } .f_c p.p4bg { float: right; width: 170px; padding: 0; } .f_c p.p4bg a { width: 170px; height: 36px; line-height: 34px; color: #FFF; display: block; background: #03A9F4; border-radius: 36px; text-align: center; } .cooperation li { width: 20%; margin: 0 0 40px 0; float: left; } .cooperation li img { max-width: 100%; } .home_news { } .home_news ul { overflow: hidden; zoom: 1; margin-top: 5px; } .home_news li { border-bottom: 1px solid #ddd; overflow: hidden; padding: 8px 0 12px 0; margin-top: 10px; } .home_news li h2 span { color: #999; float: right; font-size: 14px; } .home_news li h2 { font-weight: normal; font-size: 16px; color: #000; margin-bottom: 5px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .home_news li a:hover h2 { color: #f60; text-indent: 1em; } .home_news li .fl { margin-right: 15px; width: 150px; height: 105px; overflow: hidden; } .home_news li .fl img { display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .home_news li a:hover .fl img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .home_news li div.tdsc { color: #999; font-size: 14px; line-height: 30px; } .home_news li a:hover div.tdsc { color: #999; } .home_news li a:hover h2 span { color: #f60; } .picScroll-left .hd { position: absolute; width: 1020px; height: 520px; } .picScroll-left .hd .prev, .picScroll-left .hd .next { position: absolute; top: 50%; margin-top: -45px; display: block; cursor: pointer; font-size: 50px; } .picScroll-left .hd .prev { left: -50px; } .picScroll-left .hd .next { right: -50px; } .picScroll-left .hd ul { position: absolute; bottom: 0px; margin-bottom: -35px; text-align: center; width: 100%; } .picScroll-left .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #888; } .picScroll-left .hd ul li.on { background: #f30; } .picMarquee-left { width: 1200px; overflow: hidden; position: relative; } .picMarquee-left .bd { padding: 30px 0 20px 0; } .picMarquee-left .bd ul { overflow: hidden; zoom: 1; } .picMarquee-left .bd ul li { margin: 0 10px; float: left; _display: inline; overflow: hidden; text-align: center; } .picMarquee-left .bd ul li img { width: 150px; height: 60px; display: block; border: #CCC 1px solid; } .home_nav { text-align: center; } .home_nav ul { margin: 25px auto 35px auto; } .home_nav ul li { display: inline; width: auto; position: relative; } .home_nav ul li a { display: inline; padding: 10px 30px; color: #333; font-size: 14px; background: #fff; margin: 0 2px; border: 1px solid #E7E7E7; } .home_nav ul li a:hover { color: #fff; background: #f60; border: 1px solid #f60; } .home_nav ul .hover a, .home_nav ul .on a { display: inline; padding: 10px 30px; background: #f60; color: #fff; font-size: 14px; border: 1px solid #f60; border-radius: 2px; border-radius: 0; } .home_nav ul li dl { display: none; background: #f60; padding: 2px 0; margin: 16px 0 0 0; } .home_nav ul .hover dl { display: none; text-align: left; position: absolute; top: 16px; left: 2px; } .home_nav ul .hover dl dt a { display: block; font-weight: normal; color: #fff; background: #f60; min-width: 200px; border: 0; } .home_nav ul .hover dl dt a:hover { background: #fff; color: #333; border: 0; } .news_list { } .news_list li { border-bottom: 1px solid #E6E6E6; overflow: hidden; padding: 12px 0 12px 0; } .news_list li .date { background: #fff; color: #333; display: inline-block; margin-right: 20px; float: left; font-family: verdana; text-align: center; border-radius: 4px; font-size: 24px; font-family: verdana; border: 1px solid #f60; padding: 5px 0 0; } .news_list li .date em { display: block; font-style: normal; font-size: 14px; font-family: arial; background: #f60; padding: 3px 15px; color: #fff; margin-top: 5px; } .news_list li .fl { margin-right: 15px; width: 168px; height: 120px; overflow: hidden; } .news_list li .fl img { display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .news_list li a.fl:hover img { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); } .news_list li div { color: #999; font-size: 12px; line-height: 22px; } .news_list li div a { display: block; font-size: 18px; color: #333; margin-bottom: 5px; } .news_list li div a:hover { color: #f60; } .home_logo { margin-bottom: 20px; } .home_logo ul { } .home_logo ul li { float: left; width: 10%; margin-bottom: 1%; } .home_logo ul li img { border: 1px solid #eee; width: 104px; height: 40px; } .bg_foot { overflow: hidden; border-top: 1px solid #eaeaea; background: #f60; } .subject1 { border-bottom: 1px solid #eee; } .subject1 b { border-bottom: 1px solid #156EB8; height: 40px; line-height: 40px; display: inline-block; margin-bottom: -1px; font-weight: normal; color: #3b3b3b; font-size: 18px; font-family: microsoft yahei; } .link { height: 50px; line-height: 50px; } .link_title { color: #fff; width: 80px; float: left; } .link_list { text-align: center; } .link_list a { color: #666; margin-right: 20px; display: inline-block; } .link_list a:hover { color: #f00; } .footer { } .footer_box { padding: 35px 0 20px 0; overflow: hidden;/* height:360px;*/ } .nav_f { color: #666; padding-top: 30px; border-top: #DCDCDC 1px solid; } .nav_f li { float: left; width: 156px; line-height: 25px; } .nav_f li.fn2 { width: 200px; } .nav_f li h2 { font-size: 16px; color: #555; margin-bottom: 10px; font-weight: normal; } .nav_f li a { display: block; color: #888; font-size: 13px; } .nav_f li h2 a { font-size: 16px; color: #555; } .nav_f li h2 a:hover, .nav_f li a:hover { color: #f60; } .nav_f li.wx_f { width: 200px; } .nav_f li.wx_f h2 { font-size: 16px; color: #666; margin-bottom: 10px; font-weight: normal; text-align: center; } .nav_f li.wx_f div { text-align: center; width: 143px; height: 143px; line-height: 200%; margin: 0 auto; } .copyright { font-size: 14px; color: #fff; line-height: 62px; height: 66px; background: #8F9399; } .copyright a { color: #fff; } .copyright a:hover { color: #ff0; } .wxwb { position: relative; z-index: 99; } .fwx { position: absolute; left: 0; top: -110px; z-index: 2; display: none; } .inner_container { } .inner_container .left { width: 253px; float: left; } .inner_container .right { width: 905px; float: right; } .position { padding-bottom: 10px; border-bottom: 2px #0573b9 solid; } .position ul { margin: 0; padding: 0; line-height: 26px; } .position ul li { font-size: 14px; } .position h2 { color: #272727; font-size: 16px; line-height: 26px; } .l_h2 { background-color: rgba(5, 115, 185, 1); color: #fff; font-size: 18px; height: 40px; line-height: 36px; width: 253px; text-align: left; font-weight: normal; padding-left: 44px; position: relative; } .l_h2 i { display: block; width: 4px; height: 18px; background: #FFF; font-style: normal; position: absolute; left: 20px; top: 10px; } .l_nav { } .l_nav li { height: 36px; line-height: 34px; border-bottom: #ddd 1px dashed; } .l_nav li a { display: block; color: #666; position: relative; padding-left: 40px; } .l_nav li a span { position: absolute; left: 20px; top: 0px; font-size: 16px; color: #666; } .l_nav li a:hover { color: #F60; } .l_nav li a:hover span { color: #F60; } .l_nav .hover a { color: #F60; } .l_nav .hover a span { color: #F60; } a.left_btn { width: 253px; height: 171px; display: block; overflow: hidden; text-align: center; position: relative; margin-top: 15px; } a.left_btn p { width: 253px; height: 171px; line-height: 171px; position: absolute; left: 0; top: 0; overflow: hidden; text-align: center; font-size: 30px; color: #FFF; font-weight: bold; } a.left_btn img { width: 100%; height: 100%; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } a.left_btn:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .inner_container h1 { text-align: center; font-size: 30px; font-weight: 400; margin: 0 0 20px 0; padding: 0; } .page_show { min-height: 200px; margin-top: 40px; } .page_show p { line-height: 200%; } .page_show img { max-width: 100%; } .page_show a { color: #f60; } .page_show a:hover { color: #f60; } /*标签相关*/ .tags { } .tags li { display: inline; width: auto; } .tags li a { display: inline-block; padding: 10px 30px; color: #333; font-size: 14px; background: #fff; margin: 0 2px 5px 0; border-radius: 2px; border: 1px solid #E7E7E7; } .tags li a:hover { background: #f60; color: #fff; border: 1px solid #f60; } .tags .hover a { display: inline; padding: 10px 30px; color: #fff; font-size: 14px; background: #f60; color: #fff; border: 1px solid #f60; margin: 0 2px; border-radius: 2px; border-radius: 0; } .fbk { height: 50px; clear: both; border-bottom: #D2D3D3 1px solid; } /*筛选相关*/ .filter { border: 1px solid #f3f3f3; padding: 6px 20px; margin-top: 30px; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1); padding: 15px; } .filter dl { margin: 0; } .filter dl dd { float: left; width: 70px; font-weight: bold; font-size: 14px; margin: 0; padding-top: 5px; } .filter dl dt { margin: 0 0 0 80px; } .filter dl dt a { font-weight: normal; margin: 0 5px 5px 0; padding: 5px 10px; color: #666; font-size: 14px; display: inline-block; } .filter dl dt a:hover { background: #3BB4F2; color: #fff; } .filter dl dt .hover { background: #3BB4F2; color: #fff; } /*瀑布流布局*/ .piclist { width: 1190px; margin-top: 40px; } .piclist ul { width: 1220px; } .piclist li { float: left; width: 275px; margin-right: 25px; } .piclist li a { display: block; padding: 4px; margin-bottom: 25px; border: 1px solid #eee; } .piclist li a:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); } .piclist li a img { width: 100%; } .piclist li a p { font-size: 14px; padding: 0 10px; } /*新闻——图片*/ .list_pic { margin: 20px 0 0px 0; width: 926px; clear: both; } .list_pic ul li { width: 31.3%; margin: 0 2% 2% 0; float: left; } .list_pic ul li a { border: 1px solid #ededed; padding: 4px; display: block; background: #fff; } .list_pic ul li a div { overflow: hidden; width: 100%; height: 100%; } .list_pic ul li a div img { width: 100%; height: 100%; max-height: 279px; min-height: 200px; display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .list_pic ul li:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); } .list_pic ul li a:hover div img { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); } .list_pic ul li a h2 { font-weight: normal; font-size: 14px; color: #555; text-align: center; height: 30px; line-height: 30px; margin-top: 8px; } .list_pic ul li a:hover h2 { color: #D98725; } /*新闻相关*/ .news_show h1 { text-align: center; font-size: 30px; font-weight: 400; margin: 0; padding: 0; } .news_show .info { background: #f3f3f3; margin: 15px 0; padding: 10px 15px; font-size: 14px; color: #666; text-align: center; } .news_show p { line-height: 200%; } .news_show .intro a { color: #f60; } .news_show .intro a:hover { color: #f60; } .news_show .intro img { max-width: 100%; height: auto; } .news_show .other { margin-top: 30px; text-align: center; } .news_show .other p { font-weight: bold; } .news_show .other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; } .news_show .other a span { font-size: 18px; margin-right: 10px; } .news_show .other a em { font-style: normal; font-size: 18px; } .news_show .other a:hover { background: #f60; border-color: #f60; color: #fff; } .news_show .other a:hover span { color: #fff; } .news_show .tags { font-weight: 500; } .news_show .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; } .news_show .tags a:hover { background: #f60; color: #fff; border-color: #f60; } .pn { padding: 10px 0; border-top: #CCC 1px solid; margin-top: 20px; position: relative; } .back { position: absolute; font-size: 18px; top: 30px; right: 10px; } .pn .pre { margin: 5px 0 5px 0; color: #999; } .pn .next { margin: 0 0 5px 0; color: #999; } /*招聘相关*/ .job_show { } .job_show p { line-height: 200%; } .job_show img { max-width: 100%; } .job_show h1 { text-align: left; font-size: 18px; font-weight: 400; margin: 0; padding: 0; color: #f60; } .job_show h2 { text-align: left; font-size: 16px; font-weight: 400; margin: 10px 0; padding: 0; color: #f60; } .job_show .info { margin: 15px 0; padding: 0px; font-size: 14px; } .job_show .info ul { overflow: hidden; } .job_show .info ul li { float: left; width: 46.5%; border-left: 1px solid #dadada; padding-left: 1.5%; line-height: 30px; } .job_show .info ul li span { color: #999; } .job_show .intro a { color: #f60; } .job_show .intro a:hover { color: #f60; } .job_show .other { margin-top: 30px; text-align: center; } .job_show .other p { font-weight: bold; } .job_show .other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; } .job_show .other a span { font-size: 18px; margin-right: 10px; } .job_show .other a em { font-style: normal; font-size: 18px; } .job_show .other a:hover { background: #f60; border-color: #f60; color: #fff; } .job_show .other a:hover span { color: #fff; } .job_show .tags { font-weight: 500; } .job_show .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; } .job_show .tags a:hover { background: #f60; color: #fff; border-color: #f60; } .job_show .action { text-align: center; } .job_show .action a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #f60; padding: 6px 20px; min-width: 100px; background: #f60; color: #fff; } .job_show .action a:hover { color: #fff; border-color: #f60; background: #f60; } #hits { font-style: normal; } /*商品相关*/ .pro_show { box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); border: 1px solid #f3f3f3; } .pro_show .left { float: left; width: 700px; text-align: center; border-right: 1px solid #f3f3f3; padding: 40px; } .pro_show .left .thumb_pic { margin: 40px 0 0 0; text-align: center; } .pro_show .left .thumb_pic ul { margin: 0 auto; } .pro_show .left .thumb_pic ul li { display: inline-block; margin-right: 5px; border: 1px solid #eaeaea; padding: 3px; cursor: pointer; position: relative; } .pro_show .left .thumb_pic ul li.hover { border: 1px solid #f90; background: #fff; } .pro_show .left .thumb_pic ul li.hover:after { content: " "; position: absolute; right: 27px; top: -6px; width: 11px; height: 11px; border: #f90 solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #f90; z-index: -1; } .pro_show .right { margin-left: 700px; padding: 40px; } .pro_show .right h1 { font-size: 24px; margin: 0; padding: 0; font-weight: 400; text-align: left; } .pro_show .right h5 { font-size: 14px; margin: 10px 0; padding: 0; color: #999; font-weight: normal; } .pro_show .right .attribute { } .pro_show .right .attribute li { font-size: 14px; line-height: 30px; } .pro_show .right .attribute li em { display: inline-block; font-style: normal; color: #555; font-size: 14px; } .pro_show .right .price { font-size: 14px; line-height: 30px; margin: 20px 0; } .pro_show .right .price span { font-size: 36px; color: #f60; } .pro_show .right .price em { font-size: 12px; color: #999; font-style: normal; padding-left: 5px; } .pro_show .right .tags { margin: 20px 0; } .pro_show .right .tags a { margin-left: 10px; display: inline-block; border-radius: 4px; border: 1px solid #dadada; background: #fff; padding: 2px 6px; font-weight: normal; font-size: 14px; } .pro_show .right .tags a:hover { background: #f60; color: #fff; border-color: #f60; } .pro_show .right .action { margin: 30px 0 50px 0; } .pro_intro { margin: 20px 0; } .pro_intro .left { width: 320px; margin-right: 20px; float: left; border: 1px solid #f3f3f3; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); } .pro_intro .plist { margin: 15px; width: 300px; } .pro_intro .plist ul { width: 304px; } .pro_intro .plist ul li { float: left; width: 137px; margin: 0 15px 15px 0; } .pro_intro .plist ul li a { border: 1px solid #ededed; padding: 4px; display: block; background: #fff; border-radius: 4px; } .pro_intro .plist ul li a div { overflow: hidden; width: 100%; height: 100%; } .pro_intro .plist ul li a div img { width: 100%; height: 100%; max-height: 127px; min-height: 127px; display: block; border: 0; } .pro_intro .plist ul li a p { text-align: center; font-size: 14px; color: #333; margin: 0; padding: 5px 0; } .pro_intro .plist ul li a:hover p { color: #f60; } .pro_intro .right { float: left; width: 850px; border: 1px solid #f3f3f3; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); } .pro_intro .tabs { width: 100%; background: #f7f7f7; } .pro_intro .tabs ul { width: 100%; background: #f7f7f7; } .pro_intro .tabs ul li { float: left; } .pro_intro .tabs ul li i { cursor: pointer; display: block; padding: 10px 30px; text-align: center; font-size: 14px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; background: #fff; color: #999; border-top: 2px solid #fff; font-style: normal; } .pro_intro .tabs ul li.on i { border-bottom: 1px solid #fff; background: #fff; font-weight: bold; color: #333; border-top: 2px solid #f60; } .pro_intro .intro { padding: 30px; } .pro_intro .intro img { max-width: 790px; } .pro_intro .intro .extend { } .pro_intro .intro .extend li { font-size: 14px; line-height: 30px; } .pro_intro .intro .extend li em { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; } /*自定义表单*/ .form-add input[type=number], .form-add input[type=search], .form-add input[type=text], .form-add input[type=password], .form-add input[type=datetime], .form-add input[type=datetime-local], .form-add input[type=date], .form-add input[type=month], .form-add input[type=time], .form-add input[type=week], .form-add input[type=email], .form-add input[type=url], .form-add input[type=tel], .form-add input[type=color], .form-add select, .form-add textarea, .am-form-field { width: auto; display: inline; border-color: #ddd; border-radius: 3px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; } .form-add .w420 { width: 480px; } .form-add input { border: 1px solid #ddd; width: 60px; padding: 5px 10px } .form-add em { color: #999; font-style: normal; } /*表单内容*/ .formshow { } .formshow .item { font-size: 14px; line-height: 30px; clear: both; } .formshow .item .lefter { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; float: left; } .formshow .item .righter { margin-left: 120px; line-height: 30px; } .formshow .item .righter .pic { max-width: 400px; margin: 10px 0; } .formshow .item .righter video { width: 450px; height: 300px; } /*分页相关*/ .pagelist ul { text-align: center; margin: 20px 0; } .pagelist li { display: inline-block; margin: 0 2px; } .pagelist li a { color: #666; display: inline-block; border: 1px solid #ddd; padding: 6px 15px; } .pagelist li a:hover { border-color: #0078D7; background: #0078D7; color: #fff; } .pagelist li.active a { border-color: #0078D7; background: #0078D7; color: #fff; } /*网站地图*/ .map_one { border-bottom: 1px solid #eee; line-height: 40px; } .map_one a { font-size: 20px; } .map_two { margin: 15px 0; } .map_two a { display: inline-block; margin-right: 15px; } /*右侧浮动相关*/ .plug_service { position: fixed; right: 1%; bottom: 10%; z-index: 999; } .plug_service li { margin-bottom: -1px; position: relative; } .plug_service li a { display: block; text-align: center; background: #fff; border: 1px solid #ececec; padding: 2px 8px 6px 8px; font-size: 12px; font-family: microsoft yahei; color: #505050; outline: none; } .plug_service li a span { display: block; font-size: 24px; color: #888; font-family: FontAwesome; } .plug_service li a:hover { background: #f60; color: #fff; border-color: #f60; } .plug_service li a:hover span { color: #fff; font-family: FontAwesome; } .plug_service .hover a { display: block; text-align: center; background: #f60; border: 1px solid #f60; padding: 2px 8px 6px 8px; font-size: 12px; font-family: microsoft yahei; color: #fff; outline: none; } .plug_service .hover a span { color: #fff; } .plug_service .hotline { position: absolute; display: none; background: #fff; padding: 10px 15px 0 15px; left: -200px; bottom: 0px; width: 210px; border: 1px solid #ddd; width: 180px; height: 68px; font-size: 12px; color: #999; line-height: 24px; border-radius: 4px; } .plug_service .hotline b { display: block; font-size: 16px; color: #333; } .plug_service .hotline:after { content: " "; position: absolute; right: -10px; top: 25px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; } .plug_service .weixin_pic { position: absolute; display: none; background: #fff; padding: 5px; left: -230px; bottom: -70px; width: 210px; border: 1px solid #ddd; border-radius: 4px; } .plug_service .weixin_pic p { text-align: center; margin: 0 0 10px 0; padding: 0; } .plug_service .weixin_pic p span { color: #f60; } .plug_service .weixin_pic:after { content: " "; position: absolute; right: -10px; top: 130px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; } .plug_service li:hover div { display: block; } .plug_service li:last-child { margin-top: 5px; } /*无缝滚动*/ .str_wrap { overflow: hidden; width: 100%; position: relative; white-space: nowrap; } .str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; } .str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0; } .str_vertical .str_move_clone { left: 0; top: 100%; } .str_down .str_move_clone { left: 0; bottom: 100%; } .str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100%; } .str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit; } .str_wrap img { max-width: none !important; } a:hover { color: #f60; } .yqlj { color: #fff; } .yqlj a { color: #fff; }