﻿@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;}
ul,li,h1,h2,h3,h4,img,div{ margin:0; padding:0; color:#323131; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img{ border:0}
ul,li{ list-style:none}
.clear{ clear:both}
input{ outline:none}
a{ text-decoration:none; color:#323131;}


.wrapper{ width:1002px; margin:0px auto; overflow:hidden}

#header,#content{ width:100%;}

#header{ background:url(../images/header_bg.gif) repeat-x; height:92px; }

#header .right{float:right;}





#header .logo{ float:left;  }
#header .menu{ width:800px; float:right;  }
#header .menu ul{ }
#header .menu  ul li{float:left; font-size:16px; padding:0px 18px; text-align:center; font-family:"Microsoft yahei" }
#header .menu ul li a{display:block; color:#545252; line-height:92px;  }
#header .menu ul li a:hover{ color:#fea100;}

#header .menu  ul .language{ background-color:#fea100; margin-left:20px; padding:0; width:105px; }
#header .menu  ul .language a,#header .menu  ul .language a:hover{ color:#ffffff}








#flash{width:100%; height:434px; background:url(../images/slider_en.jpg) no-repeat; height:560px;  }

#slider_bot{ 

width:100%; background-color:#090b22; height:140px; filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	margin-top:420px;
	position:absolute;
	
}
#flash .wrapper{ }
.nav{ width:990px; margin:0 auto; margin-top:431px;  position:absolute}
.nav li{ float:left; width:315px; height:120px;  }
.nav .rs{ background:url(../images/slider_bot_01_en.gif) no-repeat; margin-right:23px;}
.nav .eq{ background:url(../images/slider_bot_02_en.gif) no-repeat; }
.nav .lx{ background:url(../images/slider_bot_03_en.gif) no-repeat; float:right; }
.nav  .con{  width:160px; height:70px; margin-left:147px; margin-top:45px; line-height:20px; overflow:hidden;}

.nav .rs .con{ color:#a2b8e1}
.nav .eq .con{color:#b0b2c9}
.nav .lx .con{color:#fdc678}
.nav .lx .con a{ background:#d25906; color:#f8e96a; padding:0px 3px 2px 3px;}
.nav .eq .con .more{ text-align:right; font-family:"宋体"; width:145px; margin-top:3px;}
.nav .eq .con .more a{ color:#c1d6ff}

#home_w .wrapper{ overflow:hidden}

#ul_class{ width:1025px; margin:0 auto; height:210px; }
#ul_class li{ float:left;   background:url(../images/class_bg.gif) no-repeat; padding:3px 0px 0px 3px; width:180px; margin-right:22px; display:inline; height:138px;  margin-top:30px; }

#ul_class li img{ width:158px; height:126px;}
#ul_class li .tit{ background-color:#000; width:143px; padding-left:15px; line-height:35px; height:35px; position:absolute; margin-top:90px; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
#ul_class li .tit a{ color:#fff}

#home_w{ width:100%; background:url(../images/body_bg.gif) repeat-x; }
#home_w .about{ float:left; width:400px;  height:220px; line-height:24px; }
#home_w .news{ float:left; width:330px; }
#home_w .contact{ float:right; width:250px;  }
#home_w .title{ height:50px; margin-top:30px;}
#home_w .title span{ float:right;}
#home_w .news .title{ width:310px;}
#home_w .title span a{ color:#000}

#home_w .about .con{ width:360px;}
#home_w .about .con a{ color:#1a5ea7;}
#home_w .about .con img{ float:left; margin-right:20px; display: inline}
#home_w .about .con .text{ width:330px; float:left; color:#7c7c7c; line-height:27px;}
#home_w .news .con .ul_news{ width:310px;  }
#home_w .news .con .ul_news li{ background:url(../images/ico.gif) no-repeat 0px 12px; padding-left:10px; line-height:24px; color:#7c7c7c}
#home_w .news .con .ul_news li span{ float:right; color:#4b4b4b; font-family:"宋体"}
#home_w .news .con .ul_news li a{color:#343434}
#home_w .news .con .ul_news li:hover { }
#home_w .news .con .ul_news li a:hover{color:#000}
#home_w .contact .con{ line-height:26px;}
#home_w .contact .con .linkico{ padding-top:7px;}

#home_w .contact .title{ height:43px;}




#footer{   width:980px; margin:0 auto; padding:10px 5px 10px 5px; background:url(../images/foot_line.gif) left top repeat-x; color:#666666}
#footer .design{ float:right; }
#footer .design a{color:#3d537c}







.product{ width:1002px; margin:0px auto; padding:10px 0px; overflow:hidden}
.product .title{ height:60px;}
.product .ul_pro{ padding-top:10px; width:1040px;}
.product .ul_pro li{ float:left; width:260px; margin-bottom:10px; }
.product .ul_pro li .tit{ width:188px;  font-weight:bold; font-size:18px; color:#333333; padding:6px 0}
.product .ul_pro li img{border:4px #cecece solid; width:175px; height:175px}
.product .ul_pro li .tit .t{ }
.product .ul_pro li .tit2{width:188px; line-height:14px; color:#6c6c6c; font-size:10px; }





.banner_about{ background:url(../images/banner.jpg) no-repeat center top; height:280px;  }
.banner_news{ background:url(../images/banner.jpg) no-repeat center top; height:280px;  }
.banner_consult{ background:url(../images/banner.jpg) no-repeat center top; height:280px;  }
.banner_contact{ background:url(../images/banner.jpg) no-repeat center top; height:280px;  }

.banner_pro{ background:url(../images/banner.jpg) no-repeat center top; height:280px;  }

#content{ background:url(../images/bg02.gif) repeat-x;}


.dis_con{ width:1000px; margin:0px auto; padding-top:15px;}
.dis_con .leftbar{ float:left; width:210px; padding:10px 0px; }
.dis_con .leftbar .con{ background-color:#e4e4e4; width:205px;}
.dis_con .leftbar .title{ width:205px; background:url(../images/class_tit_en.gif) no-repeat; height:105px; overflow:hidden}
.dis_con .leftbar .title2{ width:205px; background:url(../images/class_about_tit_en.gif) no-repeat; height:105px; overflow:hidden}
.dis_con .leftbar .ul_class{ }
.dis_con .leftbar .ul_class li{background-color:#e2e2e2; border-bottom:1px #eaeaea solid; line-height:40px; color:#fff;}
.dis_con .leftbar .ul_class li a{ padding-left:45px; display:block; color:#4e4d4d; background:url(../images/ico02.gif) no-repeat 8px 4px; }
.dis_con .leftbar .ul_class li a:hover{background:url(../images/ico03.gif) no-repeat 8px 5px;  background-color:#cdcdcd; color:#000; padding-left:48px; font-weight:bold}



.dis_con .rightcon{ float:right; width:780px; overflow:hidden; background:url(../images/class_bg.gif) no-repeat -310px 50px ;}

.dis_con .rightcon .showpath{ height:50px; overflow:hidden; background:url(../images/showpath.gif) no-repeat left bottom;   font-family:"Microsoft yahei";  line-height:55px; font-size:19px; margin-top:10px;    }
.dis_con .rightcon .showpath span{ float:right; margin-right:10px; font-weight:normal; font-size:14px;}
.dis_con .rightcon .con{ min-height:550px; padding:10px 0px 10px 10px; line-height:26px;}

.dis_con .rightcon .con h1{ font-size:20px; padding:15px 0px; font-weight:bold; text-align:center;color:#433317;}

.dis_con .rightcon .con .case_img{ text-align:center; width:750px; margin:15px auto}
.dis_con .rightcon .con .case_img img{ width:500px; height:400px;}
.dis_con .rightcon .con02{ padding:10px 0 10px 5px;}
.dis_con .rightcon .ul_product{padding-top:10px; width:800px; }
.dis_con .rightcon .ul_product li{ float:left; width:197px; height:192px; margin-bottom:5px; }
.dis_con .rightcon .ul_product li img{border:3px #fff solid; width:170px; height:136px}
.dis_con .rightcon .ul_product li a{font-size:12px; display:block;color:#fff}
.dis_con .rightcon .ul_product li .tit{ text-align:center; background:#505050; width:176px; line-height:32px; padding-bottom:2px;}
.dis_con .rightcon .pro_img{ width:500px; margin:10px auto}
.dis_con .rightcon .ul_product li:hover{}
.dis_con .rightcon .ul_product li:hover img{border:3px #f79c00 solid;}
.dis_con .rightcon .ul_product li:hover a{ color:#fff}
.dis_con .rightcon .ul_product li:hover .tit{background:#f79c00;}
.dis_con .rightcon .ul_product li .tit a{color:#fff}









.dis_con .rightcon .ul_news{}
.dis_con .rightcon .ul_news li{ border-bottom:1px #aba7a2 dotted; line-height:35px; padding-left:5px; background:url(../images/arrow01.gif) no-repeat 8px 14px;}
.dis_con .rightcon .ul_news li span{ float:right; margin-right:10px; color:#989898}
.dis_con .rightcon .ul_news li a:hover{color:#d28500;}


.input01{ width:220px; height:25px; border:1px #bdbdbd solid; background-color:#eaeaea}
.messagetable{ margin-top:25px;}
.textarea{width:320px; height:100px; border:1px #bdbdbd solid; background-color:#eaeaea}
.input_code{width:100px; height:25px; border:1px #bdbdbd solid; background-color:#eaeaea}
.btn{ background-color:#d28500; color:#fff; border:1px #92600b solid; width:80px; height:30px; color:#fff; font-size:14px; cursor:pointer}




