@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

.topadcs_a{width:100%; margin-bottom:0px;overflow:hidden; text-align:center;}
.topadcs_a a{display:block;margin:0 auto;height:400px;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*end reset*/


#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "微软雅黑"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;}



/*footer*/
.footer { overflow:hidden; width:100%; padding:40px 0; background-color:#515151; position:relative; z-index:1}
.footer .list{ padding-right:55px; margin-right:50px; height:230px; border-right:1px solid #585858; float:left; position:relative;}
.footer .last{ border:none; padding-right:0; margin-right:0}
.footer h3{ font-size:15px; color:#fff; padding-left:20px; margin-bottom:10px; font-weight:normal}
.footer h3 a{ color:#fff}
.footer .h01{ background:url(../images/f01.png) no-repeat left center;}
.footer .h02{ background:url(../images/f02.png) no-repeat left center;}
.footer .h03{ background:url(../images/f03.png) no-repeat left center;}
.footer .h04{ background:url(../images/f04.png) no-repeat left center;}
.footer ul{ overflow:hidden;}
.footer li,.footer p{ font-size:13px; line-height:26px; color:#bfbfbf}
.footer p a{ color:#bfbfbf}
.footer li a{ color:#bfbfbf}
.footer .ewm{ float:right; width:125px; margin-top:15px;}
.footer .ewm span{ display:block; text-align:center; font-size:12px; color:#bfbfbf;}
.footer .ewm img{ display:block; margin-bottom:15px;}
.footer li a:hover{ color:#fff;}
.footer .footer_tongji{ position:absolute;bottom:20px;right:-118px;}
.footer .footer_tongji a{color:#fff;}

/*title*/
.title { overflow:hidden; width:100%;}
.title h2{ text-align:center; font-weight:normal; font-size:30px; color:#333}
.title h2 a{ color:#333}
.title em{ display:block; text-align:center; font-size:12px; color:#999; text-transform:uppercase; margin:10px 0; font-family:Arial;}
.title i{ display:block; width:40px; height:3px; background-color:#007f41; margin:0 auto}
.title p{ font-size:16px; color:#333; text-align:center; margin:10px 0}


/*lybox*/
.lybox { overflow:hidden; width:346px; margin-bottom:8px;}
.lybox label{ display:block; width:344px; border:1px solid #e1e1e1; overflow:hidden; margin-bottom:6px;}
.lybox span{ display:block; width:45px; height:35px; border-right:1px solid #e1e1e1; float:left}
.lybox input{ display:block; float:right; width:290px; border:none; background:none; outline:none; height:35px; line-height:35px; font-size:13px; color:#999}
.lybox input::-webkit-input-placeholder {color:#999;}
.lybox input::-moz-input-placeholder {color:#999;}
.lybox input::-ms-input-placeholder {color:#999;}
.lybox textarea{ display:block; float:right; width:290px; border:none; background:none; outline:none; height:106px; line-height:35px; font-size:13px; color:#999; resize:none}
.lybox textarea::-webkit-input-placeholder {color:#999;}
.lybox textarea::-moz-input-placeholder {color:#999;}
.lybox textarea::-ms-input-placeholder {color:#999;}
.lybox .company{ background:url(../images/name-c.png) no-repeat center;}
.lybox .name{ background:url(../images/name.png) no-repeat center;}
.lybox .phone{ background:url(../images/name-p.png) no-repeat center;} 

.lybox .mail{ background:url(../images/name-mail.png) no-repeat center;} 

.lybox .xuqiu{ background:url(../images/name-x.png) no-repeat center top; height:106px;}


/*about_nav*/
.about_nav { overflow:hidden; width:100%; height:76px; margin-top:60px; margin-bottom:25px; position:relative}
.about_nav i{ display:block; width:100%; height:1px; background-color:#eaeaea; position:absolute; left:0; bottom:1px;}
.about_nav ul{ overflow:hidden; position:relative; width:100%; text-align:center; z-index:2;}
.about_nav li{ display:inline-block; height:76px; margin:0 2px;}
.about_nav li { *display:inline}
.about_nav li a{ display:block; padding:0 20px; height:34px; font-size:14px; color:#555; text-decoration:none; line-height:34px;}
.about_nav li.cur,.about_nav li:hover{ background:url(../images/about_menu.png) no-repeat center bottom}
.about_nav li.cur a,.about_nav li:hover a{ background-color:#007f41; border-radius:3px; color:#fff;}


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
.b15{background: url(../images/skinsvibtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}



.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:70%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}









/*右侧浮动*/
.float{ position:fixed; top:55%; right:0; margin-top:-176px; z-index:2000; width:48px; height:250px;}
/*.float_show{ background:url(../images/float_yy.png) repeat; width:48px; height:48px;}*/
.float_show a{ background-color:#007f41;display:block; color:#FFF; font-size:16px; width:auto; height:48px; overflow:hidden;text-decoration: none;}
.float_show a img{ vertical-align:middle;}
/*.float_show.float_show0{ background:url(../images/float_curho.png) no-repeat top;padding-top:6px; height:48px;}*/
.float_show.float_show0 a{ background:url(../images/float_curho.png) no-repeat; width:48px; height:48px;}
.float_show:hover a{ background-color:#007f41; line-height:48px; color:#FFF;}
/*.float_show.float_show0:hover{ background:url(../images/float_icon1_2.png) no-repeat top;}*/
.float_show.float_show0:hover a{ background:url(../images/float_icon1_2.png) no-repeat;}
.float_wx{ display:none; position:absolute; top:-128px; left:-188px; background:url(../images/float_wxbd.png) no-repeat; width:144px; height:168px; padding:18px 27px 0 17px;}
.float_show.float_show1{ position:absolute; top:55px; right:-124px; width:194px;}
.float_show.float_show2{ position:absolute; top:104px; right:-172px; width:247px;}
.float_show.float_show3{ position:absolute; top:153px; right:-78px; width:126px;display:none;}
.float_show.float_show4{ position:absolute; top:202px; right:-78px; width:126px;display:none;}


/*page分页*/
.Page {
    width: 100%;
    text-align: center;
    padding: 50px 0px;
}
.Page a {
    display: inline-block;
    width: 65px;
    background: #ffffff;
    height: 48px;
    vertical-align: middle;
    line-height: 48px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    float: left;
    text-decoration: none;
    color: #333;
    outline: none;
}
.Page a:hover {
    display: block;
    background: #666;
color: #fff
}
.Page span.current {
    background: #666;
    color: #FFF;
}
.Page span {
    display: inline-block;
    min-width: 45px;
    padding: 0 10px;
    background: #ffffff;
    height: 48px;
    vertical-align: middle;
    line-height: 48px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    float: left;
}
 



/**/
/*首页css*/
.tit-lx{ border: 1px solid #e2e3e8;   padding: 2% 5%;  margin-right: 2%;    line-height: 38px;-webkit-transition-duration: 1.1s;
    transition-duration: 1.1s;}
.tit-lx:hover  i.fa{color:#FF5722;}
.tit-lx:hover {
    border: 1px solid #FF5722;
    cursor: pointer;
}
i.fa {
    position: relative;
    top: 4px;
    left: -4px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix{height:1%}


.map-service{position:relative;height:760px;background:url(../images/bg.jpg) center no-repeat; /*   background: #595757;*/}
.map-service-right{padding-top:60px;    margin: 0 auto;    width: 1058px;}
.china-map{width:748px;height:618px;background:url(../images/map_black_bg.png) center no-repeat;position:relative; }
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
    0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
    100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
    0%{-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
    0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-30px;left:-30px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:358px;top:516px}
.postition-4{left:473px;top:348px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:515px}
.postition-7{left:652px;top:200px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:554px;top:539px}
.postition-11{left:604px;top:300px}
.postition-13{left:470px;top:250px}
.postition-14{    left: 597px;    top: 402px;}
.douhao{width:0}

.mz-module-about span {
    font-size: 1.6em;
    color: #FFF;
}
.mz-module-about p {
    font-size: 15px;
    font-weight: 300;
    color: #FFF;
}
.mz-module-about h3 {
    font-weight: 500;
    font-size: 19px;
    margin-bottom: 12px;
    color: #FFF;
}
.mz-module-about {
    padding-top: 48px;
}
.mc {
    margin: 0px auto;
}
.wd80 {
    width: 80%;
}



/**/


.pro_list_con .list{ float:left; width:280px; height:320px;margin:0 12px 12px 0; background:#fff; position:relative; text-align:center; overflow:hidden; border:1px solid #f6f6f6;}
.pro_list_con .list>img{ height:280px;}
.pro_list_con>.list>span{ text-align:center; font-weight:bold;  display:block; padding:0 20px; white-space:nowrap; overflow:hidden;}

.pop_pro_new{ width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.pro_list_con .list:hover .pop_pro_new{ display:block;}
.pop_pro_new a{ display:block; height:23%; padding-left:70px; align-items:center; display:flex; border-bottom:1px solid rgba(255,255,255,0.6); color:#fff;}
.pop_pro_new a:last-child{ border:0;}
.pop_pro_new a.line1{ background:url(../images/productlist_icon1.png) no-repeat 30px center rgba(0,105,56,0.9);}
.pop_pro_new a.line2{ background:url(../images/productlist_icon2.png) no-repeat 30px center rgba(0,105,56,0.9);}
.pop_pro_new a.line3{ background:url(../images/productlist_icon3.png) no-repeat 30px center rgba(0,105,56,0.9);}
.pop_pro_new a.line4{ background:url(../images/productlist_icon4.png) no-repeat 30px center rgba(0,105,56,0.9);}
.pop_pro_new a:hover{ height:31%; color:#fff;}
.pop_pro_new a.line1:hover{ background:url(../images/productlist_icon1.png) no-repeat 30px center rgba(0,105,56,1);}
.pop_pro_new a.line2:hover{ background:url(../images/productlist_icon2.png) no-repeat 30px center rgba(0,105,56,1);}
.pop_pro_new a.line3:hover{ background:url(../images/productlist_icon3.png) no-repeat 30px center rgba(0,105,56,1);}
.pop_pro_new a.line4:hover{ background:url(../images/productlist_icon4.png) no-repeat 30px center rgba(0,105,56,1);}