@charset "utf-8";
/* CSS Document */

body{ width:100%; margin:0; padding:0; font-family:Arial; font-size:12px; color:#555;}
#container{ width:100%; margin:0; padding:0;}
.clear{ clear:both; height:10px; overflow:hidden;}


/*font*/
.text_red{ color:red;}
.text_gray{ color:#333;}
.text_bright{ color:#666;}
.text_white{ color:#fff;}
.text_black{ color:#000;}
.text_blue{ color:#26c9dc;}
.text_yellow{ color:#ffe763;}
.text_orange{ color:#fc7101;}
.text_bold{ font-weight:bold;}
.text_lighter{ font-weight:lighter;}
.text_little{ font-size:12px;}
.text_large{ font-size:14px;}
.text_larger{ font-size:16px;}
.underline_none{ text-decoration:none;}
.underline{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}
.text_dark_gray{ color:#999;} 

/*top*/
#top{ width:100%; height:120px; margin:0; padding:0; box-shadow:0 2px 5px #ddd; top:0;}
div.top_head{ width:100%; margin:0; padding:0; height:40px; line-height:40px; background-color:#333; font-size:14px;}
div.top_head_main{ width:1000px; margin:0 auto; padding:0; overflow:hidden; color:#FFF;}
div.top_head_nav{ width:800px; margin:0; padding:0; float:left; overflow:hidden;}
div.top_head_nav_unit{ margin:0 15px; padding:0; float:left; cursor:pointer;}
div.top_head_nav_unit:hover{color:#26c9dc;}
div.top_head_nav_unit_hover{margin:0 10px; padding:0; float:left; cursor:pointer; color:#26c9dc;}
div.top_head_nav_line{margin:0; padding:0; float:left;}

div.top_head_order{ width:78px; height:40px; line-height:40px; margin:0 10px; padding:0; float:right; cursor:pointer; text-align:center; box-sizing:border-box; color:#26c9dc; font-weight:bold; font-size:12px;border-left:1px #333 solid;border-right:1px #333 solid;}
div.top_head_order:hover{ width:78px; background-color:#FFF;border-left:1px #CCC solid;border-right:1px #CCC solid;}
div.top_head_order:hover div{ box-sizing:content-box; position:absolute; z-index:1; background-color:#fff; border-bottom:1px #CCC solid; font-size:12px;}
div.top_head_order:hover div div{ width:76px; position:relative; left:-1px; top:-1px; line-height:22px; border:1px #CCC solid; border-top:none; border-bottom:none;}
div.top_head_order:hover div div a{ color:#333; text-decoration:none;}
div.top_head_order:hover div div a:hover{ text-decoration:underline;}

/**
div.top_head_order{ width:80px; height:40px; line-height:40px; margin:0 10px; padding:0; float:right; cursor:pointer; text-align:center; box-sizing:border-box; color:#FFF; font-weight:bold; background-color:#ccc; font-size:12px;}
div.top_head_order:hover{}
div.top_head_order:hover div{ box-sizing:border-box; position:absolute; z-index:1; background-color:#ccc;}
div.top_head_order:hover div div{ width:79px; position:relative; left:1px; top:-2px; border-top:none; line-height:22px;}
div.top_head_order:hover div div a{ color:#FFF; text-decoration:none;}
div.top_head_order:hover div div a:hover{ text-decoration:underline;}
**/
div.top_main{ width:1000px; margin:0 auto; padding:0; overflow:hidden;}
div.top_main_logo{ width:200px; height:60px; line-height:60px; margin:0; padding:0; padding-left:60px; float:left; background:url(../img/top/logo.png) no-repeat left center;}
div.top_main_right{ width:700px; margin:0; padding:0; float:right; overflow:hidden;}
div.top_main_right_info{ width:700px; margin:0; padding:10px 0; overflow:hidden; line-height:20px;}

div.top_main_right_login{ width:60px; margin:0; margin-right:10px; padding:0; float:right; cursor:pointer; box-sizing:border-box; color:#26c9dc;border:1px #26c9dc solid; text-align:center;}
div.top_main_right_login_hover{ width:60px; margin:0; margin-right:10px; padding:0; float:right; cursor:pointer; box-sizing:border-box; background-color:#26c9dc; color:#FFF; text-align:center;}
div.top_main_right_login:hover{ width:60px; margin:0; margin-right:10px; padding:0; float:right; cursor:pointer; box-sizing:border-box; background-color:#26c9dc; color:#FFF; text-align:center;}
div.top_main_right_login_gray{ width:60px; margin:0; margin-right:10px; padding:0; float:right; cursor:pointer; box-sizing:border-box; color:#FFF;background-color:#ccc;border:1px #FFF solid; text-align:center;}

div.top_main_right_reg{ width:100px; margin:0; padding:0; float:right; cursor:pointer; box-sizing:border-box; color:#26c9dc; border:1px #26c9dc solid; text-align:center; line-height:18px;}
div.top_main_right_reg_hover{ width:100px; margin:0; padding:0; float:right; cursor:pointer; box-sizing:border-box; background-color:#26c9dc; color:#FFF; border:1px #26c9dc solid; text-align:center; line-height:18px;}
div.top_main_right_reg:hover{ width:100px; margin:0; padding:0; float:right; cursor:pointer; box-sizing:border-box; background-color:#26c9dc; color:#FFF; border:1px #26c9dc solid; text-align:center; line-height:18px;}

div.top_main_right_already{ margin:0; padding:0; float:right;}
div.top_main_right_already a{color:#26c9dc; font-weight:bold;}
div.top_main_right_chinese{ width:80px; margin:0 10px; padding:0; text-align:right; font-weight:bold; float:right;}
div.top_main_right_chinese a{ color:#555; text-decoration:none;}

div.top_main_tel{ width:680px; margin:0 10px; padding:0; line-height:20px; text-align:right; font-size:18px; font-weight:bold;}

/*footer*/
#footer{ width:100%; margin:0; padding:15px 0; background-color:#333;}
div.footer_main{ width:1000px; margin:0 auto; padding:0; overflow:hidden;}
div.footer_main_nav{ width:300px; margin:5px auto; padding:0; text-align:center; line-height:20px; font-size:14px; color:#FFF; overflow:hidden;}
div.footer_main_nav_unit{margin:0 10px; padding:0; float:left; cursor:pointer;}
div.footer_main_nav_unit:hover{ text-decoration:underline;}
div.footer_main_nav_line{margin:0; padding:0; float:left;}
div.footer_main_tips{ width:1000px; margin:0; padding:0; overflow:hidden; text-align:center; color:#CCC; line-height:20px;}

div.footer_main_icon{ width:154px; margin:0 auto; padding:0; height:21px; overflow:hidden;}
div.footer_main_icon_unit1{ width:21px; height:21px; margin:0; margin-right:1px; padding:0; float:left; background:url(../img/footer/footer_icon1.png) no-repeat; cursor:pointer;}
div.footer_main_icon_unit2{ width:21px; height:21px; margin:0; margin-right:1px; padding:0; float:left; background:url(../img/footer/footer_icon2.png) no-repeat; cursor:pointer;}
div.footer_main_icon_unit3{ width:21px; height:21px; margin:0; margin-right:1px; padding:0; float:left; background:url(../img/footer/footer_icon3.png) no-repeat; cursor:pointer;}
div.footer_main_icon_unit4{ width:21px; height:21px; margin:0; margin-right:1px; padding:0; float:left; background:url(../img/footer/footer_icon4.png) no-repeat; cursor:pointer;}
div.footer_main_icon_unit5{ width:21px; height:21px; margin:0; margin-right:1px; padding:0; float:left; background:url(../img/footer/footer_icon5.png) no-repeat; cursor:pointer;}
div.footer_main_icon_unit6{ width:21px; height:21px; margin:0; margin-right:1px; padding:0; float:left; background:url(../img/footer/footer_icon6.png) no-repeat; cursor:pointer;}
div.footer_main_icon_unit7{ width:21px; height:21px; margin:0; margin-right:1px; padding:0; float:left; background:url(../img/footer/footer_icon7.png) no-repeat; cursor:pointer;}