@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;height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #747474;}
.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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/top.gif) no-repeat}
#fall{background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/top.gif) no-repeat 0 -80px}
#ct{background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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;border-bottom: #333 1px solid;}
.footer .list{ padding-right:55px; margin-right:50px; height:180px; 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%;padding-bottom: 30px;}
.title h2{ text-align:center; font-weight:normal; font-size:30px;     background-color: #D9FFE6;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;margin-top: 8px;}
.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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/name-c.png) no-repeat center;}
.lybox .name{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/name.png) no-repeat center;}
.lybox .phone{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/name-p.png) no-repeat center;} 

.lybox .mail{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/name-mail.png) no-repeat center;} 

.lybox .xuqiu{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/float_curho.png) no-repeat top;padding-top:6px; height:48px;}*/
.float_show.float_show0 a{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/float_icon1_2.png) no-repeat top;}*/
.float_show.float_show0:hover a{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/float_icon1_2.png) no-repeat;}
.float_wx{ display:none; position:absolute; top:-128px; left:-188px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/productlist_icon1.png) no-repeat 30px center rgba(0,105,56,0.9);}
.pop_pro_new a.line2{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/productlist_icon2.png) no-repeat 30px center rgba(0,105,56,0.9);}
.pop_pro_new a.line3{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/productlist_icon3.png) no-repeat 30px center rgba(0,105,56,0.9);}
.pop_pro_new a.line4{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/productlist_icon1.png) no-repeat 30px center rgba(0,105,56,1);}
.pop_pro_new a.line2:hover{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/productlist_icon2.png) no-repeat 30px center rgba(0,105,56,1);}
.pop_pro_new a.line3:hover{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/productlist_icon3.png) no-repeat 30px center rgba(0,105,56,1);}
.pop_pro_new a.line4:hover{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/productlist_icon4.png) no-repeat 30px center rgba(0,105,56,1);}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/top.gif) no-repeat}
#fall{background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/top.gif) no-repeat 0 -80px}
#ct{background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/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:14px; font-family: microsoft yahei , "微软雅黑"; position:relative;min-width:1200px;}/*网站字体颜色*/



