@import url("base.css"); body {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#505050;font-size:14px;overflow-x:hidden;} input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#444;} a:link,a:visited,a:active {color:#333;text-decoration:none;} a:hover {color:#007bc6;text-decoration:none;} a {outline:none; } .al:hover {text-decoration:underline;} .als a:hover {text-decoration:underline;} .a1:link,.a1:visited,.a1:active {color:#007bc6;text-decoration:none;} .a1:hover {color:#ff0000;text-decoration:none;} #main {} #header_blk {height:75px;background-color:#fff; position: fixed; left: 0px; top: 0px; z-index: 9; width: 100%;} .headbox{width:100%; height:75px; margin:0px auto; position:relative;} #logo { height: 75px; float: left; width: 20%; line-height: 75px; vertical-align: middle; text-align: center} #logo img{width: auto; max-width: 100%;line-height: 75px; vertical-align: middle; max-height: 75px;} #nav { width:60%;height:75px; float: left;padding:0px; list-style:none; margin-left: 3%; } #nav li {float:left;position:relative; width:11%;height:63px; margin-left: 0.25%; margin-right: 0.25%; display: inline; margin-top: 10px; text-align:center} #nav li > a {display:block;width:100%;height:50px;color:#333;line-height:25px; padding-top: 5px; font-size: 16px; text-align:center;border-top:2px solid #fff;} #nav li > a.nav_over {color:#007bc6;border-top:2px solid #007bc6;} #nav li:hover > a {color:#007bc6;border-top:2px solid #007bc6;} #nav li a font{font-size: 12px;} .tel{width: 15%; height: 75px; line-height: 75px; float: left; font-size: 18px; color: #0076be; background: url(../images/tel.png) left center no-repeat; text-indent: 35px;} .headkong{width: 100%; height: 75px;} #banner {position:relative;z-index:1;width:100%; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;overflow:hidden;} #banner_ul {position:absolute;top:0px;left:50%;z-index:1;margin-left:-960px;width:1920px;height:100%;overflow:hidden;} #banner_ul li {width:100%;height:100%;text-align:center;font-size:0px;} #banner_ul li img{width: 100%; display: block; height: 100%;} #banner_button {position:absolute;bottom:20px;left:0px;z-index:2;width:100%;hegiht:5px;font-size:0px;text-align:center;} #banner_button a {display:inline-block;margin:0px 5px;width: 8px; height: 8px; border: 4px solid #c9c1c3; background:none;border-radius: 7px; overflow:hidden;} #banner_button a.activeSlide {width:8px;height:8px;text-indent:100px;border: 4px solid #fff; background:#007bc6;} #banner_button a:hover {width:8px;height:8px;text-indent:100px;border: 4px solid #fff; background:#007bc6;} .wrap {margin:0px auto;width:1200px;} .neilm{width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e2e2e2; padding: 50px 0px;} .neilanmu{width: 1200px; height: auto; overflow: hidden; margin: 0px auto;text-align: center; } .neilanmu a{ padding: 0px 20px; font-size: 16px; display: inline-block;height: 44px; margin-left: 10px; margin-right: 10px; line-height: 44px; border-radius: 5px; background: #f3f3f3; color: #333;} .neilanmu a:hover,.neilanmu a.cur{ background: #007bc6; color: #fff;} .neilanmu2{width: 1300px; height: auto; overflow: hidden; margin: 0px auto;text-align: center; } .neilanmu2 a{ padding: 0px 20px; font-size: 16px; display: inline-block;height: 44px; margin-left: 10px; margin-right: 10px; line-height: 44px; border-radius: 5px; background: #f3f3f3; color: #333;} .neilanmu2 a:hover,.neilanmu2 a.cur{ background: #007bc6; color: #fff;} #content {margin:40px auto 0px auto;width:1200px; padding-bottom: 50px;} #contents {margin:20px auto 0px auto;padding-bottom:30px;width:1198px;border:1px solid #dedede;} #left {float:left;width:250px;} #right {float:right;width:930px;padding-bottom:25px;border:1px solid #dedede;overflow:hidden;} #footer_blk {background: url(../images/fbg.png) top center no-repeat;height: 300px;} #footer {position:relative;margin:0px auto;width:1200px;height:300px; position: relative;} .flianxi{width: 600px; height: 100px; position: absolute; top: 40px; left: 195px; z-index: 9;font-size: 14px; color: #888; line-height: 25px;overflow: hidden;} .ftel{width: 600px; height: 80px; position: absolute; top: 142px; left: 265px; z-index: 9;font-size: 14px; color: #fff; line-height: 80px; font-size: 30px;overflow: hidden; font-family: "Bookman Old Style"} #footer_tdc {position:absolute; width: 182px; height: 182px; border: 1px solid #e2e2e2; margin-left: -5px; margin-top: 40px;} #footer_tdc img{width: 182px; height: 182px;} #banquan {width: 1000px; height: 70px;line-height: 70px; position: absolute; left: 200px; color: #999; bottom: 0px; z-index: 9; font-size: 14px; } #banquan a{color: #999} .fico1{width: 32px; height: 32px; position: absolute;left: 20px; bottom: 20px;} .fico2{width: 32px; height: 32px; position: absolute;left: 72px; bottom: 20px;} .fico3{width: 32px; height: 32px; position: absolute;left: 124px; bottom: 20px;} /*===================================================================================*/ .ititle {position:relative;width:100%;height:48px;font-size:0px;text-align:center;overflow:hidden;} .ititle:after {position:absolute;top:23px;left:0px;z-index:1;display:block;width:100%;height:1px;content:"";background-color:#c1c1c1;} .ititle h2 {position:relative;z-index:2;display:inline-block;padding:0px 25px;height:48px;color:#000;font-size:30px;line-height:45px;background-color:#fff;} .ititle h2:before {position:absolute;top:0px;left:0px;display:block;width:20px;height:48px;content:"";background-image:url(../images/ititle_bg2.png);} .ititle h2:after {position:absolute;top:0px;right:0px;display:block;width:20px;height:48px;content:"";background-image:url(../images/ititle_bg2.png);background-position:right top;} .ititle .imore {position:absolute;top:12px;right:0px;z-index:2;} .ititle2 {position:relative;width:100%;height:60px;font-size:0px;border-bottom:1px solid #cfcfcf;overflow:hidden;} .ititle2 h2 {padding-top:18px;color:#000;font-size:24px;} .ititle2 h2 span {margin-left:12px;color:#999;font-family:Arial;font-size:18px;font-weight:normal;} .ititle2 .imore {position:absolute;bottom:12px;right:0px;z-index:2;} .iad {margin-top:30px;width:100%;min-width:1200px;overflow:hidden;} .iad p {position:relative;left:50%;margin-left:-960px;width:1920px;font-size:0px;text-align:center;} #iabout_box {position:relative;margin:0px auto;width:1200px;height:270px;overflow:hidden;} #iabout_blk {position:relative;width:700px;float: left; margin-top: 50px;} #iabout_image {position:absolute;top:0px;left:0px;width:238px; height: 157px; background: url(../images/aboutbg.png) no-repeat;} #iabout_image img{ width: 211px; height: 130px; float: left; margin-left: 9px; margin-top: 9px;} #iabout_title {position:absolute;top:0px;left:260px;display:block;width:420px;height:30px; line-height: 30px; font-size: 18px; color: #333333;font-weight: bolder;} #iabout_content {position:absolute;top:35px;left:260px;width:420px;height:88px;line-height:22px;overflow:hidden;font-size: 14px; color: #666666;} #iabout_more {position:absolute;top:125px;left:260px;display:block;width:110px;height:30px; line-height: 30px; text-indent: 10px; font-size: 12px; color: #fff;background:url(../images/more.png) no-repeat left top; } .inews_com { width: 420px; height: 200px; float: right; margin-top: 50px;} .inews_title {position:relative; width: 420px; height: 30px; float: left;line-height: 20px; font-size: 18px; color: #333;font-weight: bolder;overflow:hidden;} .inews_title .imore {position:absolute;top:2px;right:0px; display: block; width:54px; height: 15px; } .inewli{width: 420px;height: 62px; border-bottom: 1px dashed#bfbfbf; float: left; margin-top: 12px;} .inewdate{width: 60px; height: 45px; border-right: 1px solid #bfbfbf; float: left;} .idatetop{width: 50px; height: 30px; font-size: 36px; line-height: 30px; float: left; text-align: center;font-weight: bold;} .idatebtm{width: 50px; height: 15px; font-size: 12px; line-height: 15px; float: left; text-align: center;} .inewtitle{width: 320px;height: 40px; float: left; margin-left: 30px; display: inline; line-height: 20px; font-size: 14px; overflow: hidden;} .inewli:hover .inewdate{border-right: 1px solid #e2000c; color: #e2000c} .inewli:hover .inewtitle{color: #e2000c } .nodata {padding:150px 0px;color:#bbb;font-size:20px;text-align:center;} .input_text {padding:0px 8px;width:260px;height:32px;line-height:32px\9;border:1px solid #ddd;} .input_area {padding:6px 8px;height:176px;line-height:1.6;border:1px solid #ddd;overflow-y:auto;} .input_select {padding:0px 0px 0px 8px;height:32px;border:1px solid #ddd;} .input_radio {position:relative;top:1px;} .input_checkbox {position:relative;top:1px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .input_radio {position:relative;top:3px;width:15px;height:15px;} .input_checkbox {position:relative;top:3px;width:15px;height:15px;} } .button {width:150px;height:40px;color:#fff;font-size:16px;border:none;background-color:#333;cursor:pointer;} .button:hover {background-color:#ff0000;} .editorc_box {margin:0px auto;padding-top:0px;width:1200px;overflow:hidden; padding-bottom: 50px;} .editorc {line-height:200%; font-size: 14px;} .editorc img{width: auto; max-width: 100%;} .editorc_tbe table {margin-bottom:15px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;} .editorc_tbe td {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .editorc_tbe td table {margin-bottom:0px;} .editorc_tbe td p {margin:0px;padding:0px;} .editorc_tbe table.no-border {border:none;} .editorc_tbe table.no-border table {border:none;} .editorc_tbe table.no-border td {border:none;padding:0px;} #prevnext {position:relative;margin:40px auto 0px auto;padding:12px 70px 0px 0px;height:48px;color:#999;font-size:12px;border-top:1px solid #e5e5e5;overflow:hidden;} #prevnext p {padding-left:20px;height:24px;} #prevnext a {} #prevnext_back {position:absolute;top:12px;right:20px;} /*===================================================================================*/ /* 企业图片列表 */ #about_image1 {} #about_image1 a {float:left;display:block;margin:22px 26px 0px 0px;width:280px;font-size:0px;text-align:center;} #about_image1 a img {padding:4px;width:270px;height:203px;transition:none;border:1px solid #ddd;} #about_image1 a img:hover {padding:3px;border:2px solid #007bc6;} #about_image1 a p {padding-top:8px;font-size:14px;line-height:1.4;} #about_image2 {} #about_image2 a {float:left;display:block;margin:20px 26px 0px 0px;width:280px;font-size:0px;text-align:center;} #about_image2 a img {padding:4px;width:270px;height:360px;transition:none;border:1px solid #ddd;} #about_image2 a img:hover {padding:3px;border:2px solid #007bc6;} #about_image2 a p {padding-top:8px;font-size:14px;line-height:1.4;} /*===================================================================================*/ /* 产品列表 */ #products {} #products a {float:left;display:block;margin:25px 22px 0px 0px;width:280px; text-align:center;} #products a img {width:278px;height:208px; border: 1px solid #e2e2e2;} #products a h2 {padding:0px 15px;height:45px;font-size:15px;font-weight:normal;line-height:45px; overflow: hidden;text-align:center;} #products_image_blk {float:left;margin:20px 0px 0px 20px;width:450px;font-size:0px;} #products_image {padding:3px;width:442px;border:1px solid #ddd;} #products_image img {width:442px;height:295px;} #products_thumb_blk {position:relative;margin-top:8px;width:450px;height:54px;overflow:hidden;} #products_thumb {position:absolute;top:2px;left:29px;width:392px;height:54px;overflow:hidden;} #products_thumb div {float:left;} #products_thumb a {float:left;display:block;margin-right:8px;width:72px;height:49px;font-size:0px;} #products_thumb a:last-child {margin-right:0;} #products_thumb a img {padding:1px;width:68px;height:45px;border:1px solid #ddd;} #products_thumb a img.products_thumb_cur {border-color:#fb3204;background-color:#fb3204;} .products_thumb_button {position:absolute;top:1px;display:block;width:18px;height:54px;cursor:pointer;} #products_thumb_left {left:0px;background:url(../images/products_thumb_arrow.jpg) no-repeat;} #products_thumb_right {right:0px;background:url(../images/products_thumb_arrow.jpg) no-repeat right top;} #products_desc_blk {float:right;margin:20px 20px 0px 0px;width:420px;} #products_name {padding:5px 0px 10px 0px;color:#333;font-size:22px;font-weight:normal;border-bottom:1px dashed #c9c9c9;} #products_video {margin-top:15px;width:420px;height:315px;background-color:#000;overflow:hidden;} #products_desc {padding:10px 20px 0px 20px;line-height:1.8;} #products_desc strong {display:block;} #products_tel {position:relative;margin-top:15px;height:45px;line-height:45px;} #products_tel strong {position:relative;top:2px;font-family:Arial;font-size:22px;color:#fb3204;} #products_tel a {position:absolute;top:0px;right:0px;display:block;width:180px;height:45px;color:#fff;font-size:22px;line-height:43px;text-align:center;background-color:#196484;} #products_tel a:hover {background-color:#6bca14;} .products_titles {padding:40px 0px 12px 20px;color:#fb3204;font-size:16px;border-bottom:1px solid #e5e5e5;} .products_related {padding-left:20px;} .products_related a {float:left;display:block;margin:13px 12px 0px 0px;width:168px;font-size:0px;text-align:center;} .products_related a img {padding:3px;width:158px;height:105px;transition:none;border:1px solid #ddd;} .products_related a img:hover {border-color:#2087ed;background-color:#2087ed;} .products_related a h2 {padding-top:6px;font-size:12px;font-weight:normal;line-height:1.4;} .products_related a:last-child {margin-right:0;} #products_liyou {margin:20px auto 0px auto;width:890px;} #products_liyou li {} #products_liyou li span {display:block;clear:both;height:35px;} #products_liyou li h3 {padding-top:110px;color:#333;font-size:22px;} #products_liyou li p {margin-top:10px;color:#888;line-height:1.8;} .products_liyou1 img {float:left;width:530px;} .products_liyou1 div {float:right;width:340px;} .products_liyou2 img {float:right;width:530px;} .products_liyou2 div {float:left;width:340px;} .products_liyou_num1 {background:url(../images/ly1.jpg) no-repeat;} .products_liyou_num2 {background:url(../images/ly2.jpg) no-repeat;} .products_liyou_num3 {background:url(../images/ly3.jpg) no-repeat;} .products_liyou_num4 {background:url(../images/ly4.jpg) no-repeat;} .products_liyou_num5 {background:url(../images/ly5.jpg) no-repeat;} #products_contact {width:980px;} #products_contact li {float:left;margin-right:40px;height:73px;color:#333;font-size:18px;line-height:73px;border-bottom:1px solid #ddd;overflow:hidden;} #products_contact_tel {padding-left:83px;width:367px;background:url(../images/products_contact_tel.png) no-repeat 20px center;} #products_contact_phone {padding-left:63px;width:387px;background:url(../images/products_contact_phone.png) no-repeat 9px center;} #products_contact_fax {padding-left:83px;width:367px;background:url(../images/products_contact_fax.png) no-repeat 25px center;} #products_contact_name {padding-left:63px;width:387px;background:url(../images/products_contact_name.png) no-repeat 2px center;} #products_contact_qq {padding-left:83px;width:367px;background:url(../images/products_contact_qq.png) no-repeat 23px center;} #products_contact_email {padding-left:63px;width:387px;background:url(../images/products_contact_email.png) no-repeat 3px center;} #products_contact_address {padding-left:83px;width:857px;background:url(../images/products_contact_address.png) no-repeat 23px center;} #products_znjj {} #products_znjj li {float:left;position:relative;margin:20px 0px 0px 20px;width:280px;height:310px;border:2px solid #c1c1c1;background-color:#fff;} #products_znjj li:hover {border-color:#103953;} #products_znjj li img {width:280px;height:150px;} #products_znjj li h2 {position:relative;padding:12px 15px 0px 15px;height:40px;color:#333;font-size:18px;text-align:center;} #products_znjj li h2:after {position:absolute;bottom:0px;left:50%;margin-left:-18px;width:36px;height:1px;content:"";background-color:#333;} #products_znjj li p {margin:12px auto 0px auto;width:250px;height:63px;line-height:21px;overflow:hidden;} /*===================================================================================*/ /* 案例列表 */ #cases {} #cases a {float:left;display:block;margin:22px 0px 0px 22px;padding:1px;width:278px;font-size:0px;text-align:center;background-color:#e5e5e5;} #cases a img {width:278px;height:185px;} #cases a h2 {padding:0px 15px;height:45px;font-size:14px;font-weight:normal;line-height:45px;text-align:center;} #cases a:hover {color:#fff;background-color:#196484;} #cases_name {padding:25px 0px 20px 0px;color:#333;font-size:22px;font-weight:normal;text-align:center;} #cases_image {font-size:0px;text-align:center;} #cases_image img {padding:5px;max-width:878px;border:1px solid #e5e5e5;} #tender a {float:left;display:block;margin:22px 0px 0px 22px;width:280px;font-size:0px;text-align:center;} #tender a img {padding:4px;width:270px;height:360px;border:1px solid #ddd;} #tender a h2 {padding-top:6px;font-size:14px;font-weight:normal;line-height:1.6;} #tender a img:hover {padding:3px;border:2px solid #007bc6;} /*===================================================================================*/ /* 新闻列表 */ #news {margin:0px auto;padding-top:1px;width:888px;} #news li {position:relative;margin-top:15px;padding:1px 0px 0px 20px;height:30px;background:url(../images/news_line.png) no-repeat left bottom;} #news span {position:absolute;top:3px;right:0px;color:#999;font-size:12px;} #news span a {margin-right:50px;} #news_title {padding:5px 0px 25px 0px;color:#333;font-size:24px;line-height:1.4;text-align:center;font-weight:normal;} #news_info {padding-bottom:15px;color:#999;font-size:12px;text-align:center;border-bottom:1px dashed #ccc; margin-bottom: 20px;} #news_info span {padding:0px 20px;} #news_info strong {font-weight:normal;} #news_related {margin-top:5px;} #news_related li {float:left;position:relative;margin-left:20px;padding:0px 90px 0px 13px;width:332px;height:35px;line-height:35px;border-bottom:1px dashed #d8d8d8;background:url(../images/icon2.jpg) no-repeat 2px 14px;overflow:hidden;} #news_related li h2 {font-size:14px;font-weight:normal;} #news_related li span {position:absolute;top:1px;right:0px;color:#999;font-size:12px;} #article {margin:0px auto;width:1200px;} #article li {position:relative;margin-top:20px;padding-left:200px;height:155px;border-bottom:1px dashed #ccc;overflow:hidden;} #article li .img { display: block;position:absolute;top:0px;left:0px;width:180px;height:135px; text-align: center; line-height: 135px; vertical-align: middle;} #article li .img img{ width: auto;max-width: 180px; max-height: 135px; line-height: 135px; vertical-align: middle;} #article li h2 {padding:2px 0px 3px 0px;font-size:18px;font-weight:normal;} #article li span {color:#888;font-size:12px;} #article li p {margin-top:10px;height:75px;color:#888;font-size:12px;line-height:25px;overflow:hidden;} .article_list_nopic {position:absolute;top:0px;left:0px;display:block;width:180px;height:135px;background:url(../images/nopic.png) no-repeat center center #f0f0f0;} .nprotop{width: 1200px; height: auto; overflow:hidden; margin: 0px auto; margin-top: 50px; margin-bottom: 30px;} .nprotopleft{width: 580px; height: auto; overflow:hidden; float: left;} .nprotopleft img{ width: 578px; border: 1px solid #e2e2e2;} .neilxban{display: none} .nprotopright{width: 600px; height: auto;overflow: hidden; float: right;} .nptit{width: 600px;height:auto; overflow: hidden;line-height: 35px; font-size: 30px; color: #434343; float: left;} .npinfo{width: 600px; height: auto;overflow: hidden; font-size: 14px; color: #424242; line-height: 200%; float: left; margin-top: 25px; margin-bottom: 30px;} .npinfo p{font-family: "微软雅黑"} .npfenxiang{width: 300px; height: 30px; float: left; margin-left: 40px; display: inline; margin-top: 10px; position: relative;} .npsend{width: 600px; height: 60px; float: left; margin-top: 60px;} .npxiazai{width: 180px; display: block;height: 47px; float: left; background:url(../images/download.png) left 15px center no-repeat #326cd5; text-indent: 30px; line-height: 47px;text-align: center;font-size: 18px;color: #fff;} .nprobtmtit{width: 1200px; height: 55px; margin: 40px auto; background: url(../images/detail.jpg) center center no-repeat;} .nprobtm{width: 1200px; height: auto; overflow:hidden; margin: 0px auto;font-size: 14px; color: #000; line-height: 200%; padding-bottom: 100px;} /*===================================================================================*/ #win_ts_box {position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:-70px 0px 0px -200px;width:400px;height:140px;color:#fff;font-size:24px;text-align:center;line-height:140px;border-radius:8px;background:url(../images/tbs/black70.png);overflow:hidden;} #win_ts {} #win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;} #win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);} /*===================================================================================*/ /* 浮动在线客服 */ #qq_online {position:absolute;z-index:99;width:130px;font-family:"宋体";font-size:12px;} #qq_online_top {position:relative;padding-left:10px;height:26px;line-height:26px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#fff;background:url(../images/qq_style/style0_top.gif) no-repeat;} #qq_online_top img {position:absolute;top:8px;right:10px;cursor:pointer;} #qq_online_list {background:url(../images/qq_style/style0_bgs.gif) repeat-y;} #qq_online_list a {color:#222;} #qq_online_list a:hover {color:#ff0000;} #qq_online_list p {position:relative;margin:0px 3px;padding-left:31px;width:93px;height:25px;line-height:26px;border-top:1px solid #fff;border-bottom:1px solid #fff;background:#fff;overflow:hidden;} #qq_online_list p:hover {border-top:1px solid #A3E7FC;border-bottom:1px solid #A3E7FC;background:#E1F7FD;} #qq_online_list p img {position:absolute;top:2px;left:5px;width:21px;height:21px;} #qq_online_bottom {height:42px;font-size:0px;background:url(../images/qq_style/style0_bottom.gif) no-repeat;} #qq_onlines_top {position:relative;height:32px;line-height:32px;text-align:center;color:#fff;font-weight:bold;} #qq_onlines_top p {position:absolute;top:40px;width:35px;height:173px;overflow:hidden;cursor:pointer;} .qq_onlines_small_left strong {left:8px;} .qq_onlines_small_right strong {left:13px;} #qq_onlines_top p strong {position:absolute;top:40px;display:block;width:16px;text-align:center;line-height:20px;} #qq_onlines_box {border:1px solid #e3e3e3;border-top:none;background:#fff;} #qq_onlines_tel {padding-top:15px;text-align:center;font-size:14px;color:#505050;background:url(../images/qq_style/tel.jpg) no-repeat 15px 12px;} #qq_onlines_tel strong {display:block;padding:12px 0px 8px 0px;font-family:Arial, Helvetica, sans-serif;font-size:16px;border-bottom:1px dashed #ccc;} #qq_onlines_list {padding-top:10px;} #qq_onlines_list a {position:relative;display:block;margin:0px auto 8px auto;padding-left:35px;width:72px;height:25px;line-height:26px;color:#222;border:1px solid #aaccd8;background:url(../images/qq_style/list_bg.jpg) repeat-x;overflow:hidden;} #qq_onlines_list a:hover {color:#ff0000;} #qq_onlines_list a img {position:absolute;top:2px;left:7px;width:21px;height:21px;} #qq_onlines_tdc {padding:8px 0px;font-size:0px;text-align:center;border-top:1px dashed #ccc;} #qq_onlines_tdc img {width:110px;height:110px;} .qq_onlines_1 p#qq_onlines_tel strong {color:#e10000;} .qq_onlines_1 div#qq_onlines_top {border-bottom:8px solid #ff7200; background:#e10000;} .qq_onlines_1 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style1_small_left.png) no-repeat;} .qq_onlines_1 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style1_small_right.png) no-repeat;} .qq_onlines_2 p#qq_onlines_tel strong {color:#555;} .qq_onlines_2 div#qq_onlines_top {border-bottom:8px solid #5d5d5d; background:#343434;} .qq_onlines_2 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style2_small_left.png) no-repeat;} .qq_onlines_2 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style2_small_right.png) no-repeat;} .qq_onlines_3 p#qq_onlines_tel strong {color:#df5f00;} .qq_onlines_3 div#qq_onlines_top {border-bottom:8px solid #ddc9ba; background:#df9800;} .qq_onlines_3 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style3_small_left.png) no-repeat;} .qq_onlines_3 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style3_small_right.png) no-repeat;} .qq_onlines_4 p#qq_onlines_tel strong {color:#89a611;} .qq_onlines_4 div#qq_onlines_top {border-bottom:8px solid #464a4b; background:#adce25;} .qq_onlines_4 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style4_small_left.png) no-repeat;} .qq_onlines_4 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style4_small_right.png) no-repeat;} .qq_onlines_5 p#qq_onlines_tel strong {color:#df5f00;} .qq_onlines_5 div#qq_onlines_top {border-bottom:8px solid #ff9241; background:#ff6d00;} .qq_onlines_5 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style5_small_left.png) no-repeat;} .qq_onlines_5 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style5_small_right.png) no-repeat;} .qq_onlines_6 p#qq_onlines_tel strong {color:#006083;} .qq_onlines_6 div#qq_onlines_top {border-bottom:8px solid #6b718d; background:#006083;} .qq_onlines_6 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style6_small_left.png) no-repeat;} .qq_onlines_6 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style6_small_right.png) no-repeat;} .qq_onlines_7 p#qq_onlines_tel strong {color:#00a0a8;} .qq_onlines_7 div#qq_onlines_top {border-bottom:8px solid #6b718d; background:#00a0a8;} .qq_onlines_7 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style7_small_left.png) no-repeat;} .qq_onlines_7 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style7_small_right.png) no-repeat;} .qq_onlines_8 p#qq_onlines_tel strong {color:#c9004c;} .qq_onlines_8 div#qq_onlines_top {border-bottom:8px solid #ebba28; background:#c9004c;} .qq_onlines_8 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style8_small_left.png) no-repeat;} .qq_onlines_8 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style8_small_right.png) no-repeat;} /*===================================================================================*/ #products_page {margin-top:40px;width:100%;} #news_page {margin-top:40px;width:100%;} .fypage {height:28px;font-size:0px;text-align:center;overflow:hidden;} .fypage a {display:inline-block;margin:0px 4px;padding:0px 8px;height:26px;line-height:26px;font-size:14px;text-align:center;text-decoration:none;vertical-align:top;overflow:hidden;} .fypage a:link,.fypage a:visited,.fypage a:active {color:#888;border:1px solid #e5e5e5;background-color:#f5f5f5;} .fypage a:hover {color:#fff;border:1px solid #007bc6;background-color:#007bc6;} .fypage span {display:inline-block;margin:0px 4px;padding:0px 8px;height:26px;line-height:26px;font-size:14px;text-align:center;vertical-align:top;overflow:hidden;} .fypage span.fypage_current {color:#fff;border:1px solid #007bc6;background-color:#007bc6;} .fypage span.fypage_disabled {color:#888;border:1px solid #e5e5e5;background-color:#f5f5f5;} .fypage_sl {display:inline-block;padding:0px 6px;height:28px;color:#999;line-height:28px;vertical-align:top;} .fypage_go {display:inline-block;position:relative;margin-left:4px;width:104px;height:28px;vertical-align:top;overflow:hidden;} #fypage_gov {position:absolute;top:0px;left:0px;padding:0px 6px;width:36px;height:26px;line-height:26px\9;color:#333;font-size:12px;text-align:center;border:1px solid #e5e5e5;background:#fff;} #fypage_gobtn {position:absolute;top:0px;right:0px;padding:0px;width:40px;height:26px;color:#555;line-height:26px;border:1px solid #dadada;background-color:#f5f5f5;cursor:pointer;} #fypage_gobtn:hover {color:#fff;border:1px solid #1aae32;background-color:#1aae32;} .sytitle{width: 100%; height: 108px; margin: 0px auto;text-align: center; background: url(../images/heng.jpg) bottom center no-repeat; font-size: 33px; padding-top: 80px; color: #cdcdcd} .sytitle font{color: #333333;font-size: 30px;} .syabout{width:100%; height:auto; overflow:hidden; background:#fff; } .aboutbox{width:1200px; height:400px;margin:0px auto; padding-top:40px; position:relative } .aboutbox .bd{width:510px; height:310px; float:right; position:relative; background: url(../images/abbg.png) top right no-repeat;} .aboutbox .bd li{ position:relative; width:490px; height:290px; margin-top: 20px;} .aboutbox .bd li img{ width:100%; height:100%; transition:all 1s; display:block; -webkit-transition:all 1s;} .aboutbox .abouttxt{ float:left; width:600px; height:340px; overflow:hidden;} .abtitle{ width:600px; height:100px; line-height:100px; float:left; font-weight:bold; font-size:30px; color:#333; } .abdesc{ width:600px; height:150px; float:left; font-size:14px; color:#999999; line-height:30px; overflow:hidden; margin-top:20px; } .abmore{ width:132px; height:39px; line-height:39px; float:left; } .abmore img{width: auto; max-width: 100%} .aboutbox .btns{ position:absolute; right:455px; top:295px; width:110px; height:55px;} .aboutbox .btns .prev,.aboutbox .btns .next{ width:55px; height:55px; background:url(../images/btn2.png) no-repeat;} .aboutbox .btns .prev{ float:left;} .aboutbox .btns .next{ float:right; background-position:top right;} .anlibox{ width:100%; height:auto; overflow: hidden; padding-bottom: 100px; background: #fff} .zhizhao{ width:1310px; height:auto; overflow: hidden; overflow:hidden; position:relative; margin:0px auto; margin-top: 40px;} .zhizhaotit{ width:1200px; height:180px; margin:0px auto; text-align:center; font-size:14px; color:#999; line-height:240px;} .zhizhao .bd{ width:1200px; margin:0 auto; height: auto;overflow: hidden} .zhizhao .bd ul {width: 1200px;height: 450px; float: left; margin: 0px; padding: 0px;} .zhizhao .bd ul li{ float:left; width:378px; height:400px; margin-right:30px;border: 1px solid #e2e2e2;} .zhizhao .bd ul li:hover{-moz-box-shadow:1px 6px 20px #f2f2f2; -webkit-box-shadow:1px 6px 20px #f2f2f2; box-shadow:1px 6px 20px #f2f2f2;} .zhizhao .bd ul li .pic{ float: left;width:378px; height:240px; overflow:hidden; position:relative;} .zhizhao .bd ul li .pic img{width:378px; height:240px;} .picjia{ width:378px; height:240px; background:url(../images/jiabg.png) center center no-repeat; position:absolute; left:0px; top:0px; z-index:9; } .zhizhao .bd ul li .btit{ float:left; width:378px; height:60px; background: url(../images/heng.jpg) bottom center no-repeat;font-size: 18px;font-weight: bold;color:#333333; text-align: center;font-weight:normal; line-height:60px; overflow:hidden; margin-bottom: 10px;} .zhizhao .bd ul li .note{ float: left; width: 350px; height: 50px; line-height: 25px; padding:10px 15px;overflow:hidden; color:#999; font-size:14px;} .zhizhao .prev,.zhizhao .next{ width:50px; height:98px; position:absolute; top:140px;} .zhizhao .prev{ left:0px; background: url(../images/left.png) left center no-repeat} .zhizhao .next{ right:0px;background: url(../images/right.png) right center no-repeat} .comm-group{width: 1200px;height: auto;overflow:hidden; margin: 0px auto; margin-top: 40px;} .comm-group ul { margin-left:-33px; } .comm-group .item { float:left; width:376px; height: 313px; border-bottom: 1px solid #cbcbcb; background: #fff; overflow:hidden; margin-left:33px; margin-bottom: 40px; position: relative; } .comm-group .item a { position:relative; display:block; width:100%; height:100%; overflow:hidden; } .comm-group .item a:hover { text-decoration:none; } .comm-group .item .img-wrap img{ width: 376px;height: 248px;} .text-wrap { padding:5px 0px 0px 17px; } .text-wrapmore{width: 40px; height: 33px; position:absolute;right: 15px;bottom: 15px; z-index: 9; background: url(../images/jian.png) no-repeat;} .comm-group .item:hover{border-bottom: 1px solid #007bc6; -moz-box-shadow:0px 3px 20px #888; -webkit-box-shadow:0px 3px 20px #888; box-shadow:0px 3px 20px #888;} .comm-group .item:hover .text-wrapmore{background: url(../images/jian2.png) no-repeat;} .chuzu{width: 1200px;height: 60px; text-align: center; padding-top: 40px;} .chuzu a{display: inline-block; width: 213px; height: 54px; background: url(../images/bg.png) no-repeat;text-align: center; line-height: 54px;font-size: 18px; color: #fff; margin-left: 15px; margin-right: 15px;} .text-wrap .name { width: 270px;float: left;height: 25px; overflow: hidden; font-size:16px; color:#1b1b1b; line-height:25px; } .text-wrap .meta { width: 270px;float: left;height: 20px; overflow: hidden; font-size:12px; color:#999999; line-height:20px; } .comm-group .item:hover .text-wrap .name ,.comm-group .item:hover .text-wrap .meta { color: #007bc6;} .comm-group .item .img-wrap .photo-small { position:absolute; right:20px; bottom:-23px; } .toetit_type{width: 1200px; height: 38px; line-height: 38px; margin: 30px auto;padding: 0px;} .toetit_type ul{ width: 1200px;height: 38px; float: left; list-style: none; margin: 0px; padding: 0px;} .toetit_type ul li{height:38px;line-height:38px;width:124px;text-align: center;float: left;margin-left: 10.5px; display:inline; margin-right: 0px;} .toetit_type ul li:first-child{margin-left: 0px;} .toetit_type ul li a{height:36px;line-height:36px;width:122px;text-align: center;float: left;background: #fff; border: 1px solid #e2e2e2;color:#666;font-size:14px;} .toetit_type ul li:hover a{background:#007bc6;color:#fff;} .toetit_hover{background:#007bc6 !important;color:#fff !important;} .index_about_con { width: 1200px; height: auto; overflow: hidden; float: left; } .toetit_type2{width: 1200px; height: 38px; line-height: 38px; margin: 40px auto;padding: 0px;} .toetit_type2 ul{ width: 1200px;height: 38px; float: left; list-style: none; margin: 0px; padding: 0px; text-align: center;} .toetit_type2 ul li{height:38px;line-height:38px;width:124px;text-align: center;margin-left: 15px; display:inline-block; margin-right: 15px;} .toetit_type2 ul li a{height:36px;line-height:36px;width:122px;text-align: center;float: left;background: #fff; border: 1px solid #e2e2e2;color:#666;font-size:14px;} .toetit_type2 ul li:hover a{background:#007bc6;color:#fff;} .index_about_con2 { width: 1200px; height: auto; overflow: hidden; float: left; } .synewleft{width: 600px;height: 350px;float: left;} .synewlimg{width: 600px;height: 217px;float: left;} .synewlimg img{width: 600px;height: 217px;} .synewtit{width: 600px;height: 70px;float: left;line-height: 70px;font-size: 17px;color: #555; overflow: hidden; background: url(../images/jiantou.png) right center no-repeat} .synewinfo{width: 600px;height: 60px;float: left;line-height: 25px;font-size: 14px;color: #999; overflow: hidden;} .synewdate{width: 60px; height: 60px; float: left; line-height: 33px;font-size: 33px; color: #444; text-align: center; padding-right: 10px; background: url(../images/shu.png) right center no-repeat} .synewdate font{font-size: 12px; line-height: 20px;clear: both;display: block; width: 60px; float: left;} .synewinfor{width: 510px;height: 50px;float: left; margin-left: 20px; display: inline;line-height: 25px;font-size: 14px;color: #999; overflow: hidden;} .synewright{width: 520px; height: 350px; float: right;} .synewli{ width: 520px; height: 90px; float: left; border-bottom: 1px solid #dddddd; padding-top: 20px;} .synewdate2{width: 60px; height: 60px; float: left; line-height: 35px;font-size: 33px; color: #444; text-align: center; padding-right: 10px; background: url(../images/shu.png) right center no-repeat} .synewtit2{width: 420px;height: 30px;float: left;line-height: 30px;font-size: 17px;color: #555; overflow: hidden; } .synewinfo2{width: 420px;height: 60px;float: left; margin-left: 20px; display: inline;line-height: 25px;font-size: 14px;color: #999; overflow: hidden;} .synewdate2 font{font-size: 12px; line-height: 20px;clear: both;display: block; width: 60px; float: left;} .synewinfor2{width: 420px;height: 30px;float: left; line-height: 30px;font-size: 14px;color: #999; overflow: hidden;}