@charset "utf-8";
/* CSS Document */
body,div,p,table,span,p,ul,li,input,dl,dt,dd,form{ font-size:12px; padding:0px; margin:0px; height:auto; color:#4c4c4c; font-family:Arial; }
img{ border:none;}
body{background-color:#FFF; background-image:url(../images/icons.gif); background-position:0px -313px; background-repeat:repeat-x;}
/*body{  behavior: url(../css/hover.htc); /*可在IE6,7中对非<a>元素使用hover等伪类*/
h1,h2,h3{ margin:0px; margin:0px;}
/*html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/
.red,a.red:link,a.red:visited{ color:#8d2407;}
.black,a.black:link,a.black:visited{ color:#000;}
.orange,a.orange:link,a.orange:visited{ color:#f50;}
.pink,a.pink:link,a.pink:visited{ color:#f30;}
.hpink3,a.hpink3:link,a.hpink3:visited{ color:#333;}
.white,a.white:link,a.white:visited{ color:#fff;}
.blue,a.blue:link,a.blue:visited{ color:#0185d0;}
.navy,a.navy:link,a.navy:visited{ color:#0b6ec3;}
.blue_u,a.blue_u:link,a.blue_u:visited{ color:#0185d0; text-decoration:underline;}
.gray,a.gray:link,a.gray:visited{color:#666;}
.green,a.green:link,a.green:visited{color:#31b006;}
a.underline{ text-decoration:underline;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.bold{ font-weight:bold;}
.bg{  background-image:url(../images/icons.gif);}
.h08{ height:8px;}
.none{ display:none;}
strong{ color:#000;}
ul{ list-style:none;}
h2{ color:#222; font-size:16px;}
h4{ font-size:12px; line-height:18px; padding:0px; margin:12px; margin-left:5px;}
/*label{ line-height:18px; padding-left:2px; padding-top:-2px; padding-right:5px;}
*/a{color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
.left{ float:left;}
.right{float:right;}
.title{font-size:14px;}
.space{ height:3px; clear:both; width:100%; padding:0px; margin:0px;}
input{ vertical-align:middle;}
#top{ height:18px; text-align:right; clear:both; width:980px; margin:0px auto; line-height:18px; color:#9ab9d6;}
#top a{ color:#9ab9d6; font-size:11px;}
#top a:hover{ color:#fff;}
#hd{width:980px; height:105px; margin:1px auto; clear:both;}
#hd .logo-cont{width:253px; height:105px; float:left; clear:right; background:url(../images/logo.gif) left top no-repeat; overflow:hidden; }
#hd .logo-cont h1{line-height:105px; margin:0px; padding:0px;}
#hd .logo-cont h1 a{ display:block; text-indent:-2000em; overflow:hidden; width:253px; height:105px;}
/*#hd #header .logo-cont h1 sub{ display:block; position:absolute; left:50px; text-indent:-1500em; margin:0px; padding:0px; width:1px; height:1px; overflow:hidden;}
*/
#hd .nav{ width:712px; float:left; height:28px; line-height:28px; margin-top:42px; background-position:0px -32px; background-repeat:repeat-x;  overflow:hidden;}
#hd .nav .n{ width:712px;}
#hd .nav .n li{ float:left; height:28px; overflow:hidden;}
#hd .nav .n li a{ color:#FFF; font-weight:bold; padding:8px 7px;}
#hd .nav .n li a:hover{ color:#fff; background-color:#02629d;;}
#hd .nav .n .vl{background-position:-7px 0px; background-repeat:no-repeat; height:28px; width:2px; font-size:1px;}
#hd .nav .n .nl{ background-position:0px 0px; width:2px;}
#hd .nav .n .nr{ background-position:-13px 0px; float:right; width:3px;}

#banner{ width:980px; height:180px; margin:12px auto; margin-top:16px; clear:both; overflow:hidden;}
.tips{ width:679px; margin:0px auto; clear:both; margin-bottom:12px; border:4px #a51e01 solid; padding:4px; color:#fff; background-color:#a51e01;}/*width:964px;*/
.tips strong{ color:#fff; font-size:14px; padding-right:10px;}
#main{ width:980px; margin:0px auto; clear:both; overflow:hidden;}
#main .m_left{width:268px; float:left;}
#main .m_left .ml_link{ width:100%; margin:0px auto;}
#main .m_left .ml_link .ml_title{ text-indent:1.5em; height:39px; line-height:39px; color:#FFF; font-weight:bold; font-size:13px; background-position:0px -64px; background-repeat:no-repeat;}
#main .m_left .ml_link li{ text-indent:2em; height:29px; background-image:url(../images/icons.gif); background-position:0px -106px;  overflow:hidden;}
#main .m_left .ml_link li a{ color:#515151; height:32px; line-height:32px;}

#main .m_left .ml_link .ml_app{ text-indent:2em; background-image:url(../images/icons.gif); background-position:0px -148px;}
#main .m_left .ml_link .ml_app em{background-position:-141px 8px;}
#main .m_left dl{ width:252px; margin-top:12px; clear:both; background-color:#f4f4f4; margin-bottom:12px; padding-left:16px; padding-top:16px; padding-bottom:6px;} 
#main .m_left dt{ background-image:url(../images/icons.gif); background-position:-155px 2px; padding-bottom:0px; background-repeat:no-repeat; text-indent:1em; font-weight:bold; font-size:13px; color:#333333;}
#main .m_left dd{ line-height:18px; padding-bottom:12px; color:#777;}
#main .m_left dd img{ margin-right:4px;}
#main .m_right{width:695px; float:right;}
#main .m_right .mr_GCV{width:679px; padding:8px; background-color:#f0f0f0; line-height:17px; height:139px;}
#main .m_right .mr_superiority{width:405px; height:188px; margin-top:12px; background:url(../images/v_line.gif) right center  no-repeat;}
#main .m_right .mr_superiority ul{ width:99%;}
#main .m_right .mr_superiority ul li{ background-image:url(../images/icons.gif); background-position:0px -190px; background-repeat:no-repeat; padding-left:16px; margin-bottom:5px; line-height:18px;}
#main .m_right .mr_feedback{ width:270px; margin-top:12px; line-height:20px;}
#main .m_right .mr_faqTitle{ height:35px; line-height:35px; border-bottom:1px #a7a7a7 solid; clear:both; margin:6px auto;background-position:0px -274px; background-repeat:repeat-x;}
#main .m_right .mr_faqTitle .mr_t{ color:#8c2307; font-weight:bold; font-size:16px; padding-left:10px;} 
#main .m_right .mr_faqTitle .mr_m{ margin-right:10px;}
#main .m_right .mr_faqTitle .mr_m a{ color:#4aac28; text-decoration:none;}
#main .m_right .mr_q{ color:#8c2307; font-weight:bold; font-family:Arial; letter-spacing:1px; line-height:25px; margin-bottom:6px;}
#main .m_right .mr_a{ font-family:Arial; line-height:18px; margin-bottom:6px;}
#main .m_right .mr_a strong{ font-size:14px;}

#main .m_right ol li{ line-height:18px; height:auto; margin-bottom:12px;}
#main .m_right .faq td{ padding-bottom:10px;}
/*Tabs 2012-04-20*/ 
#main .m_right .tabswrap{width:660px; margin:10px auto; height:45px; background-color:#882305; overflow:hidden; padding-left:6px; margin-bottom:0px;}
#main .m_right .tabswrap .tabs{height:38px; padding-top:7px;}
#main .m_right .tabswrap .tabs li{ background:url(../images/tabs.gif)0px 0px no-repeat; float:left; height:38px; width:182px; cursor:pointer; margin-right:6px; text-align:center; line-height:38px; font-size:14px; font-weight:bold; color:#333;}
#main .m_right .tabswrap .tabs li:hover{background:url(../images/tabs.gif)0px -64px no-repeat;}
#main .m_right .tabswrap .tabs .selected{background:url(../images/tabs.gif)0px -64px no-repeat;}
#main .m_right .tabscont{ width:654px; margin:0px auto; border:6px #882305 solid; border-top:none; height:auto;}

#footer{ height:30px; line-height:30px; text-align:center; color:#FFF; clear:both; background-color:#8c2307; margin-top:12px;}
#footer a{ color:#FFF;}
#copy{ height:52px; line-height:22px; text-align:center; color:#7F7F7F; clear:both; margin-top:2px;}
#copy a{ text-decoration:underline; color:#7f7f7f;}
#copy a:hover{ color:#555;}
.bb1{ border:1px #aaa solid; border-bottom:1px #ddd solid; border-right:1px #ddd solid; height:18px; line-height:18px; width:300px;}

/*Tooltips*/
#main .m_right .tooltips{position:relative; /*important*/z-index:2; margin-bottom:6px; line-height:18px; }
#main .m_right .tooltips:hover{z-index:3; background:none; /*for ie*/}
#main .m_right .tooltips span{display: none; text-decoration:none; z-index:5; }
#main .m_right .tooltips:hover span{ /*span lable for  :hover show*/
display:block; position:absolute; top:13px; left:20px; width:660px; border:1px solid #999; background-color:#f1f1f1; padding: 6px; color:black; text-decoration:none; z-index:6;}
/*Tooltips*/
.placeorder{background-image:url(../images/placeorder.gif);background-repeat:no-repeat;border:0;width:129px;height:37px;cursor:pointer;}
 
/* For Order form*/

.Textfield{ border:1px #888 solid; border-bottom:1px #ccc solid; border-right:1px #ccc solid; height:18px; line-height:18px; padding:2px; background-color:#f5f5f5;}
.Textfield:hover{ background-color:#fff0eb;}





