﻿/*
* name: Global && Pc StyleSheet
* version: v3.1.1
* update: 加入placeholder依赖样式
* date: 2015-08-26
*/

/* 雪碧图 */
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; 
	vertical-align: middle; background: url(../img/ico.png);margin:0 .3em;}
.ico1_2 { background-position: -20px 0;}
.ico1_3 { background-position: -40px 0;}
.ico1_4 { background-position: -60px 0;}
.ico1_5 { background-position: -80px 0;}
.ico2_1 { background-position: 0 -20px;}
.ico2_2 { background-position: -20px -20px;}
.ico2_3 { background-position: -40px -20px;}
.ico2_4 { background-position: -60px -20px;}
.ico2_5 { background-position: -80px -20px;}
.ico3_1 { background-position: 0 -40px;}
.ico3_2 { background-position: -20px -40px;}
.ico3_3 { background-position: -40px -40px;}
.ico3_4 { background-position: -60px -40px;}
.ico3_5 { background-position: -80px -40px;}
.ico4_1 { background-position: 0 -60px;}
.ico4_2 { background-position: -20px -60px;}
.ico4_3 { background-position: -40px -60px;}
.ico4_4 { background-position: -60px -60px;}
.ico4_5 { background-position: -80px -60px;}

.ico30{ display: inline-block; overflow: hidden; width: 30px; height: 30px;vertical-align: middle; background: url(../img/ico30.png);}


