.main{ background:#f6f0ed; width:100%; overflow:hidden;}
.main_center{ overflow:hidden;}
.left_box{ width:123px; float:left; background:url(../images/left_line.jpg) no-repeat right top; overflow:hidden; position:relative; height:608px;}
.left_box ul{ width:123px; overflow:hidden; margin-top:30px;}
.left_box ul li a{ background:#fff; font-size:14px; display:block; height:28px; line-height:28px; margin-bottom:12px; color:#191313;}
.left_box ul li a:hover{ background:#e66fac; color:#fff;}
.left_box ul li a i{ background:#e66fac; width:7px; height:1px; overflow:hidden; display:inline-block; margin:0 10px 0 10px; vertical-align:4px;}
.left_box ul li a:hover i{ background:#fff;}
.left_box ul li.on a{ background:#e66fac; color:#fff;}
.left_box ul li.on a i{ background:#fff;}

.right_box{ width:800px; float:right; overflow:hidden; position:relative;}
.right_box .title{ margin:88px 0 0 45px; overflow:hidden;}
.right_box .title ul{ overflow:hidden; font-size:14px; line-height:32px; color:#474747; margin-top:10px;}
.girl{ position:absolute; right:0; top:34px;}

.about{ background:url(../images/about.png) repeat; width:800px; overflow:hidden; margin-top:250px; margin-bottom:80px; position:relative; z-index:10;}
.about .txt{ width:680px; margin:50px auto; overflow:hidden; line-height:28px; font-size:14px; color:#474747; text-indent:28px;}

.contact{ width:800px;  position:relative; z-index:10; margin-top:105px; padding-bottom:125px;}
.contact .map{ width:794px; border:3px solid #fff;}
.message{ width:800px; overflow:hidden; margin-top:50px;}
.message table{ margin-top:18px;}
.message table label{ position:relative; display:block;}
.message table .input_txt{ background:#fff; border:1px solid #d6d6d6;}
.message table .w1{ width:380px; line-height:26px; padding:5px; height:26px;}
.message table span{ color:#707070; position:absolute; top:5px; left:5px;}
.message table .w2{ width:780px; line-height:26px; padding:5px; height:26px;}
.message table .w3{ width:610px; padding:5px; height:100px;}
.message table .textarea{ float:left;}
.message table  .btn{ background:#e66fac; width:160px; height:111px; border:0; text-align:center; line-height:110px; font-size:22px; color:#fff; cursor:pointer;  font-family:"Microsoft YaHei"; margin:1px 0 0 10px;}


#registsubmit.disabled{ background:#698f1e; cursor:default!important;}
#formbox .red{color:#ff0000; font-weight:normal;}
#formbox p{  color:#7f7f7f; line-height:20px;}
#formbox .blank{ display:none;}
#formbox .pwdbg{background:#FFF8EB;}
#formbox .focus{color:#999; height:22px; line-height:22px;*line-height:20px; font-size:12px;}
#formbox .null,#formbox .error{color:red;line-height:22px;*line-height:20px; font-size:12px;}
#formbox .checkbox{margin-top:6px;*margin-top:2px;}
#formbox #referrer{color:#999;font-size:12px;}
#formbox #protocol{margin:0px 5px 0 0;display:inline;}
#pwdstrength{color:#999;line-height:22px;padding-right:10px;}

.product{ overflow:hidden;}
.product_title{ overflow:hidden; position:relative; margin-top:35px; text-align:center;}
.product_title .line{ background:#dfd3ce; width:1000px; height:1px; overflow:hidden; position:absolute; left:0; top:10px;}
.product_title h1{ font-size:16px; background:#f6f0ed; padding:0 15px; position:relative; z-index:1; display:inline;}
.choose{ width:970px; margin:10px auto; overflow:hidden;}
.choose li{ width:1000px; clear:both; margin-top:10px; overflow:hidden;}
.choose dt{ float:left; font-size:14px; margin-right:15px;}
.choose dt i{ background:url(../images/icon.png) no-repeat; display:block;width:13px; margin:5px 10px 0 0;  }
.choose dt i.b1{ background-position:-194px 0;  height:16px;}
.choose dt i.b2{ background-position:-213px 0;  height:13px;}
.choose dt a{ color:#191313; display:inline-block; padding:0 15px; line-height:26px; white-space:nowrap;}
.choose dt a:hover{ background:#e66fac; color:#fff;}
.choose dt a.on{ background:#e66fac; color:#fff;}

.product_list{ background:#fff; margin:30px auto; overflow:hidden; position:relative;}

.product_list a.up{ background:url(../images/common.gif) no-repeat -31px 0; width:28px; height:70px; display:block; position:absolute; left:0px; top:305px;}
 
.product_list a.down{ background:url(../images/common.gif) no-repeat -62px 0; width:28px; height:70px; display:block; position:absolute; right:0px; top:305px;}
.product_list_con{ width:924px; height:620px; margin:40px auto; overflow:hidden;}
.product_list_con #pic1{ width:924px; margin:0px auto; overflow:hidden;}
.product_list_con #pic1 div {float:left}
.product_list_con #pic1 ul{ clear:both;}
.product_list_con li{ width:231px; overflow:hidden; float:left; margin-top:1px;}
.product_list_con li dl{ width:230px; height:300px; overflow:hidden; position:relative; margin-bottom:1px;}
.product_list_con li dl dd{ display:none;}
.product_list_con li dl dd.trconb{ display:block;}
 
.product_list_con li dl dd a{ background:url(../images/icon.png) no-repeat 0 -61px; width:230px; height:35px; position:absolute; left:0; bottom:0; text-align:center; line-height:35px; color:#fff; font-size:14px;}
.detailed{ background:#fff; overflow:hidden; padding:30px; width:940px; margin:30px auto 75px auto;}
.detailed_top{ width:940px; border-bottom:1px solid #ebebeb; overflow:hidden; padding-bottom:40px;}
.detailed_top .pic{ float:left;}
.detailed_top_r{ float:right; width:525px; overflow:hidden;}
.detailed_top_r h1{ font-size:20px; color:#e66fac; border-bottom:1px solid #ebebeb; padding-bottom:15px;}
.detailed_top_r ul{ width:525px; overflow:hidden; font-size:14px; line-height:34px; margin:20px auto;}
.detailed_top_r ul strong{ float:left; font-weight:normal; width:45px;}
.detailed_top_r ul p{ width:480px; float:right;}
.detailed_top_r .bt{ margin-top:60px;}
.detailed_top_r .bt a{ width:183px; height:44px; line-height:44px; text-align:center; display:inline-block; font-size:18px; margin-right:10px;}
.detailed_top_r .bt a.c1{ background:#e66fac; color:#fff;}
.detailed_top_r .bt a.c1:hover{ background:#d5418d;}
.detailed_top_r .bt a.c2{ background:#ede1da; color:#9e8578;}
.detailed_top_r .bt a.c2:hover{ background:#d9cac2;}

.detailed_bottom{ width:940px; overflow:hidden; clear:both; font-size:14px; margin-top:15px;}
.detailed_bottom .back{ float:left;}
.detailed_bottom .back i{ background:url(../images/common.gif) no-repeat -94px 0; width:15px; height:10px; display:inline-block; margin-right:5px; vertical-align:0px;}
.detailed_bottom .next{ float:right;}
.detailed_bottom .next i{ background:url(../images/common.gif) no-repeat -117px 0; width:18px; height:18px; display:inline-block; margin-right:5px; vertical-align:-4px;}



.activity{ overflow:hidden; margin-bottom:50px;}
.activity_top{ width:1000px; height:450px; overflow:hidden; position:relative;}
.activity_top .txt{ width:410px; position:absolute; left:75px; top:175px; color:#fff;}
.activity_top .txt h1{ font-size:26px; line-height:30px;}
.activity_top .txt p{ font-size:14px; line-height:26px; margin-top:12px;}



.clearfix{  background:#fff;  margin:0 auto;}
.item_list{position:relative; background:url(../images/list_line.jpg) repeat-y;}
.item{ width:333px;  overflow:hidden; margin:0; border:0 solid #ececec; border-width:0 0 1px 0px; }
.item_t{ width:293px; margin:0px auto; padding:20px 0;}

.item_t .img{background:#fff; margin:0 auto;position:relative; width:293px; min-height:210px;}
.item_t .title{ padding:8px 0; }
.item_t .title  h1{ font-size:20px; line-height:26px;}
.item_t .title p{ color:#aaa; font-size:14px; line-height:26px; margin-top:10px;}
.figure{ overflow:hidden;}
.figure_top{ overflow:hidden;} 
.figure_top h1{ float:left; margin:155px 0 0 125px;}
.figure_top .tu{ float:right; margin-top:26px;}
.figure_map{ background:#fff; overflow:hidden; margin-bottom:95px;}
 
.arkiplan{ width:250px; overflow:hidden; float:left; border-right:1px solid #ececec; padding-bottom:82px;}
.OutMenu{ width:250px; color:#5d5d5d;}
.OutMenu li{ clear:both;}
.OutMenu li .open{ display:block; line-height:45px; height:45px; color:#5d5d5d; font-size:16px; border-bottom:1px solid #ececec; position:relative;  cursor:pointer;}
.OutMenu li.last .open{ border:0;}
.OutMenu li .open span{ background:url(../images/common.gif) no-repeat -161px 0; width:11px; height:15px; display:block; float:left; margin:17px 10px 0 22px;}
.OutMenu li .open.active span{ background-position:-144px 0;}
.OutMenu li:target .open,.OutMenu li .open.active{ color: #5d5d5d; border-bottom:0px solid #ececec;}
.OutMenu.huang li:target a,.OutMenu.huang li a.active{ color:#5d5d5d; border-bottom:1px solid #ececec;}
.InMenu{ width:250px; margin:0px auto; overflow:hidden;}
.InMenu ul{ width:220px; margin:0 auto; font-size:14px; line-height:28px; text-indent:28px; border-bottom:1px solid #ececec; padding:0px 15px 10px 15px; margin-top:-5px;}
.InMenu ul a{ color:#5d5d5d; }
.InMenu ul a:hover{ color:#e66fac; }
.OutMenu li.last p{ border:0;}
.OutMenu li .InMenu{ display:none;}


.figure_map_right{ width:690px; float:right; margin:30px 30px 0 0;}
.figure_map_right ul{ line-height:24px; color:#474747; margin-top:20px;}
.figure_map_right ul h1{ color:#e66fac; font-size:18px; margin-bottom:8px;}


.jion{ overflow:hidden; margin-bottom:80px;}
.jion .tab{ overflow:hidden;}
.jion .tab li{ float:left; background:#ede1da; height:60px; line-height:60px; width:500px; text-align:center; font-size:24px; color:#6c6c6c; cursor:pointer;}
.jion .tab li.curr{ background:#e66fac; color:#fff;}
.jion_con{ clear:both; background:#fff; overflow:hidden;}

.brand{ width:890px; overflow:hidden; margin:20px auto 0 auto;}
.brand .top ul{ width:890px; overflow:hidden; color:#646464; line-height:26px; margin-top:20px;}
.brand .top ul h1{ font-size:18px; color:#e66fac;}
.brand .top{ width:890px; overflow:hidden;}
.brand .bottom{ width:890px; overflow:hidden; margin-top:45px;}
.brand .bottom .list{ width:265px; border-right:1px solid #ececec; float:left; padding-right:20px; margin:0 20px 0 0;}
.brand .bottom .list.last{ margin:0 0 0 0; padding:0; border:0;}
.brand .bottom .list dl{ width:265px; text-align:center; color:#e23890; font-size:18px; line-height:30px;}
.brand .bottom .list ul{ color:#646464; overflow:hidden; padding-bottom:45px; margin-top:20px; height:240px;}


.data{ width:890px; margin:20px auto 0 auto;}
.data table{  font-size:14px; color:#5f5f5f; margin-top:35px; white-space:nowrap;}
.data .top{ width:890px; overflow:hidden; text-align:center; font-size:20px; color:#e23890; margin-top:25px;}
.data table .input_txt{ background:#fff; border:1px solid #d6d6d6;}
.data table .w1{ width:276px; line-height:26px; padding:5px; height:26px;}
.data table .w2{ width:756px; line-height:26px; padding:5px; height:26px;}
.data table .w3{ width:650px; line-height:26px; padding:5px; height:26px;}
.data table .red{color:#ff0000; font-weight:normal;}
.data table p{  color:#7f7f7f; line-height:20px;}
.data table .blank{ display:none;}
.data table .pwdbg{background:#FFF8EB;}
.data table .focus{color:#999; height:22px; line-height:22px;*line-height:20px; font-size:12px;}
.data table  .error{color:red;line-height:22px;*line-height:20px; font-size:12px;}
.data table .checkbox{margin-top:6px;*margin-top:2px;}
.data table #referrer{color:#999;font-size:12px;}
.data table #protocol{margin:0px 5px 0 0;display:inline;}
#pwdstrength{color:#999;line-height:22px;padding-right:10px;}
.data table strong{ font-weight:normal; line-height:40px; white-space:nowrap; margin-right:10px;}
.data table #test select{ width:88px; height:36px; margin-right:8px;}
 
.data table .bt1{ background:#e66fac; color:#fff; width:183px;  height:44px; text-align:center; display:inline-block; font-size:20px; margin:30px 10px 80px 0; cursor:pointer; border:0; font-family:"Microsoft YaHei";}
.data table .bt1:hover{ background:#d5418d;}
.data table .bt2{ background:#ede1da; color:#9e8578; width:183px; height:44px; line-height:44px; text-align:center; display:inline-block; font-size:18px; margin-right:10px; cursor:pointer; border:0; font-family:"Microsoft YaHei";}
.data table .bt2:hover{ background:#d9cac2;}


/* Date Picker ÈÕÆÚÊ°È¡Æ÷ */
table.jCalendar{border-collapse:collapse;font-family:Arial;width:80%; margin:0 auto 20px auto;}
table.jCalendar th{background:#fff;color:#aa9979;font-weight:normal;height:27px;line-height:27px;vertical-align:middle;}
table.jCalendar td{background:#e6e5e3;color:#3c3c3c;font-size:11px;border:3px solid #fff;height:27px;line-height:27px;text-align:center;}
table.jCalendar td.other-month{background:#f7f7f7;color:#555;}
table.jCalendar td.today{background:#60ab49;color:#fff;}
table.jCalendar td.selected,table.jCalendar td.selected.dp-hover{background:#3366cc;color:#fff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td{background:#92e279;color:#fff;}
table.jCalendar tr.selectedWeek td{background:#f66;color:#fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover{background:#eeebe5;color:#888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover{background:#8ca4c8;color:#fff;}
/* For the popup *//* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup{position:relative;font-size:12px;font-family:arial, sans-serif;padding:0 2px 2px 2px;width:260px;line-height:1.2em;border:solid 1px #dfdbd6;  -moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.1);  -webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.1); box-shadow:1px 1px 3px 1px rgba(0,0,0,.1); background:#fff;  margin-top:30px;}
div#dp-popup{position:absolute;z-index:199;}
div.dp-popup h2{font-size:14px;text-align:center;margin:0;padding:0;height:32px;line-height:32px;color:#3c3c3c;}
a#dp-close{font-size:11px;padding:4px 0;text-align:center;display:block;}
a#dp-close:hover{text-decoration:underline;}
div.dp-popup a{color:#000;text-decoration:none;width:19px;height:19px;line-height:999em;overflow:hidden;background:url(../images/arrowicon.gif) no-repeat;margin:6px 2px 0 2px;display:inline;}
div.dp-popup a#dp-nav-prev-year.disabled{ display:none; background-position:0 -19px;}
div.dp-popup a#dp-nav-prev-month.disabled{background-position:-19px -19px;}
div.dp-popup a#dp-nav-prev-year{ display:none;background-position:0 0;}
div.dp-popup a#dp-nav-prev-month{background-position:-19px 0;}
div.dp-popup a#dp-nav-next-year{ display:none;background-position:-57px 0;}
div.dp-popup a#dp-nav-next-month{background-position:-38px 0;}
div.dp-popup div.dp-nav-prev{position:absolute;top:2px;left:12px;width:100px;}
div.dp-popup div.dp-nav-prev a{float:left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a{cursor:pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled{cursor:default;}
div.dp-popup div.dp-nav-next{position:absolute;top:2px;right:12px;width:100px;}
div.dp-popup div.dp-nav-next a{float:right;}
div.dp-popup a.disabled{cursor:default;color:#aaa;}
div.dp-popup td{cursor:pointer;font-size:14px;}
div.dp-popup td.disabled{cursor:default;}
.metadataSelect{height: 39px;}

.english_box{ width:1000px; margin-bottom:50px; background:#fff; overflow:hidden;}
.english_box .list{ width:880px; padding:40px 60px; overflow:hidden; border-bottom:2px solid #f6f0ed; text-align:center;}
.english_box .list .bt{ margin:46px auto 66px auto;}
.activity_top .txt p a{ color:#fff;}
.activity_top .txt p a:hover{ text-decoration:underline;}
.item_t .title p a{ color:#a8a8a8;}
.item_t .title p a:hover{ text-decoration:underline;}
.item_t .title p a:hover{ color:#d968a1; } 
#code_qq a{  width:46px; height:46px; display:block;}