body { font-family: 微软雅黑,"Open Sans", sans-serif;min-width:1200px; font-size:14px;} input, select, textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em; } .wrap { width: 1201px; margin: 0 auto; position: relative; } img,a{ border:0;} ul,li{ list-style:none;} *{ margin:0; padding:0;} .flt{ float:left;} .frt{ float:right;} .clear{ clear:both;} .clear:after,.clear:before{content:'';clear:both; display:table;} *{ transition:all 0.5s;} .icon{ display:inline-block; background:url(../img/icon.png);} .icon.icon_online{ background-position:0 -33px ;} .icon.icon_sina{ background-position:0 -0px ;} .icon.icon_email{ background-position:-42px 0;} .icon.icon_weixin{ background-position:-86px 0 ; position:relative;} .icon.icon_weixin img{ display:none; width:200px; position:absolute; right:0; top:30px; z-index:111;} .icon.icon_weixin:hover img{ display: block;} .icon.icon_qq{ background-position:-86px 0 ;} .icon.icon_weixin2 img{ display:none; width:200px; position:absolute; right:0; top:-205px; z-index:111;} .icon.icon_weixin2:hover img{ display: block;} /*----------header----------*/ #header_top {line-height:50px;background-color:#f1f2f4;} #header_top .wrap {height:49px; line-height:49px; border-bottom:1px solid #e8e8e8;background:#f1f2f4;} #header_top span {font-size:12px;color:#999} #header_top .share {margin-right:20px;} #header_top .online {background:#f29015;color:#fff; display:inline-block; line-height:26px;width:105px; text-align:center;} #header_top .online span {color:#fff;margin:0; display:inline-block;padding-left:30px;} .share a {display:inline-block; width:27px; height:27px; margin-left:10px;vertical-align:middle} #header .wrap {position:relative;height:150px;} #header .logo {position:absolute;top:20px;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;height:60px;font-size:0px;} #header .logo img {max-height:100%;} #header .tel {position:absolute;top:28px;right:0px;padding-left:60px;min-height:44px;font-size:14px;background:url(../images/icon1.png) no-repeat;} #header .tel p {padding:3px 0 5px 0;} #header .tel h2 {color:#01bc9f;font-size:22px;} #header .nav {position:absolute;bottom:16px;left:0;width:100%;font-size:0;} #header .nav > li {display:inline-block;width:20%;line-height:33px;font-size:16px;vertical-align:top;box-sizing:border-box;border-right:1px solid #fff;} #header .nav > li:hover > a {background:#f29015} #header .nav .on {background:#f29015;} #header .nav > li .drop {position:absolute;top:100%;right:0;padding-top:20px;display:none;} #header .nav > li:nth-child(2) .drop {left:0;padding-left:20%;} #header .nav > li:hover .drop{ display: block;} #header .nav > li a {position:relative; display:block; min-width:104px;padding:0 10px; line-height:33px; background:#01bc9f;text-align:center; color:#fff;} #header .nav > li a i{ display:none;position:absolute; top:37px; left:50%; margin-left:-11px;width:22px; height:14px; background:url(../img/icon2.png) no-repeat center center} #header .nav > li:hover a i {display: block;} #header .nav > li .drop ul {white-space:nowrap;min-width:450px;} #header .nav > li .drop li {margin-top:0;float:none;display:inline-block;} #header .nav > li .drop li a {background:none;color:#888888;} #header .nav > li .drop li a:hover {color:#f29015;} #navmenubg {height:45px;min-width:1200px;background:url(../images/nav_bg1.jpg);} /*----------mainer----------*/ .mainer { } .banner{ height:510px; overflow:hidden;} .banner a{display:block;height:509px; } .banner .owl-theme .owl-dots .owl-dot span{ width:57px; height:6px; background:#149996; border-radius:0;margin:15px 5px; margin-top:0} .banner .owl-theme .owl-dots .owl-dot.active span,.banner .owl-theme .owl-dots .owl-dot:hover span{ background:#f29015} .banner_n{display:block;height:300px;} .banner_n .item{height:300px;} .main_tit{ padding:50px 0;} .main_tit h3{ display:inline-block; height:43px; border-left:3px solid #f29015;padding-left:20px; font-weight:normal;} .main_tit h3 span{ font-size:14px; font-family:Arial; text-transform:uppercase;color:#c1c1c1;display:block;margin-bottom:5px;} .main_tit h3 label{ font-size:24px; color:#01bc9f;} .main_menu ul li{ float:left;line-height:40px;margin-left:20px;margin-top:4px;} .main_menu ul li a{ display:block;line-height:32px; padding:0 20px; border-radius:30px; border:1px solid #e7e7e7; color:#999} .main_menu ul li.li_more{ margin-top:0} .main_menu ul li.li_more a{ border:none; padding:0;line-height:40px; height:40px;} .main_menu ul li a:hover{ background:#f29015; box-shadow:5px 5px 10px rgba(242,168,73,0.66);border-color:#f29015;color:#fff;} .main_menu ul li.li_more a:hover{ border:none;background:none; box-shadow:none} .img img{ width:100%;} .pro_list ul{ overflow:hidden; margin:0 -1.5%;padding:5px 0} .pro_list ul li{ width:30.333%; margin:0 1.5%; float:left;margin-bottom:30px;border-top:1px solid transparent} .pro_list ul li .img{height:262px; overflow:hidden;} .pro_list ul li img{ display:block;} .pro_list ul li .text{ height:104px; display:table;width:100%; text-align:center; line-height:25px; color:#999} .pro_list ul li .text .cell{ display:table-cell; padding:10px; vertical-align:middle; border:1px solid #e8e8e8; border-top:0;} .pro_list ul li .text h3{ font-weight:normal; font-size:18px;color:#333;} .pro_list ul li:hover{ box-shadow:0 -2px 5px rgba(0,0,0,0.15); border-top-color:#eaf3f1} .pro_list ul li:hover .text{ background:#01bc9f;} .pro_list ul li:hover .text h3,.pro_list ul li:hover .text p{ color:#fff;} .about{ height:463px; padding-top:65px;} .about_owl{ float:left; margin-right:80px;} .about_owl .item{width:461px; height:287px;} .about_owl{ width:461px; height:287px; padding:21px 22px; background:url(../img/icon3.png) no-repeat center center; background-size:cover; } .about_owl h2{ width:220px;font-size:48px; color:#01bc9f; text-transform:uppercase;padding-top:20px; padding-left:20px;font-family:Arial} .about_owl label{margin:5px; margin-left:22px; width:3px; height:45px;background:#f29015; display:block;} .about_owl h3{ margin-left:20px;font-size:30px; color:#f29015; margin-top:10px;} .about_owl .owl-theme .owl-controls{ right:-55px;width:auto; left:auto;} .about_owl .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:55px; height:55px; margin:0;padding:0;background:url(../img/icon.png); border-radius:0} .about_owl .owl-theme .owl-controls .owl-nav{ height:55px;} .about_owl .owl-theme .owl-controls .owl-nav .owl-prev{background-position:0 -69px ;} .about_owl .owl-theme .owl-controls .owl-nav .owl-next{background-position:-55px -69px ;} .about_text{ overflow:hidden;} .about_text h3{ font-size:24px; color:#2cc3ab; } .about_text label{display:block;margin:20px 0;width:45px;height:3px; background:#f29015;} .about_text p{margin-bottom:14px; line-height:30px; color:#999999; height:195px; overflow:hidden;} .about_text .btn a{ display:block;width:119px; height:32px; background:#2cc3ab; color:#fff; text-align:center; line-height:32px;font-family:Arial; text-transform:uppercase} .about_text .btn span{display:inline-block;padding-right:47px; background:url(../img/icon4.png) no-repeat right center;} .foot{margin-bottom:70px; line-height:30px;padding:43px 0; background:#2cc3ab;color:#fff;font-size:24px;} .foot a{ color:#fff;} .foot ul{ overflow:hidden;margin:0 -5%;} .foot ul li{width:23.333%; float:left; margin:0 5%;text-align:center;} .foot ul li .icon{ padding-left:40px; color:#fff;} .foot ul li .icon.icon_tel{ background:url(../img/icon5.png) no-repeat left center;} .foot ul li .icon.icon_online{ background:url(../img/icon6.png) no-repeat left center;padding-left:45px;} .foot ul li .icon.icon_email{ background:url(../img/icon7.png) no-repeat left center;padding-left:50px;} /*----------footer----------*/ .footer {background:url(../img/bg2.jpg) no-repeat bottom center #262626;color:#fff; } .share{} .ewm{width:132px;padding:17px; height:132px; background:url(../img/bg3.png) no-repeat center center;} .ewm img{ width:132px; height:132px;} .foot_nav{ padding-bottom:20px;} .foot_nav ul li{float:left; width:230px; line-height:36px;color:#888} .foot_nav ul li h3{ font-size:20px; color:#2cc3ab; margin-bottom:15px;} .foot_nav ul li h3 span{ font-size:14px; color:#e1e1e1; font-weight:normal;} .foot_nav ul li.li1{width:340px; } .foot_nav ul li.li2{ width:170px; float:right;margin-top:10px;} .foot_nav ul li ul li{float:none;} .foot_nav .share{margin-top:20px;} .foot_nav .share a{ margin-left:0; margin-right:20px; width:33px; height:35px;} .foot_nav ul li a{ color:#888;} .foot_nav a:hover{ color:#f29015} .foot_nav .icon.icon_sina{ background-position:-54px -145px ;} .foot_nav .icon.icon_email{ background-position:-106px -145px;} .foot_nav .icon.icon_weixin{ background-position:-161px -145px ;} .foot_nav .icon.icon_qq{ background-position:0 -145px ;} .f_copyright{ padding:15px 0; border-top:1px solid #373737; text-align:center;margin-top:20px;padding-bottom:20px;font-size:12px; color:#888888;line-height:20px;} .f_copyright p a{ color:#888;} /*----------custom----------*/ /*********内页**********/ .fl{ float:left;} .fr{ float:right;} .leader{ min-height:30px; border-bottom:0px solid #ddd; line-height:30px; overflow:hidden; margin:20px 0;} .leader .fl i{ margin:0 10px; color:#aaaaaa; font-size:13px;} .leader .fl a{color:#8a8a8a; padding-left:11px;} .leader .fl a:hover{ color:#fb7804;} .leader .fr li{ float:left; } .leader .fr li a{ display:block; line-height:26px; font-size:13px; text-align:center; padding:2px 10px;margin:0 3px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border:1px solid #e7e7e7; color:#999;text-decoration: none;} .leader .fr li:last-child a{ background:none;} .leader .fr li a:hover, .leader .fr li a.on{ background:#f29015; color:#fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin:0 3px; } .pdbox{ padding:30px 0; min-height:450px; line-height:23px; overflow:hidden;} .pdbox img{max-width:100%;} .content01{ padding:10px;} /* 企业图片列表 */ #about_image1_blk {margin:0px auto;width:100%;overflow:hidden;} #about_image1 {width:99.9%;} #about_image1 dl {float:left;margin:25px 13px 0 13px;width:268px;text-align:center;} #about_image1 dl dt {font-size:0px;} #about_image1 dl dt img {padding:4px;width:258px;height:194px;transition:none;border:1px solid #ddd;} #about_image1 dl dt img:hover {padding:3px;border:2px solid #00a0e9;} #about_image1 dl dd {padding-top:8px;line-height:1.4;} #about_image2_blk {margin:0px auto;width:99.9%;overflow:hidden;} #about_image2 {width:99.9%;} #about_image2 dl {float:left;margin:25px 20px 0px 0px;width:272px;text-align:center;} #about_image2 dl dt {font-size:0px;} #about_image2 dl dt img {padding:4px;width:260px;height:253px;transition:none;border:1px solid #ddd;} #about_image2 dl dt img:hover {padding:3px;border:2px solid #00a0e9;} #about_image2 dl dd {padding-top:8px;line-height:1.4;} /*===================================================================================*/ /* 产品列表 */ #products_blk {margin:0px auto;width:100%;overflow:hidden;} #products {width:99.9%;} #products dl {float:left;margin:25px 14px 0px 14px;width:271px; height:266px;text-align:center;} #products dl dt {font-size:0px;} #products dl dt img {padding:4px;width:258px;height:194px;transition:none;border:1px solid #ddd;} #products dl dt img:hover {padding:3px;border:2px solid #00a0e9;} #products dl dd {padding-top:8px;line-height:1.4;} #products_name {padding:35px 0px 25px 0px;color:#333;font-size:24px;font-weight:normal;text-align:center;} #products_image {font-size:0px; text-align:center;} #products_image img {max-width:860px;} #cases_name {padding:30px 0px 20px 0px;color:#333;font-size:24px;font-weight:normal;text-align:center;} #cases_image {font-size:0px;text-align:center;} #cases_image img {padding:5px;max-width:908px;border:1px solid #e5e5e5;} /*===================================================================================*/ /****分页****/ #products_page {margin-top:50px;width:100%;} #news_page {margin-top:40px;width:100%;} .fypage {height:30px;font-size:0px;text-align:center;overflow:hidden;} .fypage a {display:inline-block;margin:0px 3px;padding:0px 6px;height:22px;line-height:22px;font-size:12px;text-align:center;text-decoration:none;overflow:hidden;} .fypage a:link,.fypage a:visited,.fypage a:active {color:#888;border:1px solid #e5e5e5;background:#f5f5f5;} .fypage a:hover {color:#fff;border:1px solid #f29015 ;background:#f29015 ;} .fypage span {display:inline-block;margin:0px 3px;padding:0px 6px;height:22px;line-height:22px;font-size:12px;text-align:center;overflow:hidden;} .fypage span.fypage_current {color:#fff;border:1px solid #f29015 ;background:#f29015 ;} .fypage span.fypage_disabled {color:#888;border:1px solid #e5e5e5;background:#f5f5f5;} .fypage_sl {display:inline-block;margin:0px 3px;padding:0px 6px;height:24px;color:#999;line-height:24px;font-weight:normal;} /***************************************/ .nodata { padding:150px 0px; color:#bbb; font-size:20px; text-align:center; } #title { position:relative; height:39px; color:#bbb; font-size:12px; text-align:right; line-height:42px; border-bottom:1px solid #ddd; overflow:hidden; } #title a {color:#bbb;} #title a:hover {color:#000;} #title span {} #title strong {position:absolute;top:9px;left:0px;color:#00a0e9;font-size:14px;line-height:normal;} #showtext {margin:0px auto;padding-top:18px;width:100%;overflow:hidden;} .showtexts {margin:0px auto;padding-top:18px;width:860px;overflow:hidden;} .input_text {padding:0px 8px;width:260px;height:32px;line-height:32px\9;border:1px solid #ddd;} .input_area {padding:6px 8px;line-height:1.5;border:1px solid #ddd;overflow-y:auto;} .input_select {padding:0px 0px 0px 8px;height:32px;border:1px solid #ddd;} .button {width:150px;height:40px;color:#fff;font-size:16px;border:none;background:#00a0e9;cursor:pointer;} .editorc {line-height:1.8;} .editorc p {margin-bottom:15px;} .editorc p:last-child {margin-bottom:0px;} .editorc a {text-decoration:underline;} .editorc ul {margin-left:35px;} .editorc ul li {list-style-type:disc;} .editorc ol {margin-left:35px;} .editorc ol li {list-style-type:decimal;} .editorc2 {line-height:1.8;} .editorc2 img {vertical-align:top;} .editorc2 a {text-decoration:underline;} .editorc2 ul {margin-left:35px;} .editorc2 ul li {list-style-type:disc;} .editorc2 ol {margin-left:35px;} .editorc2 ol li {list-style-type:decimal;} .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.noborder {border:none;} .editorc_tbe table.noborder table {border:none;} .editorc_tbe table.noborder td {border:none;padding:0px;} #prenext {position:relative;margin:40px auto 0px auto;padding:12px 70px 0px 0px;height:38px;font-size:12px;border-top:1px solid #e5e5e5;overflow:hidden;} #prenext p {height:20px;} #prenext a {font-weight:bold;} #prenext_back {position:absolute;top:12px;right:0px;font-weight:bold;} /* 信息反馈 */ #feedback {padding:15px 0px 20px 0px;} #feedback td {padding:15px 5px 0px 5px;} #feedback td span {margin-left:5px;font-family:"宋体";font-size:12px;color:#ff0000;} .language_cn{ background:url(../images/cn.jpg)} .language_en{background:url(../images/en.jpg)} .language_cn,.language_en{ width:27px; height:27px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; background-size:100% 100%;} /* 浮动在线客服 */ #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;}