﻿/* CSS Document */
/*公共样式*/
*{margin:0; padding:0; }
body {margin:0; padding:0; font-size:12px; behavior:url("csshover.htc");}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}   
table,td,tr,th{ font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:12px;}
a {text-decoration:none;}
em,i{font-style:normal;}
.clear{ clear:both;}
input[type="submit"],input[type="button"]{ cursor:pointer;} 

.l{ float:left;}
.r{ float:right;}
.blank{ height:10px;}
.blank1{ height:15px;}
.blank2{ height:20px;}
.blank3{ height:25px;}
.blank4{ height:30px;}
.header,.main,.footer{ width:988px; margin:0 auto;}
#header{ background:url(../images/ess_pic10.jpg) top center repeat-x;}
.header{ height:182px; position:relative;}
.h_word{ position:absolute; top:25px; left:28%;}
.logo{ position:absolute; top:23px; left:0;}
.language{ position:absolute; top:55px; right:167px;}
.language a{ color:#b4b4b4; padding-left:20px; margin-left:10px;}
.language a.cn{ background:url(../images/ess_pic2.jpg) left center no-repeat;}
.language a.en{ background:url(../images/ess_pic3.jpg) left center no-repeat;}
.search{ position:absolute; top:55px; right:0;}
.search .text{ background:url(../images/ess_pic5.jpg) no-repeat; width:130px; height:19px; line-height:19px; text-indent:5px; border:0; float:left;}
.search .submit{ background:url(../images/ess_pic4.jpg) no-repeat; width:23px; height:19px; border:0; float:left;}
.number{ color:#b4b4b4; font-family:"微软雅黑"; font-size:16px; position:absolute; top:123px; right:122px;}
.nav{ position:absolute; top:112px; left:0;}
.nav li{ float:left; position:relative; width:73px}
.nav li a{ color:#FFF; width:73px; height:38px; line-height:38px; text-align:center; display:inline-block;}
.nav ul{ display:none;}

.nav li.hover{ background:url(../images/ess_pic9.jpg) no-repeat;}
.nav li.hover a{ color:#061a31;}
.nav li.hover ul{  position:absolute; top:38px; left:0; width:365px;}
.nav li.hover ul li{ background:none;  width:90px;}
.nav li.hover ul li a{ color:#FFF; height:32px; line-height:32px;width:90px;}

#main{ background:url(../images/ess_pic12.jpg) top center;}
.main{ background:#FFF; position:relative; z-index:98;}
.main_bg{ background:url(../images/ess_pic11.png) center no-repeat; width:1440px; height:420px; position:absolute; top:182px; z-index:1;}
.w190{ width:190px; background:#e8e8e8;}
.w768{ width:768px; padding-left:15px;}
.w882{ width:768px; padding-left:15px;}
.index_bg{ background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; width:180px; position:absolute; bottom:45px; left:45px; padding:0 20px;}
.index_tit{ color:#FFF; line-height:30px; height:30px;}
.index_list{ color:#FFF; padding-bottom:10px;}
.index_list a{ color:#FFF; display:block; line-height:25px; height:25px;}
.index_list a span{ float:right;}

.l_tit{ background:#383838; font-family:"微软雅黑"; font-size:22px; color:#FFF; text-align:center; padding:20px 0;}
.l_tit p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#acacac; font-weight:bold;}
.l_nav{ background:#9c9c9c;}
.l_nav a{ display:block; height:35px; line-height:35px; text-align:center; color:#FFF;}
.l_con{ color:#383838; line-height:30px; padding-left:13px; height:681px}
.l_con p{ font-size:16px; background:url(../images/ess_pic17.jpg) left center no-repeat; padding:10px 0 10px 15px;}
.l_con img{ padding:20px 0;}
.l_sift{ background:#9c9c9c; padding:15px 0 0 15px; -padding:15px 0 0 10px;}
.l_sift table{ width:160px;}
.l_sift table td{ color:#FFF; padding-bottom:8px;}
.l_sift table td strong{ color:#383838;}
.r_tit{ font-family:"微软雅黑"; font-size:14px; border-bottom:#d3d3d3 1px solid; height:35px; line-height:35px;}
.r_tit i{ color:#c9c9c9; padding-left:10px;}
.wz{ float:right; font-size:12px; font-family:"宋体"; color:#9c9c9c;}
.wz a{ color:#9c9c9c;}
.contact{ margin-top:20px;}
.contact td{ padding-bottom:20px; color:#606060;}
.contact td span{ color:#d5d5d5; padding-left:10px;}
.contact td .text{ background:url(../images/ess_pic19.jpg) no-repeat; width:196px; height:25px; line-height:25px; text-indent:5px; border:0;}
.contact td .code{ background:url(../images/ess_pic21.jpg) no-repeat; width:67px; height:20px; line-height:20px; text-indent:5px; border:0;}
.contact td .submit{ background:url(../images/ess_pic23.jpg) no-repeat; width:65px; height:23px; border:0;}
.contact td .submit1{ background:url(../images/ess_pic24.jpg) no-repeat; width:65px; height:23px; border:0;}
.contact td .textarea{ background:url(../images/ess_pic20.jpg) no-repeat; width:353px; height:109px; padding-left:5px; border:0;}
.contact td img{ padding-left:10px;}
.case_list{ width:768px;}
.case_con{ width:320px; color:#676767; line-height:30px; padding:0 30px;}
.case_con h1{ font-size:14px; padding-top:10px; text-decoration:underline; }
.case_con h1 a,.case_con h1 a:hover,.case_con h1 a:active{ color:#676767;float:inherit;}
.case_con a{ float:right;}
.page{ text-align:center;}
.page a{ display:inline-block; color:#4c4c4e; border:#bbbbbb 1px solid; padding:3px 8px;}
.about{ color:#4a4a4a; line-height:30px; height:640px; padding-right:10px}
.news_list{ color:#4c4c4c; width:768px; line-height:25px; border-bottom:#efefef 1px solid; padding:25px 0;}
.news_list .img{ float:left; border:#e8e8e8 5px solid; margin-right:25px; -margin-right:20px;}
.news_list h1 a,.news_list h1 a:hover{color:#4c4c4c;}
.news_list a{ }
.pro_list{ width:184px; border:#d3d3d3 1px solid; padding:5px; padding-bottom:0; float:left; margin:15px 70px 0 10px; -margin:15px 68px 0 8px;}
.pro_list span{ display:inline-block; color:#7f7f7f; width:85px; line-height:20px;}

#play img {border:0px}   
#play {width:1105px;height:572px;overflow:hidden;margin:0px 0 0 0px;}   
#play_info{position:absolute;margin-top:141px;padding:8px 0 0 20px;height:42px;width:270px;color:#fff;z-index:1001;cursor:pointer}   
#play_info b{font-size:14px;display:block}   
#play_bg{ display:none;}   
#play_text {position:absolute;float:right; height:9px;z-index:1002; top:131px; right:0;}   
#play_text ul {list-style-type:none; height:9px;display:block;padding-top:1px;_padding-top:0px;}   
#play_text ul li {width:22px;height:6px;float:left;line-height:9px;background:#6B7376;display:block;color:#FFF;text-align:center;margin-left:3px;cursor:pointer;text-indent:-9999px;}  
#play_text ul li:hover{ background:#d2d3d3 !important;} 
#play_list a{display:block;width:1105px;height:572px;position:absolute;overflow:hidden} 

#select div.tag_select{display:block;color:#9c9c9c;width:159px;height:22px;background:url(../images/ess_pic16.jpg) no-repeat;padding:0 10px;line-height:22px;}
#select div.tag_select_hover{display:block;color:#9c9c9c;width:159px;height:22px;background:url(../images/ess_pic16.jpg) no-repeat;padding:0 10px;line-height:22px;}
#select div.tag_select_open{display:block;color:#9c9c9c;width:159px;height:22px;background:url(../images/ess_pic16.jpg) no-repeat;padding:0 10px;line-height:22px;}
#select ul.tag_options{position:absolute;margin:0;list-style:none;background:#FFF;padding:0 0 1px;margin:0;width:139px;}
#select ul.tag_options li{background:#FFF;display:block;width:139px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#9c9c9c;}
#select ul.tag_options li.open_hover{}
#select ul.tag_options li.open_selected{}

.custom-checkbox,.custom-radio{position:relative;}
/* input, label positioning */
.custom-checkbox input{position:absolute;left:0px;top:0px;margin:0; border:0; float:left;*left:-4px;*top:-3px;}
.custom-checkbox label{display:block;position:relative;line-height:1;padding-left:20px;cursor:pointer;}
/* states */
.custom-checkbox label{background:url(../images/ess_pic31.gif) no-repeat;}
.custom-checkbox label,.custom-radio label{/*background-position:-10px -14px;*/}
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus{/*background-position:-10px -114px;*/}
.custom-checkbox label.checked,.custom-radio label.checked{background:url(../images/ess_pic30.gif) no-repeat;}
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus{background-position:-10px -314px;}
.custom-checkbox label.focus,.custom-radio label.focus{outline:1px dotted #ccc;}

#footer{ background:url(../images/ess_pic13.jpg) top center repeat-x;}
.footer{ height:109px; color:#b6b6b6; line-height:25px; padding-top:10px;}
.footer a,.footer a:hover,.footer a:active,.footer a:link{color:#b6b6b6; }
.f_nav{ float:left;}
.f_nav img{vertical-align:middle}
.f_nav a{ color:#b6b6b6; padding:0 10px;}
.copyright{ float:right; text-align:right;}
.popup{ position:fixed; bottom:0; left:0; display:none; background:#000; filter:alpha(opacity=95); -moz-opacity:0.9; opacity:0.9;  width:100%; height:200px; z-index:99;}
* html .popup{position:absolute;bottom:auto;
top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));}
.popupdiv{ position:relative; width:1105px; margin:0 auto;}
#webmap,.popup .close{ cursor:pointer;}
.popup .close{ width:28px; height:28px; position:absolute; top:-28px; right:0; background:#000;}
.webmap{ margin:0 auto; width:600px; padding-top:30px;}
.webmap li{ float:left;}
.webmap li a{ color:#FFF; display:inline-block; width:100px; height:30px; line-height:30px; text-align:center;}
.webmap ul{ margin:0; padding:0;}
.webmap ul li{ float:none;}



/*文章详细*/
#articleContent{ line-height:24px; text-align:justify;  overflow:hidden; padding:10px}
.main_info{height: 596px; }
.main_info h1 {margin-top:10px;font-size:16px;font-weight:bold;text-align:center;} 
.main_info .articleDlSingle{color:#000;text-align:right;padding:5px 0px; margin-bottom:10px; }
.main_info .articleDls {color:#AAADB3;text-align:right;padding-top: 10px;padding-right:10px;padding-bottom: 10px;margin-top: 10px;border-top-width: 1px;border-top-style: dashed;}
.main_info .articleDls img{}
.changFontSize,.changFontSize font,.changFontSize font a,.changFontSize font a:hover,.changFontSize font a:visited{color:#AAADB3; text-decoration:none; font-size:12px; font-weight:normal}
.main_info .articleDls font,.main_info .articleDls font a,.main_info .articleDls font a:hover,.main_info .articleDls font a:visited{color:#AAADB3; text-decoration:none; font-size:12px}
.main_info a,.main_info a:hover,.main_info a:visited{color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:normal}
.articnav{width:95%; height:40px; line-height:20px; margin:10px 5px;}
.articnav .left{width:95%;}
.articnav a,.articnav a:visited,.articnav a:hover{color:#000;}
.articnav .right1{width:95%;}

.button{background: url(../images/button.gif) no-repeat;color: #333333;font-size: 14px;font-weight: bold;height:26px;  line-height:26px;width: 90px; border:none; cursor:pointer}
.red{ color:#FF0000; font-size:12px;}
.RedBold
{
    color: #F00; font-weight:bold;
}

/*客户留言*/
.MessageBox{ width:100%; }
.MessageBox td{ padding:4px 4px;}
.MessageBox .Tab{ text-align:right;}
.MessageBox input{border:1px gray solid; height:20px; line-height:20px;}
.MessageBox .btnSubmit{background:transparent url(../images/button.gif) no-repeat scroll 0 0;
border:0px;cursor:pointer;height:30px;width:90px;}
.MessageBox span{ color:red; padding-left:10px}

/*msgList*/
.ins_msg ul{ width:776px; margin-top:20px; padding-bottom:25px;} 
.ins_msg li { float:left; width:745px; line-height:24px; padding-left:19px; background:url(../images/news_icon.jpg) no-repeat 5px 10px; color:#666; border-bottom:1px dashed #ccc}
.ins_msg li span{ float:right; color:#666}
.ins_msg li span.time{ width:200px; text-align:right}


.xl_none { margin:0px; padding:0px; list-style-image:none; list-style-type:none; }
.xl_none li,.xl_none dd,.xl_none dt { margin:0px; padding:0px; }

.Searchcontent{ width:948px; padding:15px 20px}
#ny_news ,#ny_team{  margin-bottom: 22px; }
#ny_news ul li { line-height: 36px; height: 36px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DDD; background-image: url(../images/news_icon.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 10px; }
#ny_news ul li:hover { background-color: #F5F5F5; }
#ny_news ul li span { color: #999;  }
#ny_news ul li span.right { display: inline;float: right; }
#ny_news ul a,#ny_news ul a:hover,#ny_news ul a:active{ color:#4C4C4C}

.pro_list_query{ width:184px; border:#d3d3d3 1px solid; padding:5px; padding-bottom:0; float:left; margin:15px 20px; -margin:15px 18px 0 0;}
.pro_list_query span{ display:inline-block; color:#7f7f7f; width:auto; line-height:25px;}


.load_bg{ background:url(../images/ess_pic34.jpg) top center no-repeat;}
.load{ position:relative; width:1000px; height:860px; margin:0 auto; text-align:center;}
.load1{ position:absolute; top:80%; left:0;}
.load2{ width:560px; margin:0 auto;}
.load2 a{ font-family:"微软雅黑"; font-size:24px; color:#FFF; display:inline-block; width:118px; height:50px; text-align:left; text-indent:44px; margin:0 30px;}
.load2 a:hover{ color:#F00;}
.load2 a.cn{ background:url(../images/ess_pic32.png) 0 5px no-repeat;}
.load2 a.en{ background:url(../images/ess_pic33.png) 1px 5px no-repeat;}
.load3{ color:#FFF; text-align:center; line-height:30px; width:1000px; padding-top:30px;}
.load3 a{ font-family:"微软雅黑"; font-size:12px; color:#FFF;}


.carousel {width:988px; height:394px; position:relative;}
.carousel .prev , .carousel .next {height:87px;width:17px;overflow:hidden;display:block;cursor:pointer; position:absolute; top:40%; z-index:9999;}
.carousel .prev {float:left;background:url(../images/ess_pic36.png) no-repeat; left:15px;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.carousel .next {float:left;background:url(../images/ess_pic37.png) no-repeat; right:15px;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.jCarouselLite {float:left;width:988px;height:394px;overflow:hidden;/*必要元素*/}
.jCarouselLite li{height:394px;width:988px;text-align:center;}
.jCarouselLite li img,.jCarouselLite-01 li img{ width:988px; height:394px}
.run h1{ color:#FFF; font-size:24px; line-height:55px;}

.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1; width:770px !important;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa;}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden;}
/* 全身滚动自定义样式 */
.jScrollPaneTrack{background:url(../images/ess_pic44.jpg) repeat-y;}
.jScrollPaneDrag{background:url(/images/ess_pic43.jpg) no-repeat; width:10px !important; height:54px !important;}
#pane1{height:531px;}
.quality_bg{ background:url(../images/ess_pic42.jpg) no-repeat; width:755px; height:531px;}
.quality_dw{ width:153px; height:217px; float:left; margin:15px 0 0 55px; position:relative; padding:10px;}
.quality_dw .imgbg{ background:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.quality .line{ border-bottom:#808080 1px dashed; width:755px; margin:15px auto 0;} 
.quality_img{ text-align:right; padding-top:35px;}
.quality_img img{ padding-right:30px;}
.quality_line{ height:5px; border-bottom:#aaadb3 1px dashed; border-top:#aaadb3 1px dashed; margin-top:15px;}
.change_line{ height:5px; border-bottom:#aaadb3 1px dashed; border-top:#aaadb3 1px dashed; margin-top:15px; width:988px; margin:0 auto;}

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { height:9px;z-index:1002;}
.cs-buttons a { width:22px;height:6px;float:left;line-height:9px;background:#6B7376;display:block;color:#FFF;text-align:center;margin-left:3px;cursor:pointer;text-indent:-9999px;}
.cs-buttons a:hover{background:#d2d3d3;}
.cs-active { background:#FFF !important;}
.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,.cs-next { display:none;}


.flexslider {margin: 0; padding:0; position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width:17px; height:87px; display: block; position:absolute; top:35%; z-index:9999; cursor: pointer; text-indent:-9999px; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background:url(../images/ess_pic37.png) no-repeat; right:0; }
.flex-direction-nav .flex-prev {background:url(../images/ess_pic36.png) no-repeat; left:0;}
.flex-play,.flex-pause{ position:absolute; top:150px; left:449px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; cursor:pointer;width:90px; height:90px; display:block; text-indent:-9999px;}
.flex-play:hover,.flex-pause:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.flex-play{ background:url(../images/stop.png) no-repeat;}
.flex-pause{ background:url(../images/play.png) no-repeat;}