/***************** reset *****************/
*{margin: 0;padding: 0;word-wrap: break-word;}
body{color:#333; font:12px/1 Arial, Helvetica, sans-serif; background:#268cbd url(../images/bg.gif) repeat-x top;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight:normal;}
a{ color:#333;text-decoration: none;}
a:hover{ text-decoration:underline;}
img{border: 0;}
ul, li{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
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%;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}

.clear{clear:both; height:1px;font-size:0;line-height:0;}

/***************** universal *****************/
#head,#banner,#content,#foot,#i_content{width:968px; margin:0 auto;}
#banner{width:980px;height: 250px;background: #fff;}

/***************** head *****************/
#head{ height:84px; margin-top:20px; background:url(../images/dh.jpg) no-repeat center 0;}
.logo{ width:210px; height:54px; float:left; margin:18px 0 0 10px; background:url(../images/logo.gif) no-repeat 0 0;}

.language{ height:39px; line-height:39px; float:right; padding-right:20px; color:#fff;}
.language a{ color:#fff;}

/***************** nav *****************/
#nav{ width:690px; float:right;}
#nav ul li{ height:45px; margin:0 0 0 3px; float:left; display: inline; position:relative; z-index:100;}
#nav ul li a{ width:95px; height:45px; float:left;display:block; text-align:center; color:#666; font:normal 14px/45px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
#nav ul li a:hover,#nav ul li a.current,#nav ul li.iehover a,#nav ul li:hover a{ color:#fff; background:url(../images/nav_h_bg.gif) no-repeat 0 0;}

#nav li ul{ padding:5px; position:absolute; top:45px; left:7px; display:none; background:#028abf; filter:Alpha(Opacity=90, Style=0);opacity:0.90;}
#nav li ul li{ width:160px; height:auto; margin:0; float:none; /*For Gecko*/ display:inline; /*For IE*/}
#nav li ul li a{ width:150px; height:auto; line-height:30px; color:#fff; border-bottom:1px #38b9fc solid;}
html>/**/body ul#menu li ul li{display:block !important;/*For firfox*/}

/* 2nd Menu */ 
ul#menu li:hover li a,
ul#menu li.iehover li a{ font-size:12px; font-weight:normal; color:#fff; text-align:left; padding-left:10px; text-indent:0; border-bottom:1px #38b9fc solid; background:#028abf; filter:Alpha(Opacity=90, Style=0);opacity:0.90;}
/* 2nd Menu Hover */ 
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a{ color:#fff; background:#ffd200;}

#nav li ul li li a{ border-bottom:1px #e83942 solid;}
/* 3nd Menu */ 
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a{ color:#fff; background:#E39A0B; border-bottom:1px #c38306 solid;}
/* 3nd Menu Hover */ 
ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a{ color:#fff; background:#c38306;}

ul#menu ul ul, 
ul#menu ul ul ul{ display:none; position:absolute; left:160px; background:#E39A0B;}

ul#menu li:hover ul ul, 
ul#menu li:hover ul ul ul, 
ul#menu li.iehover ul ul, 
ul#menu li.iehover ul ul ul { 
display: none; 
} 
ul#menu li:hover ul, 
ul#menu ul li:hover ul, 
ul#menu ul ul li:hover ul, 
ul#menu li.iehover ul, 
ul#menu ul li.iehover ul, 
ul#menu ul ul li.iehover ul { 
display: block; 
}

/***************** content *****************/
#content{ padding-top:10px;}
#left{ width:626px; float:left;}
#right{ width:300px; float:right; padding-left:25px; background:url(../images/tp.jpg) no-repeat 0 0;}

.box .title{ height:40px; padding-left:40px; line-height:30px; background:url(../images/title_bg.gif) no-repeat 0 center;}
.box .title h3{ font:600 16px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#fff;}
.box .title h3 span{ font:normal 13px/40px Arial, Helvetica, sans-serif;}
.box .title .more{ float:right; margin:18px 10px 0 0;}
.box .title .more a{ color:#e49600;}
.box .title .more a:hover{ text-decoration:underline;}
.box .con{ padding-top:15px; line-height:22px;}

.about{ height:220px;}
.about .pic{ float:left; margin-right:20px;}
.about .pic img{ padding:2px;}
.about .con p{ color:#fff;}
.about .con p a{ color:#b6ffa0;}
.about .con p a:hover{ text-decoration:underline;}

ul.p_list li{ width:152px; display:block; padding-right:4px; line-height:22px; float:left; text-align:center;}
ul.p_list li a{ width:152px; height:100px; display:block; padding-bottom:20px; color:#fff;}
ul.p_list li a img{ display:block;}
ul.p_list li a:hover img{}
.last{ padding:0;}

.news{ height:176px; background:url(../images/con_bg.gif) no-repeat 0 0;}
.news .title{ background:none;}
.news .title h3{ font:600 16px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#0085c3;}
.news .title h3 span{ font:normal 13px/40px Arial, Helvetica, sans-serif;}
ul.news_list{ padding:0 0 0 15px;}
ul.news_list li{ padding-left:10px; line-height:24px; background:url(../images/dot.gif) no-repeat 0 center;}
ul.news_list li a:hover{ text-decoration:underline;}
ul.news_list li span.data{ float:right; color:#adadad;}

.contact{ height:200px; margin-top:10px; background:url(../images/con_bg1.gif) no-repeat 0 0;}
.contact .title{ background:none;}
.contact .title h3{ font:600 16px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#0085c3;}
.contact .title h3 span{ font:normal 13px/40px Arial, Helvetica, sans-serif;}
.contact .con{ padding:15px;}
.contact .c_pic{ float:left; margin-right:15px;}

/***************** foot *****************/
#foot{ width:948px; height:42px; margin:45px auto; padding:0 10px; line-height:42px; background:url(../images/foot_bg.jpg) no-repeat center 0;}

#left .con{ color:#fff;}

.i_a_pic{ float:left; margin-right:20px;}

.nlist li{line-height:30px; padding:3px 0; background:url(../images/dashed.gif) repeat-x 0 bottom;}
.nlist li:hover{ background-color:#1879a6;}
.nlist li a{ display:block; background:url(../images/arrow.gif) no-repeat 8px center; padding-left:20px; color:#fff;}
.nlist li a:hover{display:block; color:#f90; background:#1879a6 url(../images/arrow.gif) no-repeat 8px center;}
.nlist li .data{float:right;padding-right:10px; color:#4bb4e5;}

.textTitle{margin:10px auto 20px;text-align:center; font:normal 24px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#fff;}
.subtime{line-height:2em;text-align:center;background:#1879a6; padding:0 20px; font-size:12px; color:#4bb4e5;}
.article{padding:10px 10px 30px;}
.up-down{ padding:15px 0 0 10px; color:#1481BB;}
.up-down a{ color:#000;}
.back{ text-align:center; background:#1879a6;}
.back a{ color:#fff;}

ul.i_case_list li{ width:180px; display:block; padding:10px 30px 15px 0; float:left; position:relative;}
ul.i_case_list li.last{ padding-right:0;}
ul.i_case_list li a.case_pic{ width:180px; display:block; overflow:hidden;}
ul.i_case_list li a .case_name{ line-height:28px; text-align:center; padding-left:10px; color:#fff; display:block;}
ul.i_case_list li a:hover .case_name{ background:#1879a6; text-decoration:none;}

.pro_name{ font:normal 24px/60px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#fff; text-align:center;}
.pro_pic{text-align:center; padding-bottom:20px;}
.pro_pic img{ max-width:720px; width:expression(this.width >720 && 720 ? 720: true);}

/***************** pagination *****************/
.flip_pages_front{font-size: 12px; font-family: arial,sans-serif; height:25px;padding:20px 15px 5px 0px; text-align:center; clear:both;}
.flip_pages_front a{margin:0px 1px;padding:2px 5px;text-align:center;border:1px solid #ddd;color:#2c56a2; color:#fff; text-decoration: none; background:#1879a6;}
.flip_pages_front a:hover{color:#ef9a1e; text-decoration: none;}
.flip_pages_front .pageson{color:#fe7c04; background: #fff1e4; border: 1px solid #fe7c02;}
.flip_pages_front .pagesnum, .flip_pages_front .pagesnone{text-decoration:none;}
.flip_pages_front .pagesInput, .flip_pages_front .pagesnone, .flip_pages_front .pagego{border:0px;padding:2px 0px;margin:0px 2px;color:#2c56a2;}
.flip_pages_front .pagesInput input{width:30px;margin:0px 2px; height:15px; text-align:center; border: 1px solid #7c9dbc;}
.flip_pages_front .pagego input{width:45px; height:20px; border:0; color:#fff; line-height:20px; cursor:pointer; background:url(../images/confirm.gif) no-repeat 0 0;}


/*************add message************/
.messages{padding:15px 0 0 0;}
.messages input,.messages select,.messages textarea{background:none; border:0;}
.messlist {height:30px;margin-bottom:10px;}
.messlist label{float:left;width:100px; height:30px;line-height:30px; text-align:right;padding-right:10px;color: #fff;}
.messlist input{float:left;width:300px;height:28px;padding-left:5px;border:#fff 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:400px; height:110px;padding:5px;border:#fff 1px solid;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#f60;color:#fff;}