.wrap-header {height: 40px;background: #f5f5f5;position: relative;z-index: 3;}
.header p {height: 40px;line-height: 40px;font-size: 12px;color: #747474;}
.header ul li {float: left;height: 14px;margin-top: 13px;line-height: 14px;padding: 0 10px;border-left:1px dotted #bcbcbc;position: relative;}
.header ul li:first-child {border-left: none;}
.header ul li span {display: none;width: 90px;height: 90px;padding:18px 5px 5px 5px;background: #f5f5f5;position: absolute;left: -15px;top: 14px;}
.header ul li span img {display: block;width: 90px;height: 90px;}
.header ul li:hover span {display: block;}

/**/

.logo {height: 102px;position: relative;z-index: 5;}
.logo .container {height: 102px;position: relative;}
.logo h1 {width: 211px;height: 80px;float: left;margin-top: 25px;}
.logo .nav {float: right;margin:40px 0 0 0;}
.logo .nav ul li {float: left;margin:0 17px;font-size: 17px;height: 22px;line-height: 22px;padding-bottom: 38px;position: relative;}
.logo .nav ul li a {color: #333;text-decoration: none;}
.logo .nav ul li:hover ,.logo .nav ul li.cur {border-bottom: 2px solid #007f41;}
.logo .nav ul li:hover a ,.logo .nav ul li.cur a {color: #007f41;}
.logo .nav li .xial{position: absolute;top: 62px;background: url(/images/bgc.png);padding: 36px 0 0 40px;width: 590px;height: 324px;display: none;}
.logo .nav li .xial dt{float: left;width: 315px;}
.logo .nav li .xial dt img{display: block;width: 315px;height: 195px;cursor: default;}
.logo .nav li .xial dt h3{font-size: 18px;color: #fff;font-weight: normal;margin: 30px 0 4px 0;}
.logo .nav li .xial dt h3 a{color: #fff;text-decoration: none;cursor: default;}
.logo .nav li .xial dt p{font-size: 14px;color: #fff;}
.logo .nav li .xial dd{float: left;margin-left: 60px;width: 200px;}
.logo .nav li .xial dd a{display: block;margin-bottom: 13px;font-size: 14px;color: #fff;text-decoration: none;padding-left: 30px;background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/nav_icon09.png) no-repeat left center;}
.logo .nav li .xial dd a:hover{background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/nav_icon10.png) no-repeat left center;color: #007f41;}
.logo .nav li:hover .xial{display: block;}
.logo .nav li .xial3{left: -560px;}
.logo .nav li .xial4{left: -560px;}
.logo .nav li .xial5{left: -560px;}
.banner{margin: 0 auto; overflow:hidden; width:100%; min-width: 1200px;}
#flashs{position:relative; height:500px; overflow:hidden;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


.banbox {position: relative;height: 0px;}
.banbox .boxqh {position: absolute;left: 50%;margin-left: -600px;bottom: 0;width: 1200px;z-index: 2;height: 320px;overflow: hidden;}
.banbox .boxqh .conbox {width: 300px;float: left;height: ;}
.banbox .boxqh .conbox dl {border-left: 1px solid rgba(158, 158, 158,0.3);height: 90px;position: relative;top: 230px;background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/banbg.png);transition: all 0.5s;}
.banbox .boxqh .conbox:first-child dl{border-left:none;}
.banbox .boxqh dt {display: none;}
.banbox .boxqh dd.dd1 {padding: 30px 0 24px 131px;transition: all 0.5s;}
.banbox .boxqh dd.dd1 span {display: block;font-size: 18px;color: #fff;;}
.banbox .boxqh dd.dd1 i {font-size: 12px;color: #fff;}
.banbox .boxqh em {display: block;width: 44px;height: 44px;position: absolute;left: 60px;top: 23px;transition: all 0.5s;transition: all 0.5s;}
.banbox .boxqh .dl1 em {background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/banicon01.png) no-repeat center}
.banbox .boxqh .dl2 em {background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/banicon02.png) no-repeat center}
.banbox .boxqh .dl3 em {background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/banicon03.png) no-repeat center}
.banbox .boxqh .dl4 em {background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/banicon04.png) no-repeat center}
.banbox .boxqh dd.dd2 {display: none;}

.banbox .boxqh .conbox dl:hover {top: 0;background: rgba(33, 102, 58,0.5);height: 320px;border-left: none;}
.banbox .boxqh .conbox dl:hover dt {display: block;width: 300px;height: 158px;}
.banbox .boxqh .conbox dl:hover dt img {display: block;width: 300px;height: 158px;}
.banbox .boxqh .conbox dl:hover dd.dd1 {padding: 0;margin: 24px;background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/jtr03.png) no-repeat right center;}
.banbox .boxqh .conbox dl:hover dd.dd1 i {display: none;}
.banbox .boxqh .conbox dl:hover dd.dd1 em {left: 225px;top: 265px;}
.banbox .boxqh .conbox dl:hover dd.dd2 {display: block;font-size: 14px;color: #fff;margin-left: 24px;}


/* 动画 */
.logo .l_s1 {display: block;width: 22px;height: 22px;position: absolute;right: 42px;top: 40px;padding-right: 20px;border-right: 1px dotted #cccccc;}
.logo .l_s1 a {display: block;width: 22px;height: 22px;background: url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/l_icon01.png) no-repeat center;-webkit-transition: -webkit-transform 0.4s ease-out;
            -moz-transition: -moz-transform 0.4s ease-out;
            transition: transform 0.4s ease-out;
}
#gavinPlay{
    /* background:color url x y repeat 图片来自百度图片，按需要更换 */
    background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/l_icon01.png) center no-repeat;
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    background-size:cover;
    /* 随便设置宽高值，测试 */
    width:22px;
    height:22px;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 3s linear infinite;
    -moz-animation:play 3s linear infinite;
    animation:play 3s linear infinite;
}
@-webkit-keyframes play{
    0%  {
        /*
        水平翻转
        */
        -webkit-transform:rotateZ(0deg);
        /*
        垂直翻转
        -webkit-transform:rotateX(0deg);
        顺时针旋转
        -webkit-transform:rotate(0deg);
        逆时针旋转
        -webkit-transform:rotate(0deg);
        */
    }
    100% {
        /* 水平翻转 */
        -webkit-transform:rotateZ(360deg);
        /* 垂直翻转
        -webkit-transform:rotateX(360deg);
        顺时针旋转
        -webkit-transform:rotate(360deg);
        逆时针旋转
        -webkit-transform:rotate(-360deg);
        */
    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform:rotateZ(0deg);
        /*
        -moz-transform:rotateX(0deg);
        -moz-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        */
    }
    100% {
        -moz-transform:rotateZ(360deg);
        /*
        -moz-transform:rotateX(360deg);
        -moz-transform:rotate(360deg);
        -moz-transform:rotate(-360deg);
        */
    }
}
@keyframes play{
    0%  {
        transform:rotateZ(0deg);
        /*
        transform:rotateX(0deg);
        transform:rotate(0deg);
        transform:rotate(0deg);
        */
    }
    100% {
        transform:rotateZ(360deg);
        /*
        transform:rotateX(360deg);
        transform:rotate(360deg);
        transform:rotate(-360deg);
        */
    }
}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(/images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(/images/babot2.png) no-repeat center; right:5%; z-index: 2;}



/*search*/
.search { overflow:hidden; width:1200px; margin:30px auto; height:40px;}
.search p{ float:left; line-height:40px; font-size:13px; color:#333}
.search p a{ color:#333}
.search .sbox{ overflow:hidden; width:360px; height:40px; background-color:#f1f1f1; float:right}
.search .sbox input{ background:none; margin-left:10px; float:left; display:block; width:300px; height:40px; line-height:40px; border:none; outline:none; font-size:13px; color:#979797}
.search .serch_click{ display:block; float:right; width:50px; height:40px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/search.png) no-repeat center; cursor:pointer}
.search .sbox input::-webkit-input-placeholder {color:#979797;}
.search .sbox input::-moz-input-placeholder {color:#979797;}
.search .sbox input::-ms-input-placeholder {color:#979797;}

/*product*/
.product { overflow:hidden; width:100%; padding:50px 0; background-color:#f7f7f7}
.product .pbox{ overflow:hidden; margin-top:35px;}
.product .proLeft{ overflow:hidden; float:left; width:280px; background-color:#fff; padding-bottom:0px;}
.product h3{ width:100%; height:78px; background:url(/UploadFiles/2019-11/2019110923572725237.jpg) no-repeat center; font-weight:normal; font-size:26px; line-height:78px; text-align:center}
.product h3 a{ color:#fff;}
.product dl{ overflow:hidden; width:260px; margin:0 auto; margin-top:20px;}
.product dt{ overflow:hidden; width:100%; height:45px; font-size:16px; background:url(/images/about_flowbtn02-1.png) no-repeat 10px center; background-color:#e8e8e8; line-height:45px;margin-bottom: 10px;}
.product dt a{ display:block; color:#333; padding-left:40px;text-decoration: none;}
.product dt a:hover{ display:block; color:#fff; padding-left:30px;text-decoration: none;/*background:url(/images/about_flowbtn02-2.png) no-repeat 15px center;*/ background-color:#007f41;}
.product dd{ overflow:hidden; width:260px; padding-left:14px;}
.product dd a{ display:block; padding-left:10px; background:url(/images/pro_list.png) no-repeat left center; font-size:13px; color:#333; line-height:36px;}
.product dd a:hover{display:block; color:#fff; padding-left:10px;text-decoration: none;/*background:url(/images/about_flowbtn02-2.png) no-repeat 15px center;*/ background-color:#007f41;}
.product .proRight{ overflow:hidden; float:right; width:920px; margin-right:-20px;}
.product .list{ overflow:hidden; width:210px; margin-right:20px; height:210px; background-color:#fff; float:left; margin-bottom:18px;
    position: relative;
    overflow: hidden;
                }
.product .list img{    display: block;
    transition: all 1s ease-out;
    transform: scale(1);}
.product .list .til{ display:block; width:100%; height:56px; margin-top: 170px; text-align:center; font-size:13px; color:#333; text-decoration:none; padding-top:10px;}

.product .list a{
    width: 210px;
    height: 227px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.product .list:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.product .list:hover a{display: block;}
.product .list:hover img{transform: scale(1.2);}

/*ad*/
.ad { overflow:hidden; width:100%; height:207px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/ad01_s.jpg) no-repeat center; margin-bottom:60px;}
.ad .adbox{ overflow:hidden; width:1200px; margin:0 auto; height:207px; position:relative}
.ad .ren{ display:block; position:absolute; left:40px; bottom:-230px;}
.ad .wen{ width:665px; margin-top:45px; /*margin-left:255px;*/ margin-left:-600px;}
.ad h3{ font-weight:normal; font-size:30px; color:#fff;}
.ad em{ display:block; font-size:14px; color:#fff; opacity:0.8; filter:alpah(opacity=0.8); text-transform:uppercase; margin:5px 0 20px;}
.ad p{ font-size:18px; color:#fff; margin-bottom:15px;}
.ad .img01{ display:none; position:absolute; right:235px; top:28px;}
.ad .img02{ display:none; position:absolute; right:10px; top:28px;}

/*应用*/
.yingyong { overflow:hidden; width:100%; margin-bottom:60px;padding: 50px 0;}
.yingyong .yybox{overflow:hidden; width:1200px; margin:0 auto; height:350px; margin-top:30px; position:relative}
.yingyong .menu { overflow:hidden; width:238px; height:350px; float:left}
.yingyong .menu li{ overflow:hidden; width:100%; height:57px; margin-bottom:2px; background-color:#e9e9e9; *float:left; position:relative; left:-300px;}
.yingyong .menu a{ display:block; width:100%; height:100%; font-size:14px; color:#000; text-decoration:none; line-height:57px;}
.yingyong .menu .list span{ display:inline-block; width:27px; height:27px; overflow:hidden; margin-left:25px; position:relative; top:10px; margin-right:10px;}
.yingyong .menu .list span{ *display:inline}
.yingyong .menu .list span img{ display:block; position:absolute; left:0; top:0}
.yingyong .menu .list.cur a{ background-color:#007f41; color:#fff;}
.yingyong .menu .list.cur img{top:-27px;}
.yingyong .menu .phone{ overflow:hidden; padding-left:68px; width:170px;background-color:#6f6f6f}
.yingyong .menu .phone p{ font-size:24px; color:#fff; margin-top:9px;}
.yingyong .menu .phone span{ display:block; font-size:22px; color:#000; font-family:Arial;}
.yingyong .tuwen { overflow:hidden; width:945px; height:460px; float:right; position:relative; left:1000px;}
.yingyong .tuwenlist{ overflow:hidden; position: relative; width:100%; height:100%;}
.yingyong .tuwen ul{ overflow:hidden; position:absolute}
/*.yingyong .tuwen li{ float:left; width:945px; height:460px; position:relative}
.yingyong .tuwen img{ display:block;}
.yingyong .tuwen p{ width:895px; height:52px; padding:15px; background-color:#fff; line-height:26px; font-size:13px; color:#333; position:absolute; z-index:1; left:10px; bottom:10px; overflow:hidden;}

*/
.yingyong .tuwen span{ cursor:pointer; display:block; width:42px; height:83px; position:absolute; z-index:6; top:170px;}
.yingyong li.list2{ overflow:hidden;float:left;position:relative;width:960px; height:350px; background-color:#fff;}
.yingyong li.list2 img{ display:block; float:left}
.yingyong li.list2 .wen{ float:right; width:410px; margin-right:30px; margin-top:40px;}
.yingyong li.list2 h3{ font-weight:normal; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:25px;}
.yingyong li.list2 h3 a{ color:#000}
.yingyong li.list2 p{ font-size:14px; line-height:26px; color:#666; height:130px; overflow:hidden; text-align:justify; margin-bottom:60px;}
.yingyong li.list2 .btn{ overflow:hidden; width:100%;}
.yingyong li.list2 .btn a{ display:block; width:142px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#fff; text-decoration:none; float:left; margin-right:7px; background-color:#007f41;}
.yingyong li.list2 .btn a.lij{ background-color:#4a4a4a}
.yingyong .tuwen .btn01{ background:url(/images/yybtn.png) no-repeat center top; left:30px; display:block!important;}
.yingyong .tuwen .btn02{ background:url(/images/yybtn.png) no-repeat center bottom; right:30px; display:block!important;}
.gdtp {
}
.gdbox {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    overflow: hidden;
}
/*品质*/
.pingzhi { overflow:hidden; padding:60px 0; background-color:#FFFFFF; width:100%;}
.pingzhi ul{ width:1230px; margin:30px auto 0 auto;}
.pingzhi li{ float:left; margin:0 10px 30px 10px; background-color:#fff; width:180px;position:relative}
.pingzhi li a:hover{ text-decoration:none;}
.pingzhi li b{ display:block; width:100%; height:140px; overflow:hidden;}
.pingzhi li img{ display:block}
.pingzhi li .wen{ overflow:hidden; width:100%; height:40px;}
.pingzhi li h3{ text-align:center; font-weight:normal; font-size:16px; color:#000; margin:8px 0 20px 0}
.pingzhi li p{ font-size:14px; line-height:22px; color:#565656; width:334px; margin:0 auto;}
.pingzhi li:hover h3,.pingzhi li:hover p{ color:#fff}
.pingzhi li:hover .wen{ background-color:#007f41}

/*about+ry*/
.about_ry { overflow:hidden; width:100%; margin:60px 0 40px 0}
.about_ry .title{ margin-bottom:50px;}

.about { overflow:hidden; width:1200px; margin:0 auto; height:460px;}
.about dl{ overflow:hidden; width:100%; height:330px;}
.about dt{ float:left; width:598px; height:330px; overflow:hidden}
.about dd{ float:right; width:580px; height:330px;}
.about dd p{ font-size:15px; color:#333; line-height:25px; text-align:justify; height:330px; overflow:hidden}
.about dd a{ display:block; width:116px; height:32px; background:url(/images/about_btn.png) no-repeat center; margin-top:50px;}

.ry { overflow:hidden; width:1315px; height:460px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/img_k.jpg) no-repeat center 314px; margin:0 auto; display:none}
.ry .rybox{ overflow:hidden; width:1200px; margin:0 auto; height:275px; position:relative}
.ry .rybox ul{ overflow:hidden; position:absolute}
.ry .rybox li{ float:left; width:276px; height:275px; margin:0 12px;}
.ry .rybox li img{ display:block; padding:16px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/img_bg.jpg) no-repeat center; margin-bottom:28px;}
.ry .rybox li a{ display:block; text-decoration:none; text-align:center; font-size:16px; color:#666}
.ry .btn{ display:block; margin:0 auto; width:116px; height:32px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/about_btn.png) no-repeat center; margin-top:20px;}

.about_ry .menu { overflow:hidden; width:810px; margin:0 auto; height:70px; margin-top:50px; position:relative}
.about_ry .menu i{ display:block; width:100%; height:1px; background-color:#d6d6d6; position:absolute; left:0; bottom:9px; z-index:0}
.about_ry .menu ul{ overflow:hidden; position:relative; z-index:1; width:368px; height:70px; margin:0 auto;}
.about_ry .menu li{ float:left; width:164px; height:70px; margin:0 10px;}
.about_ry .menu .list{ display:block; text-decoration:none; line-height:41px; text-align:center; overflow:hidden; width:164px; height:41px; font-size:16x; color:#666;}
.about_ry .menu span{ display: inline-block; width:27px; height:28px; overflow:hidden; position:relative; top:7px; *top:0; margin-right:5px;}
.about_ry .menu span{ *display:inline}
.about_ry .menu span img{ display:block; position:absolute; left:0; top:0}
.about_ry .menu b{ display:block; width:16px; height:16px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/anbout_y.png) no-repeat center; margin:0 auto; margin-top:12px;}
.about_ry .menu li.cur .list{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/about_01.png) no-repeat center; color:#fff;}
.about_ry .menu li.cur span img{ top:-28px;}
.about_ry .menu li.cur b{ background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/about_yc.png) no-repeat center}

/*news*/
.news { overflow:hidden; width:100%; padding:30px 0 50px; background-color:#fff}
.news .list{ float:left; overflow:hidden; margin-right:30px; height:375px;}
.news .top{ overflow:hidden; width:100%; height:40px; padding-top:20px;}
.news .top h3{ font-weight:normal; float:left;}
.news .top h3 a{ font-size:18px; color:#000;}
.news .top span{ font-size:14px; color:#999; font-family:Arial; margin-left:5px;}
.news .top .more{ float:right; font-size:13px; color:#666; display:block; margin-top:10px;}
.news .box{ overflow:hidden; width:100%; height:315px; position:relative}
.news .tu{ overflow:hidden; width:100%; height:118px; margin-bottom:20px;}
.news .tu img{ display:block; float:left;}
.news .tu .wen { float:right; width:210px;}
.news .tu h4{ font-size:14px; margin:12px auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .tu h4 a{ color:#000}
.news .tu p{ font-size:13px; line-height:22px; color:#333; height:66px; width:100%; overflow:hidden; text-align:justify;}
.news .lihui{ width:390px;}
.news .lihui ul{ overflow:hidden; width:100%;}
.news .lihui li{ width:380px; overflow:hidden; float:left; padding-left:10px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/pro_list.png) no-repeat left center; line-height:36px;}
.news .lihui li a{ display: inline-block; float:left; font-size:14px; color:#333;max-width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .lihui li a:hover{color:#007f41;}
.news .lihui li span{ display:block; float:right; font-size:14px; color:#666; font-family:Arial}
.news .wenti ul{ overflow:hidden; width:100%; position:absolute}
.news .wenti li{ width:100%; height:92px; border-bottom:1px dashed #dedede; margin-top:10px;}
.news .wenti li h4{ padding-left:35px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/news_w.png) no-repeat left center; line-height:27px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; font-weight:normal; margin-bottom:8px;}
.news .wenti li h4 a{ color:#000}
.news .wenti li p{ font-size:13px; color:#333; line-height:24px; height:48px; padding-left:35px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/news_d.png) no-repeat left top; overflow:hidden;}
.news .wenti { width:365px; margin-right:0}
.news .liuyan { overflow:hidden; width:365px; height:425px; background-color:#fff; padding-left:24px; float:right}
.news .liuyan p{ font-size:22px; color:#000; margin-top:25px; margin-bottom:20px;}
.news .liuyan em,.news .liuyan b{ display:block; float:left;text-align:center; font-size:13px; color:#fff; width:167px; height:37px; line-height:37px; cursor:pointer}
.news .liuyan em{ background-color:#007f41;}
.news .liuyan b{ background-color:#4a4a4a; margin-left:8px;}

/* 底部pdf下载 */
.news .lihui_a{ width:360px; margin-left: 25px;}
.news .lihui_a ul{ overflow:hidden; width:100%;}
.news .lihui_a li{ width:330px; overflow:hidden; float:left; padding-left:10px; background:url(http://www-x-chjl-x-cc.img.abc188.com/Templates/nuodian/html/statics/images/pro_list.png) no-repeat left center; line-height:36px;}
.news .lihui_a li a{ display: inline-block; float:left; font-size:14px; color:#333;max-width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .lihui_a li a{ *display:inline}
.news .lihui_a li span{ display:block; float:right; font-size:14px; color:#666; font-family:Arial}

.news .liuyan_a { overflow:hidden; width:350px; height:425px; background-color:#fff; padding-left:24px; float:right}
.news .liuyan_a p{ font-size:22px; color:#000; margin-top:25px; margin-bottom:20px;}
.news .liuyan_a em,.news .liuyan b{ display:block; float:left;text-align:center; font-size:13px; color:#fff; width:167px; height:37px; line-height:37px; cursor:pointer}
.news .liuyan_a em{ background-color:#007f41;}
.news .liuyan_a b{ background-color:#4a4a4a; margin-left:8px;}



.link{ overflow: hidden; width: 100%; padding: 20px 0}
.link h3{ float: left; width: 75px; color: #666666; font-size: 14px; margin-top: 5px;}
.link h3 a{  color: #666666; }
.link .ul{ float: right; width: 1100px;}
.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #00824a; padding: 0 20px; font-size: 14px;}
.link .ul li a{ color: #666666;}
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.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;}
/* 常量设置 */
html { overflow-x:hidden;}
html,body,.wrap { min-width:1200px;}
.wrap { width:1200px; margin-right:auto; margin-left:auto;margin-bottom: 20px;}
body{font-size:13px; line-height:1.6; color:#555; background:#fff;}
a{color:inherit;}
/*a:hover { color:#39f;}*/
::-moz-selection {color:#fff; background:#39f; }
::selection {color:#fff; background:#39f; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*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);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */

.pageHeader{position: relative;}
.top_left{padding: 29px 0px 29px 25px;}
.top_left a{display: block;line-height: 1;}

.top_right{ padding: 32px 13px 30px 0; line-height: 24px;}
/*.infor1{font-size: 16px;color:#545454;font-weight: bold;margin-right: 32px;}
.infor2{font-size: 14px;color:#ff0000;margin-right: 42px;}
.infor2 i{font-size: 18px;}
.infor3{font-size: 15px;color: #444444;position: relative;}
.infor3 .iconfont{font-size: 17px;color:#d5dbdf;display: inline-block;margin-top: -2px;margin-right: 7px;}
.infor3 .ion{font-size: 7px;color:#b4bfc6;}*/
.stock { display:inline-block; *display:inline; *zoom:1; margin:0 37px 0 34px; font-size:0; }
.stock ._num,.stock ._price { font-size: 16px;color:#545454;font-weight: bold; }
.stock ._price { margin-right: 32px; }
.stock ._wave_box { display:inline-block; *display:inline; *zoom:1; position:relative; font-size:0; padding-right:20px; color:#ff0000; }
.stock.gored ._wave_box { color:#ff0000; }
.stock.gogreen ._wave_box { color:#35d11e; }
.stock ._wave_box ._wave_num,.stock ._wave_box ._wave_per { font-size: 14px; }
.stock ._wave_box:after { content:'--'; display:block; position:absolute;top:50%; margin-top:-11px; right:0; font-size:0; background-image:none; }
.stock.gored ._wave_box:after,.stock.gogreen ._wave_box:after { width:17px; height:17px; background-image:url(../img/Hdft01.png); background-repeat:no-repeat; }
.stock.gored ._wave_box:after { background-position:0 0; }
.stock.gogreen ._wave_box:after { background-position:0 -20px; }
.stock.unchanged ._wave_box:after { font-size:14px; background-image:none; }
.stock.unchanged.gored ._wave_box:after { color:#ff0000; }
.stock.unchanged.gogreen ._wave_box:after { color:#35d11e; }
.infor3 .language {position: absolute;  width: 100%; height: 0; z-index: 100; background: #ddd; text-align: center;transition: all 0.5s;overflow: hidden;}
.infor3 .language p:hover{background-color: #ccc;}
.infor3:hover .language{position: absolute;  width: 100%; height: 45px; z-index: 100; background: #ddd; text-align: center;transition: all 0.5s;}





.cbanner .banner ul .banner_li a{ display: block; position: relative; height: 600px;overflow: hidden; }
.cbanner .banner ul .banner_li a.default{ cursor: default;}
.cbanner .banner ul .banner_li a img{position: absolute;left: 50%;margin-left: -960px;width: 1920px;max-width: 1920px;} 
.cbanner nav.unslider-nav{position: absolute;bottom: 40px;left: 0; right: 0;z-index: 12; text-align: center;}
.cbanner ol li{width: 13px;height: 13px;border-radius: 20px;background-color: #fff;margin: 0 6px;font-size: 0;cursor: pointer;box-shadow: 1px 1px 1px #ccc;}
.cbanner nav.unslider-nav .unslider-active{width:15px;height: 15px;border-radius: 20px;border: 1px solid #fff;background: none;}
.cbanner .unslider-arrow{font-size: 21px;display: none;}

.pageMain .cbanner{height: 600px;overflow: hidden;position: relative;}

/*nav*/
.pageHeader .navs{ position: absolute; top: 100%; z-index: 8;width: 100%; background-color:#fff; background:rgba(255,255,255,.80); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cdffffff,endcolorstr=#cdffffff);}
.pageHeader .navs.fixed{ position: fixed; top: 0; left: 0; right: 0; z-index: 99;}


.nav .nav_li{float:left;padding: 0px 28px;}
.nav .nav_li .nav_a{display:block;line-height: 68px;height: 68px;font-size:16px;color:#000;font-weight:bold;}
.nav .nav_li .setNav{width:100%;left:0;right:0;background: rgba(213,5,48,.9);padding:50px 0 56px;display:none;z-index:12;}
.nav .nav_li .setNav .set-img{width:24%;margin-right: 9%;}
.nav .nav_li .setNav .set-img img{height:150px;width:100%;}
.nav .nav_li .setNav .set-img .tit{font-size:22px;color:#4e4e4e;margin-top: 5px;}
.nav .nav_li .setNav .setMenu{width:28%;}
.nav .nav_li .setNav .setMenu>li{float:left;width:48%;margin-right:2%;}
.nav .nav_li .setNav .setMenu>li:hover .set_ico{background-position:-10px 0;}
.nav .nav_li .setNav .setMenu>li .set_ico{width:10px;height:10px;background:url(../img/set_ico_new.png) no-repeat;display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;margin-right:10px; background-position:0 0; transition:all 0.3s ease; -webkit-transiton:all 0.3s ease;}
.nav .nav_li .setNav .setMenu li a{display:inline;*display:inline;*zoom: 1;position:relative;color:#fff;vertical-align:middle;}
.nav .nav_li .setNav .setCon{width: 37%;}
.nav .nav_li .setNav .setCon .p{padding-left: 10%;color: #fff; border-left: 1px #fff dotted;line-height: 28px;height: 140px;overflow: hidden;}
/*.nav .nav_li .setNav .set_close{display:block;width:23px;height:23px;background:url(../img/setbnav_close_ion.png) no-repeat center;right: 2%;bottom: 2%;}*/
.nav .line {position: absolute;bottom: 0px;width: 0px;height: 4px;font-size: 3px;background-color: #d50530;display: none;}
.mobile_key{font-size: 32px;color: #fb2e45;margin-left: 90px;display: none;float: right}

._form{position: relative;height: 68px;float: right;}

._form .search{ display: block; position: absolute; right: 0; top:7px; margin-left: 90px; margin-top: 6px; font-size: 28px; color: #fb2e45; background: none; outline: none; box-shadow: none; border: none;cursor: pointer;}

._form input{position: absolute;right: 54px;top:17px;height: 34px;width: 0;transition: all 0.5s ease; border-width: 0;background-color: #fff;text-indent: 1em}

._form:hover input{width: 268px;transition: all 0.5s ease; text-indent: 1em}

/*页首-语言选择*/
.pageHeader .lan_menu { float: left; display:inline-block; *display:inline; *zoom:1; position:relative; z-index:9; font-size: 15px;color: #444444; }
.pageHeader .lan_ico { cursor:pointer; }
.pageHeader .lan_ico .iconfont{font-size: 17px;color:#d5dbdf;display: inline-block;margin-top: -2px;margin-right: 7px;}
.pageHeader .lan_ico .ion{font-size: 7px;color:#b4bfc6;}
.pageHeader .language { display:none; position:absolute; top:100%; left:0; width:100%;}
.pageHeader .language > a { display:block; padding:5px 0 5px 30%; background-color:#eeeeee; background-position: 8px center; background-repeat: no-repeat; }
.pageHeader .language > a.flag1{ background-image: url(../img/lan1.jpg);}
.pageHeader .language > a.flag2{ background-image: url(../img/lan2.jpg);}
.pageHeader .language > a.flag3{ background-image: url(../img/lan3.jpg);}
.pageHeader .language > a.flag4{ background-image: url(../img/lan6.jpg);}
.pageHeader .language > a:hover { background-color:#dfdfdf; }
/*页首-搜索input*/
/*页首-line:93 已注释 关闭按钮样式*/



/*part01*/
.part01{padding-bottom: 2px;background-color: #f5f5f5;overflow: hidden;}
.part01 ._font01 ._t1{padding: 60px 0 0px 0;font-size: 30px;color:#333;text-align: center;font-weight: normal;}
.part01 ._font01 i{display: block;width: 40px;height: 3px;background-color: #007f41;margin: 0 auto;}
.part01 ._font01 em {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    margin: 10px 0;
    font-family: Arial;
}
.part01 ._font01 ._c1{padding: 0 273px 45px;font-size: 14px;text-align: center;}/*padding: 0 270px 50px 276px;*/

.box{margin-bottom: 10px;}
.box{position: relative;}
.box ._img01 img{width: 100%;height: auto;}
.box ._img01 .rect-8930{padding-bottom: 89.30%;}
.box{height: 345px;}


.box .con1{background-color: #6f6f6f;color: #fff;position: absolute;bottom: 0;width: 100%;height: 30%;
	transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box .con1 .con_t1{font-size: 20px;padding: 20px 0 14px 24px;}
.box .con1 .con_c1{font-size: 13px; ;padding: 0 25px 33px 24px;line-height: 33px;white-space: normal;}

.total{position: relative;overflow: hidden;}

.box:hover .con1{width: 100%;height: 100%;background-color: #339933;opacity: 0.9;position: absolute;bottom: 0;
transition: all 0.5s;overflow: visible;text-overflow:ellipsis;white-space: nowrap;}
.box:hover .con_t1{font-size: 30px;padding: 12.39% 0 7.46% 10.667%;}
.box:hover .con_c1{font-size: 13px;padding-left: 10.667%;padding-right: 9.33%;}
.con1 .con1_jt a{display: block;}
.con1 .con1_jt{padding-left: 80.5%;padding-top: 18.43%;}
/*ljx1228-2016*/
.con1 .con1_jt{position: absolute;bottom: 22px;display: none;transition: all 0.5s ease;}
.box:hover .con1_jt{display: block;transition: all 0.5s ease;}


/*part02*/
.part02{background-color: #fff;margin-bottom: 100px;}

.part02 ._font02 .t1{padding: 70px 0 13px 0;font-size: 40px;color:#444444;}
.part02 ._font02 .c1{padding-bottom: 47px;font-size: 15px;color:#7c7c7c;}
.part02 ._img02{position: relative;}
.part02 ._img02 .rect-7429{padding-bottom: 74.29%;}
.part02 ._img02 img{width: 100%;}
.part02 .bg{position: absolute;height: 97px;bottom: 0;background-color: rgba(0,0,0,0.7);;width: 100%;}
.part02 .bg .bg_left{font-size: 15px;color:#fff;line-height: 97px;padding-left: 4%;}
.part02 .bg .bg_right{width: 23.88%;height: 100%;background-color: #ec001a;opacity: 1;right: 0;text-align: center;}
.part02 .bg .bg_right span{font-size: 28px;color: #fff;line-height: 97px;}

.part02 .full-row{width: 102%;}
.part02 .wrap{overflow: hidden;}

.part02_news{padding: 25px 20px 25px 25px;background-color: #fff;min-height: 127px;}
.part02_news .part02_t1{font-size: 16px;color:#4f4f4f;font-weight: bold;line-height: 31px;}
.part02_news .part02_t2{padding-bottom: 2px;line-height: 25px;}
.part02_news .part02_c1{line-height: 23px;}

.part02_news3{padding: 38px 20px 38px 17px;background-color: #fff;min-height: 108px;}
.part02_news3 .part02_t1{font-size: 16px;color:#4f4f4f;font-weight: bold;line-height: 31px;}
.part02_news3 .part02_t2{padding-bottom: 2px;line-height: 25px;}
.part02_news3 .part02_c1{line-height: 23px;}

.p2_box1:hover .part02_news{background-color:#f9f9f9;}
.p2_box2:hover .part02_news3{background-color:#f9f9f9;}


/*part03*/

.part03{background: url(../img/banner_p3.jpg)no-repeat;background-position:  center center;min-height: 616px;overflow: hidden;}

.part03 ._font03{text-align: center;color:#fff;}
.part03 ._font03 .t1{font-size: 40px;padding: 70px 0 35px 0;}
.part03 ._font03 .c1{font-size: 13.98px;padding: 0 194px 55px 203px;     }

.p3_scroll {height: 282px;margin-bottom:2em; overflow: hidden;}
.p3_scroll li {width:197px;}
.p3_scroll .arrs{position: absolute; top:25%;}
.p3 .myprev{left:0;display: block;width: 62px;height: 120px;background:url(../img/p3_leftjt.png)no-repeat center;position: absolute;top: 20%;background-size: 100% auto;}
.p3 .mynext{right:0;display: block;width: 62px;height: 120px;background: url(../img/p3_rightjt.png)no-repeat center;position: absolute;top: 20%;background-size: 100% auto;}
.p3_scroll .scroll_nav{position:absolute;left:0;top:0;display: none}
.p3_scroll .scroll_nav .on{color:#39f;}

.p3{padding: 0 9.5%;position: relative;}

.p3_scroll .p3_li{width: 197px;height: 280px;margin: 0 26px;background-color:rgba(255,255,255,0.8);border-bottom: 2px solid #fb001c;position: relative;overflow: hidden;}
.p3_scroll .p3_li ._icon{padding: 52px 69px 26px 69px;}
.p3_scroll .p3_li ._font{font-size: 19.98px;color: #111d3f;text-align: center;font-weight: bold;padding-bottom: 23px;}
.p3_scroll .p3_li ._cont{font-size: 13px; color:#666666;text-align: center;padding:0 20px;}

/*上滑效果*/
.p3_scroll .p3_li .p3_add{width: 100%;height: 100%;position: absolute;bottom: -290px;transition: all 0.2s ease;}
.p3_scroll .p3_li:hover .p3_add{width: 100%;height: 100%;position: absolute;bottom: 0;transition: all 0.2s ease;}

/*part04*/
.part04 ._font04{}
.part04 ._font04 .p4_t1{padding: 75px 0 13px; 55px;font-size: 40px;color: #444;}
.part04 ._font04 .p4_c{font-size: 15px;color: #7c7c7c;padding-bottom: 45px;}


.part04 .unslider-arrow{font-size: none;}
.part04 .prev{background: url(../img/p4_leftjt.png)no-repeat center;position: absolute;bottom:63px;right: 600px;font-size: 0;width: 32px;height: 60px;cursor: pointer;}
.part04 .next{background: url(../img/p4_rightjt.png)no-repeat center;position: absolute;bottom:63px;right: 524px;font-size: 0;width: 32px;height: 60px;cursor: pointer;}
.part04 .unslider-nav{display: none;}

/*.part04 .p4_pic{width: 50%;height: 376px;}*/
.part04 .rect-392{/*padding-bottom:39.2% ;*/position: relative;height: 376px;}/*62.67%*/
.part04 .rect-392 img{position: absolute;left: 50%;margin-left: -479px;width: 958px;max-width: 958px;}
.part04 .p4_lunbo_t{font-size: 30px;color: #444;padding-left: 38px;padding-top:90px;}
.part04 .p4_lunbo_c{font-size: 13px;color: #555;padding-left: 38px;}
.foot {
    padding-bottom: 10px;
    line-height: 22px;
    font-size: 13px;
    color: #bfbfbf;
    padding-top: 5px;background-color: #515151;text-align: center;
}
.foot p {
    margin: 0;
}
.float.hr {
    border-color: #4b5054;
}