.fb_ico{ display: inline-block; overflow: hidden; width: 82px; height: 82px; vertical-align: middle; background: url(../img/fb_ico.png); transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.fb_ico_2{ background-position:0 -82px;}
.fb_ico_3{ background-position:0 -164px;}
.fb_ico_4{ background-position:0 -248px;}


/*
* 依赖：
* placeholder插件
*/
.placeholder { color: #aaa;}
/* 设置 */
body{ min-width:1200px; overflow-x:auto;}
body{font-size:13px; line-height: 1.8; color: #555; background: #fff;}
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
a{color: #555;}
a:hover { color: #01a437;}
/*css组件-设置*/
.form-control, .input-group-addon, .btn{border-radius: 2px; }
.form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
/*选中设置*/
::-moz-selection {color: #fff; background: #39f; }
::selection {color: #fff; background: #39f; }

/* 网站样式 */
.transition{ transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

/*头部通用样式*/
.head{ position:relative; z-index:8;}
.head_top{position: relative;z-index: 5;}
.logo a{ display:block; width:305px; height:75px; background:url(../img/logo.jpg) no-repeat; background-size:contain;}
.h_contact{ height:75px; overflow:hidden; position:relative;}
.h_contact li{height:75px; line-height:75px;}
.h_contact li ins{font-size:28px; color:#01a437; font-family:Arial;text-decoration: blink;vertical-align: middle;font-weight: bold;padding-left: 6px;}

.head_r li{ float:right; line-height:75px; background:url(../img/h_li.gif) right center no-repeat;padding: 0 10px;}
.head_r li.hotline{ padding-right:0; background:none;}
.head_r li.language{position:relative;}
.head_r li.language ._val{ display:block; position:relative;padding-right: 10px; cursor:pointer;}
.head_r li.language ._val:after{ content:''; display:block; background:url(../img/ico.png) -20px 0 no-repeat; width:10px; height:10px; position:absolute; right:0;top: 50%;margin-top: -5px;}
.head_r li.language ._option{ position: absolute;top: 75px;background-color: #fff;width: 100%; left:0; display:none;}
.head_r li.language ._option a{ display:block; line-height:30px; height:30px; text-align:center;}
.head_r li.hotline ins{ font-size:28px; color:#01a437; font-family:Arial;text-decoration: blink;vertical-align: middle;font-weight: bold;padding-left: 6px;}
.nav_menu{ background-color:#01a437; position:relative;}
.nav_menu:after{ content:''; width:100%; height:5px; background-color:#45ac6e; position:absolute; bottom:0; left:0;}
.nav{background:url(../img/nav_li.png) right center no-repeat;}
.nav .navli{ float:left; width:16.667%;*width:16.6%; position:relative; background:url(../img/nav_li.png) left center no-repeat;}
.nav .navli .nav_a{ display:block; width:100%; text-align:center; color:#fff; height:56px; line-height:56px; font-size:15px; position:relative; overflow:hidden;z-index: 2;}
.nav .navli .nav_a:after{ content:''; width:100%; height:100%; background-color:#ffeb05; position:absolute; bottom:-100%; left:0; z-index:-5; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.nav .navli:hover .nav_a:after,.nav .navli.cur .nav_a:after{ bottom:0;}
.nav .navli:hover .nav_a,.nav .navli.cur .nav_a{ color:#414141; *background-color:#ffeb05;}
.nav .navli .setNav{ width:100%; position:absolute; top:56px; left:0;background-color:#01a437;box-shadow: 0 -1px 3px -1px #e9e9e9; display:none;}
.nav .navli .setNav:before{ content:''; width:100%; height:5px; background-color:#b9d433; display:block; position:absolute; top:-5px; left:0;z-index: 3;}
.nav .navli .setNav li{ text-align:center; width:100%;height: 52px;line-height: 52px;}
.nav .navli .setNav li a{ display:block; width:100%; font-size:14px; color:#fff; transition:none;-webkit-transition: none;}
.nav .navli .setNav li a:hover{ background-color:#ffeb05;color:#414141;}

/*首页中间区域*/
.loading{ background:url(../img/loading.gif) no-repeat; width:100%; height:100%;position: absolute;
left: 50%;top: 50%;margin-left: -50px;margin-top: -50px;}
.banner_bar{ position:relative; z-index:5;}
.banner_bar .banner_bar{ position:relative; z-index:10;}
.banner_bar .banner{ height:450px; position:relative; overflow:hidden;}
.banner_bar .banner img{ width:1920px; position:absolute; left:50%; margin-left:-960px; bottom:0; max-width:none; height:100%;}
.banner_bar .barrs{ background:url(../img/bbtn.png) no-repeat; width:15px; height:27px; display:block; position:absolute; bottom:-50px; z-index:5; left:50%; cursor:pointer;}
.banner_bar  .bprev{ margin-left: 440px;}
.banner_bar .bnext{ background-position:-15px 0;margin-left: 480px;}
.banner_bar .bprev:hover{ background-position:0 -27px; transition:all 0.3s 0;}
.banner_bar .bnext:hover{ background-position:-15px -27px; transition:all 0.3s 0;}
.banner_bar ._num{ width:49px; height:40px; line-height:40px; position:absolute; left:50%; margin-left:520px; bottom:-57px; z-index:5;text-align:center;border-left: 1px #9c9c9c dotted;padding-left: 15px;}
.banner_bar ._num a{ color:#545454; font-size:17px;}
.banner_bar ._num a._curr{ color:#01a437; font-size:33px; font-weight:bold;}
.banner_bar .slide_nav{ display:none;}

.hot_bar{ background-color:#f2f2f2; height:32px;position:relative; z-index:4; padding:20px 0 18px;}
.hot_bar .hot{margin-right: 3%;line-height: 33px;}
.hot_bar .hot a{ color:#575757;}
.hot_bar .hot ._fot{ font-size:14px; font-weight:bold;}
.hot_bar .hot a:hover{ font-weight:bold;}

.hot_bar .hot_ser{ border:1px #bfbfbf solid;background-color: #fff; border-radius:2px;}
.hot_bar .hot_ser .inp{ border:none;background: transparent;outline: none;padding: 8px 0 8px 5px;}
.hot_bar .hot_ser .btn{background: transparent;padding: 0;font-size: 16px;vertical-align: top;border-radius: 0;border: none; color:#e60012;outline: none;}

.channelOut .channelIN{ font-size:30px; font-weight:600;}
.center_pro .channelOut{padding: 22px 0 28px;position:relative;}
.center_pro .channelOut:before{ content:'';height:1px; width:100%; background-color:#e7e7e7; position:absolute;top: 50%;left: 0;}
.center_pro .channelOut .channelIN{background-color: #fff;float: left;width: 133px;position: relative;}
.center_pro .pro_btn{position: absolute;right: 0;width: 84px;top: 0;background-color: #fff;height: 100%;}
.center_pro .parrs{ display:block; width:30px; height:25px; background:url(../img/p_btn.gif) no-repeat; position:absolute;top: 39px;}
.center_pro .pprev{ right:40px;}
.center_pro .pnext{ right:0; background-position:-30px 0;}
.center_pro .pprev:hover{ background-position:0 -25px;}
.center_pro .pnext:hover{ background-position:-30px -25px;}
.c_pro_list{ height:284px; overflow:hidden; position:relative;}
.c_pro_list li .info{ background-color:#f0f3f1;padding: 10px 2% 15px 5%;}
.c_pro_list li .title{ font-size:14px; font-weight:normal;}
.c_pro_list li .title em{display: inline-block;margin-right: 3%;font-size: 13px;}
.c_pro_list li .p_line{ display:inline-block; width:57px; height:5px; background-color:#ffeb04;border-radius: 8px;vertical-align: top;margin-top: 8px;}
.c_pro_list li:hover .info{ background-color:#01a437;}
.c_pro_list li:hover .info .title{ color:#fff;}

.center_news{margin: 57px 0 35px;}
.c_news{ border:1px #ddd solid;padding: 2.6%;}
.channOut2{ border-bottom:1px #dcdcdc solid; height:36px; line-height:36px; padding-bottom:8px; margin-top:15px;}
.channOut2 .channelIN{ font-size:30px; font-weight:normal;position: relative;margin-right: 4%;}
.channOut2 .channelIN a{ display:block; color:#9a9a9a;}
.channOut2 .channelIN b{ display:none; width:100%; height:3px; background-color:#01a437;position: absolute;bottom: -10px; left:0;}
.channOut2 .channelIN.cur b,.channOut2 .channelIN:hover b{ display:block;}
.channOut2 .channelIN.cur a,.channOut2 .channelIN:hover a{ color:#353535; font-weight:bold;}
.colorRed .channelIN b{ background-color:#e20907;}

.c_news_box{ position:relative;margin-top: 40px;}
.c_news_box .changeData{ position:absolute; right:0;top: -72px; color:#31be29;}
.c_news_list{ vertical-align:top\9;min-height: 424px;}
.c_news_list li{ overflow:hidden;margin-bottom: 40px;}
.c_news_list li .imgbox{ width:34%;margin-right: 3%;}
.c_news_list li .title{ font-size:16px;margin-top: 3px;}
.c_news_list li .p{ line-height:23px; height:69px; overflow:hidden;margin-top: 8px;}
.c_news_list li ._detail{ display:inline-block; width:112px; height:36px; line-height:36px; text-align:center; background-color:#01a437; color:#fff;margin-top: 25px;}
.c_news_list li ._detail:hover{ background-color:#ffeb05; color:#414141;}
.c_news_list li:hover ._full{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);} 

.c_case,.c_video{padding: 2% 5% 5%;border: 1px #ddd solid;}
.c_case_bann{ height:0; padding-bottom:56.25%; position:relative; overflow:hidden; *padding-bottom:0; *height:193px;}
.c_case_bann li .title{ background:url(../img/black.5.png) repeat; background:rgba(0,0,0,.5); font-size:13px; font-weight:normal; color:#fff; position:absolute; bottom:0; left:0;padding:10px 0 10px 4%;width: 96%;}
.c_case_bann .slide_nav{ display:none;}
.c_case .carrs{ display:block; width:15px; height:20px; background:url(../img/c_btn.gif) no-repeat; position:absolute; top:50%; margin-top:-10px;}
.c_case .cprev{ right:20px;}
.c_case .cnext{ right:0; background-position:-15px 0;}
.c_case .cprev:hover{ background-position:0 -20px;}
.c_case .cnext:hover{ background-position:-15px -20px;}

.c_video{ margin-top:15px;}
.c_video .channelOut .more{ position:absolute; right:0;top: 50%;margin-top: -10px;}
.c_video_box{ width:100%; *width:343px;}
.c_video_box .c_vtn{ display:block; width:49px; height:49px; background:url(../img/play.png) no-repeat; position:absolute; top:50%; left:50%; margin-left:-24.5px; margin-top:-24.5px;}


.c_services{ padding:20px 0 60px;}
.c_services li{position:relative;}
.c_services li a{ display:block; width:100%; position:relative; text-align:center;}
.c_services li a *{ cursor:pointer;}
.c_services li .circle{display:block; width:123px; height:123px; position:absolute;background:url(../img/words.png) 0 0 no-repeat; left:50%; margin-left:-61.5px; top:0;}
.c_services li .circle_yy{ background:url(../img/cs_yy.png) no-repeat; display:block; width:202px; height:205px; background-size:contain;z-index: -5;position: absolute;left:50%;top: 0;margin-left: -54.5px;}
.c_services li u{ display:block; width:123px; height:123px; position:absolute; left: 50%;background:url(../img/words.png) -123px 0 no-repeat;margin-left: -61.5px; top:0;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s; *display:none;}
.c_services li .fb_ico{margin-top: 19px;position: relative;}
.c_services li .columns{font-size: 16px;text-align: center;margin-top: 55px;}
.c_services li ._p{ text-align:left;padding: 0 10%;}
.c_services li:hover .circle{ display:none;}
.c_services li u.cl{clip: rect(0, 61px, -123px, 0)}
.c_services li:hover u.cl{clip: rect(0px, 61px, 123px, 0);}
.c_services li u.cr{clip: rect(0,123px, -123px, 61px);}
.c_services li:hover u{ *display:block;}
.c_services li:hover u.cr{clip: rect(0,123px, 123px, 61px);}
.c_services li:hover .fb_ico{ background-position:-82px 0;}
.c_services li:hover .fb_ico_2{ background-position:-82px -82px;}
.c_services li:hover .fb_ico_3{ background-position:-82px -164px;}
.c_services li:hover .fb_ico_4{ background-position:-82px -248px;}
.c_services li:hover a{ color:#01a437;}


/*通用底部*/
.foot_top{ background-color:#ececec; padding:28px 0 30px;}
.foot_top .foot_dl{ width:8%;margin-right: 4%;}
.foot_top .foot_dl .foot_dt span{ display:block;}
.foot_top .foot_dl .foot_dt .cn{ font-size:18px; font-weight:bold; color:#000;margin-bottom: 5px;}
.foot_top .foot_dl .foot_dt .b{ display:block; width:34px; height:1px; background-color:#01a437;vertical-align: top;}
.foot_top .foot_dl .foot_dd{ margin-top:15px;}
.foot_top .foot_dl .foot_dd a{ display:block; color:#4c4c4c;}
.foot_top .foot_dl .foot_dd a:hover{ text-decoration:underline;}

.foot_media{ width:22%;border-left: 1px #ccc solid;padding-left: 5%;}
.foot_media .hotTel{ font-size:18px; font-weight:bold;}
.foot_media .hotTel strong{ font-size:36px; display:block;font-family: Arial;}
.foot_media .f_media_box{ margin-top:10px;}
.foot_media .f_media_box img{ width:124px; height:123px;margin-right: 20px;}
.foot_media .f_media_box a{margin: 0px 6px 0px 0; background:url(../img/share.png) no-repeat; width:30px; height:30px; padding-left:0;}
.foot_media .f_media_box p{ margin:10px 0 15px;}
.foot_media .f_media_box .bdsharebuttonbox span{ line-height:30px;}
.foot_media .f_media_box a.bds_tsina{ background-position:0 0;}
.foot_media .f_media_box a.bds_tqq{background-position:0 -30px;}
.foot_media .f_media_box a.bds_tqf{ background-position:0 -60px;}
.foot_media .f_media_box a.bds_qzone{ background-position:0 -90px;}
.foot_media .f_media_box a.bds_kaixin001{ background-position:0 -120px;}
.foot_media .f_media_box a.bds_douban{ background-position:0 -150px;}
.foot_media .f_media_box a:hover{ opacity:1;}
.foot_media .f_media_box a.bds_tsina:hover{ background-position:-30px 0;}
.foot_media .f_media_box a.bds_tqq:hover{background-position:-30px -30px;}
.foot_media .f_media_box a.bds_tqf:hover{ background-position:-30px -60px;}
.foot_media .f_media_box a.bds_qzone:hover{ background-position:-30px -90px;}
.foot_media .f_media_box a.bds_kaixin001:hover{ background-position:-30px -120px;}
.foot_media .f_media_box a.bds_douban:hover{ background-position:-30px -150px;}

.foot_bottom{ padding:15px 0;}
.foot_bottom .jerei{ padding-left:10px;}
.foot_bottom .r a{ display:inline-block; padding:0 5px;}

/*下层--通用样式*/
.n_bann{ height:300px; overflow:hidden; position:relative;}
.n_bann img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; max-width:none; height:100%;}
.s_menu_bar{ background-color:#f2f2f2;}
.s_menu li{ float:left; padding:0 3%;}
.s_menu li a{ display:block; font-size:14px; color:#666; line-height:53px; position:relative;}
.s_menu li a:after{ content:''; width:0; height:0; border-left:4px transparent  solid; border-right:4px transparent  solid; border-top:4px #01a437 solid;position: absolute;bottom: -4px;left: 50%;margin-left: -4px; display:none;}
.s_menu li.cur,.s_menu li:hover{ background-color:#01a437;}
.s_menu li.cur a,.s_menu li:hover a{ color:#fff;}
.s_menu li.cur a:after,.s_menu li:hover a:after{ display:block;}
.main_bar{ padding:30px 0 40px;}
.channelIt{ font-size:25px;}
.posi{ font-size:14px; font-weight:normal;}
.posi em{ margin:0 5px;}
.main_content{padding: 20px 0 30px;}

/*分页*/
.page-1{font-size: 12px; color: #777777; text-align: center;margin-top: 30px;}
.page-1 a,.page-1 span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page-1 .goprev{margin-right: 10px;}
.page-1 .gonext,.page-1 .count {margin-left: 10px;}
.page-1 a:hover,.page-1 span{color:#fff; background: #5ac02a;}
.page-1 span.goprev,.page-1 span.gonext {color: #777777; background: none}
.page-1 span.count { border: 0;background: 0;color: #777777;}


/*荣誉列表*/
.honour-list li{ box-shadow:3px 3px 3px #ccc; margin-bottom:2%; }
.honour-list .box{ position:relative; border:1px solid #dadada; cursor:pointer;}
.honour-list ._text{ line-height:50px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honour-list li ._fbg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:url(../img/black.6.png) ;z-index: 3; display: none; }
.honour-list li ._fico { position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; background: url(../img/fico.png) no-repeat; margin-top: -28px; margin-left: -28px; }
.honour-list .box:hover ._fbg { display: block; }

/*招聘职位*/
.JobList-J2 ._jt {  height: 40px; line-height: 40px; margin-top: 10px; border-bottom:1px solid #ebebeb; overflow: hidden;  *zoom: 1;cursor: pointer; float:left;width: 100%;}
.JobList-J2 ._jt strong { float: left; width:auto; padding-left:5px;  text-align: center; color: #3e3a39; font-size:14px; font-weight:normal}
.JobList-J2 ._jt span { float: right; width:13px; height:13px; margin-right:20px; margin-top:14px; background:url(../img/job1.jpg);}
.JobList-J2 ._jt_act{ border-bottom:0;}
.JobList-J2 ._jt_act span{ background:url(../img/job2.jpg)}
.JobList-J2 ._jc { display: none; margin-top:10px; float:left;width: 100%;}
.JobList-J2 ._jcon { padding: 15px; background-color:#f7f7f7; line-height:2;}
.JobList-J2 ._jcon  p{ color:#737373; font-size:12px;}
.JobList-J2 ._jcon  p strong{ font-size:14px; font-weight:normal; color:#595757}
.JobList-J2 ._jcon .jp{ margin-right:2%;}

/*新闻列表*/
.NewsList-A9 li{padding:1%;border:1px solid #e5e5e5;overflow:hidden;*zoom:1;margin-bottom: 25px;}
.NewsList-A9 ._img{float:left;width: 18.5%;margin-right: 2%;}
.NewsList-A9 ._t{font-size:16px;margin-bottom:5px}
.NewsList-A9 ._t a{color:#414141}
.NewsList-A9 ._t a:hover{color:#01a437}
.NewsList-A9 ._p{line-height:1.8em;max-height:3.6em;overflow:hidden;color:#414141;margin: 5px 0 20px;}
.NewsList-A9 ._i{overflow:hidden;*zoom:1}
.NewsList-A9 ._i a{ display:block;line-height:35px; width:112px; text-align:center;}
.NewsList-A9 ._i ._more{background:#01a437;color:#fff}
.NewsList-A9 ._i ._date{background:#ededed;color:#999}
.NewsList-A9 ._i ._more:hover{ background-color:#ffeb05; color:#414141;}

@media only screen and (max-width:40rem){
.NewsList-A9 ._img{float:none;height:auto}
.NewsList-A9 ._img img{width:100%;height:auto}
}

/*销售网络*/
.map-M3-head{overflow:hidden;*zoom:1;margin-bottom:20px; height:30px; line-height:30px;}
.map-M3-head .web_posi strong{ font-weight:normal;}
.map-M3-head .tr b{color: #e90027;font-size: 20px;font-weight: normal;margin: 0 5px;}
.map-M3-list{height:400px;padding:10px;background:#f1f1f1;border:1px solid #ccc;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}
.map-M3-list li{margin-bottom:10px}
.map-M3-list ._t{font-weight:700;font-size:14px;padding-left: 30px;position: relative;}
.map-M3-list ._t i{font-size:14px;color:#fff; background-color:#01a437; display:block; width:24px; height:24px; line-height:24px; text-align:center; position:absolute; top:0; left:0;}
.map-M3-list ._p{padding:0 30px}
.map-M3-map{height:571px;}
.map-M3-list .scroll_bar{background:#aaa}
.map-M3-list .scroll_slider{height:70px;background:#f3f3f5;position:relative;border-radius:0;border:1px solid #ccc;width:98%}
.map-M3-list .scroll_slider:before{content:"";position:absolute;width:80%;left:10%;top:50%;margin-top:-3px;height:1px;background:#ccc}
.map-M3-list .scroll_slider:after{content:"";position:absolute;width:80%;height:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;left:10%;top:50%}
.map-M3-search .form-group .form-btn{ border:1px #dfdfdf solid; background-color:#f0f0f0; line-height:35px; height:35px; text-align:center;display: block;}
@media only screen and (max-width:40rem){.map-M3-list{height:auto}}

/*产品列表*/
.pro_menu{ margin-top:10px;}
.pro_menu li{ float:left; padding:0 3.2%; background-color:#d5d5d5; line-height:37px;border-radius: 4px;margin-right: 2%;}
.pro_menu li a{ display:block; font-size:14px;}
.pro_menu li:hover,.pro_menu li.cur{ background-color:#01a437;}
.pro_menu li:hover a,.pro_menu li.cur a{ color:#fff;}
.proList{ height:auto!important;}
.proList li{ margin-bottom:30px;}
.proList li .info ._detail{ display:block; text-align:right;}
.proList li:hover .info ._detail{ color:#fff;}
.proList li .box{ border:1px #ddd solid;width: 99.2%;}

/*产品详情*/
.widget-prodetail-3 { overflow: hidden;  *zoom: 1;}
.widget-prodetail-3-img { float: left; width: 41.67%;border: 1px #d7d7d7 solid;}
.widget-prodetail-3-img ._img { position: relative; height: 0; overflow: hidden; padding-bottom: 75%; }
.widget-prodetail-3-img ._img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  *height: auto;}
.widget-prodetail-3-detail { float: right; width: 55%; }
.widget-prodetail-3-detail .tip{ font-size:14px; margin-top:30px; color:#000;}
.widget-prodetail-3-detail .tip a{ color:#ca7400;}
.widget-prodetail-3-detail ._detail { margin-top:5px; font-size:14px; color:#a3a3a3;}
.widget-prodetail-3-detail ._detail strong{ color:#01a437;}
.widget-prodetail-3-detail ._price { font-size: 22px; color: #333333; margin-top:15px; }
.widget-prodetail-3-detail ._title { font-size: 30px; font-weight: bold; color: #333333;border-bottom: 4px #01a437 solid;}
.widget-prodetail-3-detail ._tip { height: 28px; border-bottom: 1px solid #cccccc; }
.widget-prodetail-3-detail ._tools { margin-top:50px; }
.widget-prodetail-3-detail ._tools li { margin-right: 5px; vertical-align: top; }
.widget-prodetail-3-detail ._tools ._link a { display: inline-block;  border-radius: 3px;  cursor: pointer; padding: 0 20px; background: #ededed; color: #333333; border: 1px solid #cccccc; height: 34px; line-height: 34px; font-size: 14px; }
.widget-prodetail-3-detail ._tools ._link a:hover { color: #ffffff; border-color: #01a437; background: #01a437; }
@media only screen and (max-width: 480px) {
.widget-prodetail-3-img,  .widget-prodetail-3-detail { float: none; width: auto;}
.widget-prodetail-3-img ._img,  .widget-prodetail-3-detail ._detail { height: auto;}
}

.widget-prodetail-2{ margin-top:28px;}
.widget-prodetail-2-tab { background: #ffffff; }
.widget-prodetail-2-tab .tab_header { height: 58px; background-color:#f7f7f7; border:1px #d5d5d5 solid; }
.widget-prodetail-2-tab .tab_t { height: 58px; line-height: 58px; width: auto; padding: 0 3%; border-right: 1px solid #ddd; font-size: 16px; color:#8b8888;}
.widget-prodetail-2-tab .tab_t .ion { color: #0e90d2; font-size: 22px; 
font-weight:normal;}
.widget-prodetail-2-tab .tab_t_cur { background-color:#01a437; color:#fff; }
.widget-prodetail-2-tab .tab_t.first{ border-left:1px solid #ddd;}
.widget-prodetail-2-tab .tab_c { padding:20px 0; }
.widget-prodetail-2-tab .tab_ht {overflow:auto;}

@media only screen and (max-width: 480px) {
.widget-prodetail-2-tab .tab_header{ height:auto; border:none;}
.widget-prodetail-2-tab .tab_t {position: static!important;border: 1px solid #ddd;}
}

/*右侧飘浮*/
.rightFloat{ position:fixed; right:0; bottom:100px; z-index:15; cursor:pointer;}
.rightFloat li{ margin-bottom:1px; width:36px; height:36px;}
.rightFloat li a{ display:block; width:100%; height:100%; background:url(../img/right.gif) no-repeat}
.rightFloat li.rf02 a{ background-position:0 -37px;}
.rightFloat li.rf01{ position:relative;}
.rightFloat li.rf01 .fr_erwm{ position: absolute;right: 100%;width: 0;height: 78px;top: -104px;font-size: 0;
background-color: #fff;text-align: center; padding:0 0 15px;}
.rightFloat li.rf01 .fr_erwm img{ padding:14px 0 5px;}
.rightFloat li:hover a{ background-position:-37px 0;}
.rightFloat li.rf02:hover a{ background-position:-37px -37px;}
.rightFloat li.rf01:hover .fr_erwm{ border:1px #e2e2e2 solid; width:115px; height:260px; font-size:13px;}

/*合作伙伴*/
.pic-list ul{ width:110%;}
.pic-list li{ float:left;width: 16.7%;margin-right: 1.8%;margin-bottom:20px;}
.pic-list li img{ width:100%; height:80px; box-shadow:3px 3px 3px #eee}

.contact-info{ margin-top:20px;}

/*视频列表*/
.video_list ._con { display: block; margin-bottom: 20px; border: #ccc solid 1px;position: relative; }
.video_list ._con h3 { text-indent: 15px; line-height: 45px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.video_list ._btn{ position: absolute; width: 40px; height: 40px; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px;z-index: 5;}
.show .wrap_in .wrap_bar{}

/*工艺流程*/
.licheng_pic{padding:20px 1.5% 0 4.5%;}
.licheng_pic .li{  width:82px; cursor:pointer;}
.licheng_pic .li .imgbox{border: 3px #01a437 solid;border-radius: 50%;overflow: hidden;position: relative; z-index:2;}
.licheng_pic .li .imgbox img{border-radius: 50%;overflow: hidden;}
.licheng_pic .li .title{ text-align:center; font-weight:normal; font-size:13px; margin-top:10px;}
.licheng_pic .li_jt{padding: 0 16px;height: 117px;line-height: 82px;} 
.licheng_pic .li_jt img{vertical-align: middle;}
.licheng_pic .liucheng_con{ position:absolute; top:50%; left:50%; width:810px; height:303px; margin-top:-152px; margin-left:-405px;box-shadow: 2px 3px 3px #d1d1d1,-2px -1px 4px #d1d1d1; border:1px #d1d1d1 solid; background-color:#fff; display:none; z-index:5;}
.licheng_pic .liucheng_con .img{ width:50%; margin-right:20px;}
.licheng_pic .liucheng_con .lc_info{ padding:20px 20px 20px 0;}
.licheng_pic .liucheng_con .lc_info .lc_t{ font-size:18px; font-weight:bold;}
.licheng_pic .liucheng_con .lc_info .lc_summ{ margin-top:20px; max-height:210px;}
.licheng_pic .lp_pic01 .li,.licheng_pic .lp_pic01 .li_jt,.licheng_pic .lp_pic03 .li,.licheng_pic .lp_pic03 .li_jt{float:left;}
.licheng_pic .lp_pic02 .li,.licheng_pic .lp_pic02 .li_jt{ float:right;}
.licheng_pic .lp_pic01,.licheng_pic .lp_pic02{ margin-bottom:48px;position: relative;}
.licheng_pic .lp_pic01 .li_turn{position: absolute;right: 0;top: 38px;}
.licheng_pic .lp_pic02{ padding-right:3%;}
.licheng_pic .lp_pic02 .li_turn{ position:absolute;left: -4.5%;top: 42px;}

.album_wrap{ background:url(../img/black.8.png) repeat!important; background:rgba(0,0,0,.8)!important;}

/*新闻详细*/
.widget-newsdetail-2 ._head { border-bottom: 1px dotted #cccccc; }
.widget-newsdetail-2 ._head ._title { font-size: 18px; line-height: 1.4; 
color: ;font-weight:bold;}
.widget-newsdetail-2 ._tools { padding: 10px 0; color: #999999;}
.widget-newsdetail-2 .ion { font-size: 16px; font-weight: normal;}
.widget-newsdetail-2 ._tools ._tool{margin:0 4px;display: inline-block; vertical-align: middle;}
.widget-newsdetail-2 ._tools ._tool:hover{color:;}
.widget-newsdetail-2 ._tools ._b2l .ion { color: #0e90d2;}
.widget-newsdetail-2 .myart { padding: 20px 0;}
.widget-newsdetail-2 ._detailPage_bottom {border-top: 1px solid #ccc;margin-top: 20px;}
.widget-newsdetail-2 ._detailPage_bottom li {line-height: 30px; overflow: hidden; 
height: 30px;  padding: 0 10px; border-bottom: 1px solid #cccccc; }
.widget-newsdetail-2 ._detailPage_bottom ._mark {font-weight: bold; float: left; margin-right: 10px; }
.widget-newsdetail-2 ._detailPage_bottom ._title {font-size: 14px;  float: left; 
  width: 68%;}
.widget-newsdetail-2 ._detailPage_bottom ._title:hover { color: #0e90d2;}
.widget-newsdetail-2 ._detailPage_bottom ._time { float: right;}
.widget-newsdetail-2 .bdsharebuttonbox .bds_more { float: none; padding-left: 2px;
  background: none; }
@media only screen and (max-width: 480px) { 
  .widget-newsdetail-2 ._head ._title { font-size: 14px; line-height: 20px;}
  .widget-newsdetail-2 ._detailPage_bottom ._title{width: 50%;}
}
/*发展历程*/
.widget-history-5 { background: #ffffff; }
.widget-history-5 ._year { position: relative; }
.widget-history-5 ._year span { position: absolute; left: 0; top: 0; width: 100px; text-align: center; font-size: 28px; color: #0e90d2; }
.widget-history-5 ._list { margin-left: 110px; margin-bottom: 20px; padding-left: 20px; border-left: 1px solid #ededed; line-height: 26px; }
@media only screen and (max-width: 40rem) {
.widget-history-5 ._year span { position: static; }
.widget-history-5 ._list { margin-left: 0; border: 0; padding-left: 0; }
}
/*品牌活动newslist-5*/
.widget-newslist-5 li { margin-bottom: 5px;}
.widget-newslist-5 li a { display: block; padding: 10px; background: #ffffff;}
.widget-newslist-5 ._img { border: 1px solid #ffffff;margin-bottom:8px;}
.widget-newslist-5 ._i { color: #999;}
.widget-newslist-5 ._title { font-size: 16px; cursor: pointer;}
.widget-newslist-5 ._p { line-height: 1.6em; overflow: hidden; height: 4.8em; cursor: pointer;
  color: #555555; }
.widget-newslist-5 li a:hover { background: #ededed;}
.widget-newslist-5 li a:hover ._img { border-color: #0e90d2;}
.widget-newslist-5 li a:hover ._title { color: #0e90d2;}


.widget-prolist-1 li { border-bottom: 1px solid #cccccc; padding: 15px 0; }
.widget-prolist-1 ._img { float: left; width: 200px;margin-right:15px;}
.widget-prolist-1 ._title { font-size: 14px; height: 26px; line-height: 26px; overflow: hidden; }
.widget-prolist-1 ._p { color: #999999; line-height: 26px; height: 78px; overflow: hidden; margin-bottom: 10px; }
.widget-prolist-1 ._more { display: inline-block; line-height: 26px; padding: 0 30px; border-radius: 3px; color: #ffffff; background: #01a437; cursor: pointer; float: right; }
.widget-prolist-1 ._more:hover { background: #ffeb05; color:#000; }
.widget-prolist-1 ._prosele { background: #dddddd; color: #000000; width:200px; height: 26px; line-height: 26px; }
@media only screen and (max-width: 480px) {
.widget-prolist-1 ._img { float: none; width: auto;}
.widget-prolist-1 ._img img {width: 100%; }
.widget-prolist-1 ._p { height: auto; }
.widget-prolist-1 ._more{ float:none; margin-bottom:10px;}
.widget-prolist-1 ._prosele{ float:none;}
}

.link_btn ._btn{ width:180px; height:44px; line-height:44px; text-align:center; display:inline-block; background-color:#01a437; color:#fff; font-size:15px; border-radius:4px; margin-right:28px;}

/*资料下载*/
.Download-D1-title{height:30px;line-height:30px;font-size:16px;font-weight:700;padding:0 10px;color:#fff;background:#01a437;/*background:#333*/}
.Download-D1-list li{height:30px;line-height:30px;background:#fff;color:#333;overflow:hidden;vertical-align:top;border-bottom:1px solid #eee\9}
.Download-D1-list li:nth-child(even){background:#ededed}
.Download-D1-list li a{color:#333}
.Download-D1-list li a:hover{color:#01a437}
.Download-D1-list ._title{padding:0 10px}
.Download-D1-list li .r{border-left:1px solid #ededed;padding:0 20px 0 10px}
.Download-D1-list [class^=ion]{font-size:21px;color:#01a437;vertical-align: middle;}
@media only screen and (max-width: 480px) {
.Download-D1-list li{font-size:10px;}
.Download-D1-list ._title{padding:0 0px; width:220px; }
.Download-D1-list li .r{padding:0 0px 0 0px}
}

/*工程指导*/
.widget-newslist-4 li { margin-top: -1px; vertical-align: top;border: 1px solid #ededed; 
  background: #ffffff; }
.widget-newslist-4 li a {position: relative;  display: block; overflow: hidden; 
  padding-left: 45px; transition: none; *zoom: 1; }
.widget-newslist-4 ._mark { position: absolute; top: 0; left: 0; width: 45px; 
  margin-bottom: -999px;padding-bottom: 999px; }
.widget-newslist-4 ._mark:before { content:"+"; position: absolute; left: 17px;top:4px;
  font-weight: 700;font-size: 18px; font-family: tahoma;}
.widget-newslist-4 ._title {line-height: 40px; height: 40px; 
  padding: 0 10px; cursor: pointer;border-bottom: 1px solid #ffffff; }
.widget-newslist-4 ._title ._t {font-size: 16px; float: left; width: 88%; 
  color:#333333;}
.widget-newslist-4 ._title ._date { float: right; text-align: center; color: #999999;
  width: 12%;}
.widget-newslist-4 ._p {line-height: 20px; overflow: hidden; height: 0;  margin: 0 10px;}
.widget-newslist-4 a:hover, .widget-newslist-4 .hover a, .widget-newslist-4 .hover ._t {
  color: #ffffff; background: #01a437;/*background: #0e90d2;*/}
.widget-newslist-4 a:hover ._mark, .widget-newslist-4 .hover ._mark { background: #45ac6e;/*background: #3bb4f2;*/}
.widget-newslist-4 a:hover ._mark:before, .widget-newslist-4 .hover ._mark:before {content: "-"; }
.widget-newslist-4 a:hover ._title, .widget-newslist-4 .hover ._title { border-color: #45ac6e;/*border-color: #3bb4f2;*/}
.widget-newslist-4 a:hover ._date, .widget-newslist-4 .hover ._date{color:#ffffff;}
.widget-newslist-4 a:hover ._p, .widget-newslist-4 .hover ._p { height: auto; margin: 10px;}
@media only screen and (max-width: 480px) { 
  .widget-newslist-4 ._title ._t { width: 100%;}
  .widget-newslist-4 ._title ._date { display: none;}
}
/*资讯天下*/
.widget-newslist-2 li { padding: 10px 0; border-bottom: 1px dotted #cccccc;}
.widget-newslist-2 ._t, .widget-newslist-2 ._t a { font-size: 16px; color: ;}
.widget-newslist-2 ._t a:hover { color: #0e90d2;}
.widget-newslist-2 ._p { line-height: 1.6em; overflow: hidden; height: 3.2em; margin: 5px 0;
  color: #999999; }
.widget-newslist-2 ._i { color: #cccccc;}
.widget-newslist-2 ._i .ion { font-size: 14px; color: #999999;}
.widget-newslist-2 ._i ._more:hover,.widget-newslist-2 ._i ._more:hover .ion { 
  color: #0e90d2;}
/*地图*/
#dituContent   img{max-width:none;}

/*分页*/
.page{font-size: 12px; color: #777777; text-align: center;margin-top: 30px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #5ac02a;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}

/*网站地图*/
.web_map { overflow: hidden; margin-bottom: 100px; }
.map_line { overflow: hidden; line-height: 30px; padding: 8px 10px; border-bottom: 1px solid #ddd; *zoom:1;
}
.map_line h4 { margin-right: 10px; }
.map_line h4 a { display: block; text-align: center; background: #ececec; font-size: 14px; }
.map_line h4 a:hover { background: #01a437; color: #fff; }
.site_cell a { float: left; color: #333; background: url(../img/cir_map.gif) 18px 10px no-repeat; padding-left: 35px; transition: none; }
.site_cell a:hover { background-position: 18px -31px; color: #01a437; }

/*产品询价*/
.Form-P2 .Form-P2-li { padding-top: 10px; }
.Form-P2 .Form-P2-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; }
.Form-P2 .Form-P2-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; }
.Form-P2 .Form-P2-li textarea { border: 1px #ddd solid; width: 70%; padding: 0; margin: 0; outline: none; }
.Form-P2 .Form-P2-li em { color: red; vertical-align: middle; padding-left: 10px; }
.Form-P2 .Form-P2-li input._yzm { width: 20%; }
.Form-P2 .Form-P2-li img { vertical-align: middle; padding-left: 10px; cursor: pointer; height: 30px; }
.Form-P2 .Form-P2-li b { color: #666; font-size: 12px; padding-left: 4px; }
.Form-P2 .Form-P2-li select { border: 1px #ddd solid; width: 70%; padding: 7px 0; }
.Form-P2 .Form-P2-Btn { padding: 27px 0 0 60px; }
.Form-P2 .Form-P2-Btn button { border: none;width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; border-radius: 4px; cursor: pointer; font-family: "微软雅黑"; }
.Form-P2 .Form-P2-Btn ._submit { background: #01a437; margin-right: 10px; }
.Form-P2 .Form-P2-Btn ._reset { background: #909090; }
.Form-J2 .Form-J2-Btn ._submit { background: #01a437 !important; }

/*右侧qq*/
#kefu{ width:120px; height:auto; position:fixed; top:50%; right:5px;z-index:89; background:#fff; border:1px solid #d1d1d1;border-top:2px solid #ca2d25; display:block; margin-top:-240px; padding-bottom:10px;}
#kefu .top{ width:100%; height:35px; line-height:35px;font-family:"Microsoft YaHei"; font-size:14px; color:#333; font-weight:bold; text-align:center;}
#kefu .kf_middle{ font-size:12px; width:100%; text-align:center;}
#kefu .kf_middle .kf_qq{ margin-bottom:5px;}
#kefu .kf_middle .kf_alww{ }
#kefu .kf_middle .kf_tel{ color:#991C0A; margin-bottom:5px;}
#kefu .kf_middle .kf_bttext{ margin-bottom:5px;}
#kefu .close{float:right; margin-right:10px; margin-top:10px; cursor:pointer;}
#right_bar{ width:28px; height:95px; position:fixed; top:50%; right:0; margin-top:-242px; z-index:90; display:none;}
#right_bar img{cursor:pointer;}
#kefu .kf_bttext{ font-weight:bold;}

/*工艺流程之摩擦焊钻杆*/
.licheng_pic2 .lp_pic01{ margin-bottom:82px;}
.licheng_pic2 .lp_pic02 .li, .licheng_pic2 .lp_pic02 .li_jt{ float:left;}
.licheng_pic2 .lp_pic02 .li .imgbox,.licheng_pic2 .lp_pic03 .li .imgbox{border-color: #ffce09;}
.licheng_pic2 .lp_pic02{margin-bottom: 40px;}
.licheng_pic2 .lp_pic02 .li_turn{top: 39px;left: -4.5%;}
.licheng_pic2 .lp_pic03{margin-bottom: 135px;}
.licheng_pic2 .lp_pic04{margin-bottom: 50px;}
.licheng_pic2 .lp_pic04 .li, .licheng_pic2 .lp_pic04 .li_jt{ float:left;}
.licheng_pic .lp_pic04 .li_turn{ position:absolute;left: -4.5%;top: 44px;}
.licheng_pic2 .lp_pic05 .li, .licheng_pic2 .lp_pic05 .li_jt{ float:left;}
.licheng_pic2 .lp_pic01,.licheng_pic2 .lp_pic02,.licheng_pic2 .lp_pic03,.licheng_pic2 .lp_pic04,.licheng_pic2 .lp_pic05{ position:relative;}
.licheng_pic2 .li_jt{ padding:0 14px;}
.licheng_pic2 .lp_pic04 .li .imgbox,.licheng_pic2 .lp_pic05 .li .imgbox{border-color: #414141;}

/*工艺流程之石油钻杆*/
.licheng_pic3 .lp_pic01  .li_jt{ padding:0 3px;}

/* 表格 */
.datalist{ border:1px solid #ccc; border-collapse:collapse; background:#fff; }
.datalist caption{ padding-bottom:5px; text-align:left;} 
.datalist th{ border:1px solid #ccc; background-color:#eee; font-weight:700;  padding:5px 15px; }
.datalist td{ border:1px solid #ccc; padding:5px 15px;}
.datalist tr.altrow{ background-color:#ccc;}

/*信息搜索*/
div.search-all{color:#000;line-height:25px; padding-bottom:10px;border-bottom: 1px #ddd solid;margin-top: 10px; margin-left:0;}
div.search-num{float:left;margin-right:5px; color:#01a437 !important; font-weight:bold;margin-right: 16px;}
div.search-title{float:left;font-weight:bold;}
div.search-content{padding-left: 25px;}
div.paging-search{ margin-top:15px; font-size:14px;}
div.paging-search a{ margin-right:5px;}
form.searchForm{background-color: #eee;padding: 16px 0 16px 10px;margin-bottom: 26px;}
form.searchForm span{ height:24px; width:125px; background-color:#fff; display:inline-block;}
form.searchForm span .inp{background: transparent;height: 16px;line-height: 16px; border: 0; width:99%; text-indent:0.5em;box-sizing: content-box;padding: 4px 0 4px 5px;}
form.searchForm .btn{ height:24px; line-height:normal; border-left-width:0;margin-left: -4px;background-color: #01a437 !important; vertical-align:bottom;}
form.searchForm .btn i{ color:#fff;} 

/* 2020-0629 */
.foot_media .f_media_box a{display:inline-block; width:40px; height:40px;}
.foot_media .f_media_box a.facebook{background:url(/Static/img/facebook.png) no-repeat center}
.foot_media .f_media_box a.youtobe{background:url(/Static/img/youtobe.png) no-repeat center}
.foot_media .f_media_box a.skype{background:url(/Static/img/skype.png) no-repeat center}
.foot_media .f_media_box a.linkedin{background:url(/Static/img/linkedin.png) no-repeat center}












