@charset "utf-8";
/*reset*/
*{margin:0;padding:0;list-style:none;}
img{border:none;}
body{font-size:12px;font-family:"宋体",Arial,sans-serif; color:#000; background-color:#fff; text-align:center;}
a{color:#013F7C;text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;height:0;overflow:hidden;}
table{border-collapse:collapse;}
li{list-style-type:none;}
em{ font-style:normal;}
h1,h2,h3,h4{ font-weight:normal; font-size:12px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

/* wrap */
.wrap{ width:100%;  background:url(../images/wrap.jpg) left top repeat-x;}
.header{ width:960px; height:80px; margin:0 auto;}
.header .logo{ float:left; margin:14px 0 0 14px;}
.quick_menu{ float:right; width:200px; height:27px; padding:0 0 0 1px; background:url(../images/quick_menu.jpg) left top no-repeat; color:#aaaaa9;}
.quick_menu li{ float:left; width:66px; margin:7px 0 0 0; background:url(../images/menuli.gif) left top no-repeat;}
.quick_menu li.none{ background:none;}
.quick_menu li a{ color:#aaaaa9; white-space:nowrap; margin:0 8px;}
.wrap_menu{ width:100%; height:33px; background-color:#f1f1f1; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.menu{ width:960px; margin:0 auto;}
.menu ul{ float:left; margin:0 0 0 0px; display:inline;}
.menu li{ float:left; width:100px; height:33px; text-align:center; line-height:33px; border-left:1px solid #fdfdfd; border-right:1px solid #e0e0e0; color:#575757; font-family:"微软雅黑","黑体"; font-size:14px; font-weight:bold;}
.menu li.bl{ border-left:0;}
.menu li.br{ border-right:0;}
.menu li a{ color:#575757; display:block;}

/*.menu li a:hover{display:block; background:url(../images/current.jpg) left top no-repeat;}*/
.menu li.current{ background:url(../images/current.jpg) left top no-repeat;}
.menu li.current a{ color:#414f6a;}
.wrap_flash{ width:100%; height:398px; background:url(../images/flashbg.jpg) left top repeat-x;}
.area{ width:960px; margin:0 auto; clear:both;}
.area .left{ float:left; width:732px;}
.area .left .imgtxt230{ text-align:left;}
.imgtxt230 img{ float:left; padding:1px; background-color:#eee; border:1px solid #929292;}
.imgtxt230 h3{ float:left; width:410px; margin:10px 0 0 15px; display:inline; font-size:20px; font-family:"微软雅黑","黑体";color:#a06f61; text-align:center;}
.imgtxt230 h3 a{ color:#a06f61;}
.imgtxt230 p{ float:left; width:410px; margin:10px 0 0 15px; display:inline; line-height:21px; color:#818181;}
.imgtxt230 p a{ color:#ff6c00; margin:0 0 0 5px;}

.area .left .txt325{ float:left; width:100%; margin:53px 0 0 0; text-align:left;}
.txt325 li{ float:left; width:325px; margin:0 0 0 13px; display:inline; background:url(../images/libg.jpg) right 10px repeat-y;}
.txt325 li.none{ background:none;}
.txt325 li h3{ font-size:16px; font-family:"微软雅黑","黑体"; color:#a06f61;}
.txt325 li h3 a{color:#a06f61;}
.txt325 li p{color:#818181; line-height:21px; padding:0 5px 0 0;}
.txt325 li p a{color:#ff6c00;}

.area .right{ float:left; width:228px;}
.area .right .mt10{ margin-top:10px;}

.news{ position:relative; width:720px; margin:20px auto 0;}
.news .tit{ position:absolute; left:-13px; top:10px; width:115px; height:31px; background:url(../images/tit.jpg) left top no-repeat; color:#646464; font-size:14px; text-align:center; line-height:26px;}
.news .tit a{ color:#646464;}
.news a.back{ position:absolute; top:14px; right:26px; background:url(../images/back.gif) left 2px no-repeat; color:#646464; padding:0 0 0 12px;}
.news span.rc_tp{ position:relative; display:block; width:100%; height:4px; overflow:hidden; background:url(../images/corner.jpg) -4px top no-repeat; margin-bottom:-4px; z-index:5;}
.news span.rc_tp span{ float:right; width:4px; height:4px; overflow:hidden; background:url(../images/corner.jpg) left top no-repeat;}
.news span.rc_bt{ float:left; position:relative; display:block; width:100%; height:4px; overflow:hidden; background:url(../images/corner.jpg) -4px -4px no-repeat; margin-top:-4px;}
.news span.rc_bt span{float:right; width:4px; height:4px; overflow:hidden; background:url(../images/corner.jpg) left -4px no-repeat;}
.news .news_box{ position:relative; display:no ne; width:718px; border:1px solid #a5a5a5; background:url(../images/box_bg.jpg) left top repeat-x; background-color:#fff;}
.news .news_box a.top{ position:absolute; bottom:20px; right:-40px; width:39px; height:43px; background:url(../images/top.jpg) left top no-repeat;}
.news .news_box .left{ float:left; width:191px; margin:64px 0 0 8px; padding-bottom:24px; display:inline;}
.news .news_box .right{ float:left; width:500px; margin:64px 0 0 16px; display:inline;}
.right .group{ padding:7px 0 0 0;}
.right .group a{ font-size:12px; color:#a06f61; font-weight:bold; margin:0 20px 0 0;}
.right .news_list{ float:left; width:100%; margin:20px 0 0 0;}
.right .news_list li{ float:left; width:485px; height:29px; line-height:28px; font-size:14px; background:url(../images/line.gif) left bottom repeat-x; color:#828282;}
.right .news_list li a{ float:left; white-space:nowrap; color:#828282;}
.right .news_list li span{ float:right; white-space:nowrap; margin:0 12px 0 0;}
.right .page{ float:left; width:100%; margin:35px 0 0 0; padding:0 0 60px 0; text-align:center;}
.right .page a{ display:inline-block; padding:4px 6px; border:1px solid #ddd; color:#aaa;}
.right .page span{display:inline-block; padding:4px 6px; border:1px solid #ddd; color:#aaa; font-weight:bold; background-color:#f0f0f0;}

.news_box .endcontent{ width:100%; margin:78px 0 0 0;text-align:center;}
.endcontent h1{ width:546px; height:26px; margin:0 auto; background:url(../images/line.gif) left bottom repeat-x; color:#a06f61; font-weight:bold; font-size:14px;}
.endcontent .info{ width:546px; margin:0 auto; padding:10px 0 0 0; color:#a06f61; }
.endcontent .endtext{ width:546px; margin:0 auto; color:#828282; padding:0 0 20px 0;}
/* del */
.endcontent .endtext img{ margin:10px auto 0;}
.endcontent .endtext p{ text-align:left; line-height:25px; margin:25px 0 0 0; text-indent:2em;}
.foot{ width:960px; margin:20px auto 0; padding:5px 0 0 0; clear:both; color:#8f9090; line-height:22px; background:url(../images/foot.jpg) center top no-repeat;}

/*1227 */
.stills{ width:960px; margin:16px auto 0;}
.stills .tp{ width:960px; height:2px; overflow:hidden; background:url(../images/tp.gif) left top no-repeat;}
.stills .bt{ width:960px; height:2px; overflow:hidden; background:url(../images/bt.gif) left top no-repeat;}
.stills .stillsBox{ position:relative; width:960px; height:668px; margin:0 auto; background:url(../images/stillsBox.jpg) left top repeat-x; text-align:left;}
#pre{ position:absolute; top:16px; width:69px; right:198px; height:28px; background:url(../images/pre.jpg) left top no-repeat; text-indent:-9999px;}
#next{ position:absolute; top:16px; right:121px; width:69px; height:28px; background:url(../images/next.jpg) left top no-repeat; text-indent:-9999px;}
#min{ position:absolute; top:16px; right:49px; width:64px; height:28px; background:url(../images/play.jpg) left top no-repeat; text-align:center; line-height:28px; color:#323232;text-decoration:none;}
#miao{ position:absolute; top:16px; right:6px; width:43px; height:28px; background:url(../images/xiala.jpg) left top no-repeat; text-align:left; text-indent:8px; line-height:28px; color:#323232; text-decoration:none;}
#sec{ display:none; position:absolute; width:41px; border:1px solid #bebebe; right:6px; top:43px; background-color:#fafafa;}
#sec li{ line-height:20px; color:#323232; font-weight:bold; text-align:center; cursor:pointer;}
.stills .stillsBox h3{ position: relative; float:left;padding:0 0 0 13px;  height:42px; margin:18px 0 0 -13px; line-height:26px; font-size:14px; color:#464546; background:url(../images/h3.jpg) left top no-repeat;}
.stills .stillsBox h3 span{float:left; height:31px; background:url(../images/h3.jpg) right top no-repeat; padding:0 27px;}
#imgbox{ float:left; width:960px; height:505px; overflow:hidden; text-align:center;}

.stills .stillsBox .video{ float:left; width:610px; margin:19px 0 0 57px; margin:57px 0 0 57px; display:inline; overflow:hidden; }
.stills .stillsBox .infor{ float:right; width:228px; height:499px; margin:19px 40px 0 0;margin:57px 40px 0 0; display:inline; background:url(../images/phua.jpg) left top no-repeat; color:#676767; overflow:hidden;}
.stills .stillsBox .infor h4{ padding:23px 0 0 14px; font-size:14px;}
.stills .stillsBox .infor .pa{ padding:16px 0 0 14px; height:22px;}
.stills .stillsBox .infor .pa span{ margin:0 10px 0 0;}
.stills .stillsBox .infor .pc{ padding:0 0 0 14px;}
.stills .stillsBox .infor .pb{ width:140px; height:80px; overflow:hidden; padding:0 0 0 63px; line-height:20px;}
.stills .stillsBox .infor .pd{ font-size:14px; padding:40px 0 0 14px;}
.stills .stillsBox .infor .pe{ line-height:21px; width:195px; padding: 0 0 0 14px;}

.qrow2{ float:left; width:960px; overflow:hidden;}
.qrow2 .wr{ overflow:hidden; zoom:1}
.qrow2 .scroll{ position:relative; height:83px; }
.qrow2 #btleft{ width:31px; height:32px; background:url(../images/left.jpg) no-repeat; text-align:center; position:absolute; left:75px; top:37px; cursor:pointer}
.qrow2 #btright1{ width:31px; height:32px; background:url(../images/right.jpg) no-repeat; text-align:center; position:absolute; right:66px; top:37px; cursor:pointer}

.scroll{ padding:20px 156px 0 194px; padding-left:140px }
.scroll .pic{ float:left; width:94px; height:65px; text-align:center; margin:0 9px 0 0; display:inline; cursor:pointer; }
.scroll .pic img{border:1px solid #ddd;width:88px;height:59px;display:block; padding:2px; background-color:#fff; overflow:hidden; margin-bottom:5px; } 
.scroll .pic div a{ font-size:12px; color:#384e65;  }
.scroll #work{ width:10000000px; }
.scroll #work1{ width:10000000px; }
.scroll #List1,.scroll #List2{float:left;}
.Cont{ width:610px; overflow:hidden; width:713px; }
.scroll #List3,.scroll #List4{float:left;}

.zuix{ position:relative; width:986px; /*height:174px;*/ margin:28px auto 0; background:url(../images/zuix.jpg) left top no-repeat;}
.zuix a.more{ position:absolute; top:14px; right:32px; font-size:14px; color:#646464;}
.zuix .zlist{ float:left; width:910px; margin:51px 0 0 32px; display:inline;}
.zuix .zlist li{ float:left; width:82px; height:120px; margin:0 8px; display:inline;}
.zuix .zlist img{ float:left; padding:1px; border:1px solid #898989;}
.zuix .zlist h3{ float:left; width:100%; padding:10px 0 0 0; color:#646464; text-align:center; font-size:14px;}
.zuix .zlist h3 a{ color:#646464;}

.star{ width:960px; margin:20px auto 0;}
.stars{ float:left; width:299px; margin:0 0 0 5px; display: inline;}
.stars_box{ position:relative; float:left; width:297px; border:1px solid #e4e4e4; border-bottom:0; background:url(../images/l.jpg) left top repeat-x;}
.stars_bt{ float:left; width:299px; height:5px; background:url(../images/startbt.jpg) left top no-repeat;}
.stars_box .tit{ position:absolute; left:-13px; top:10px; width:115px; height:29px; background:url(../images/xingg.jpg) left top no-repeat; color:#646464; font-size:14px; text-align:center; line-height:26px; text-indent:-9999px;}
.stars_box .tit1{ float:left; margin:10px 0 0 -13px; display:inline;  width:115px; height:29px;}
.stars_box .tit2{ float:left; margin:10px 0 0 -13px; display:inline;  width:100%; height:29px;}
.stars_box .tit2 img{ float:left;}
.stars_box .tit2 a{ float:right; margin:10px 20px 0 0; white-space:nowrap; color:#676767;}
.stars_box p{ padding:0 0 0 13px; width:270px; line-height:21px; text-align:left; color:#9d9d9d;}
.stars_box p a{ color:#9d9d9d; margin:0 19px 0 0;}

.str_con{ float:right; width:621px;position:relative;}
.str_tp{ float:left; width:621px; height:37px; background:url(../images/intp.jpg) left top no-repeat;}
.str_mid{ float:left; width:619px; border-left:1px solid #969696; border-right:1px solid #969696;}
.str_bt{ float:left; width:621px; height:16px; overflow:hidden; background:url(../images/inbt.jpg) left top no-repeat;}


.str_con .tit{ position:absolute; left:-13px; top:10px; width:115px; height:31px; background:url(../images/tit.jpg) left top no-repeat; color:#646464; font-size:14px; text-align:center; line-height:26px;}
.str_con .tit a{ color:#646464;}



.str_mid h3,.str_mid p{ text-align:left; padding:0 0 0 44px; color:#676767;  line-height:21px; width:530px; clear:both;float:left;}
.str_mid h3{ font-size:14px; font-weight:bold; padding-top:15px;}
.str_mid ul{ padding:0 0 0 44px; width:534px;}
.str_mid .juzhao li{ float:left; margin:13px 0 0 29px; display:inline; padding:1px; border:1px solid #5b5b5b;}
.str_mid .juzhao li img{ float:left;}
.str_mid .zixun{ padding-top:20px;}
.str_mid .zixun li{ float:left; clear:both; color:#676767; line-height:22px; margin:0 0 0 20px; display:inline; white-space:nowrap;}

.img_con{ float:right; width:621px; /*height:633px;*/}
.stills .stillsBox .video{ float:left; width:640px; margin:40px 0 0 40px; display:inline; overflow:hidden; }
.stills .stillsBox .infor{ float:right; width:228px; height:499px; margin:40px 40px 0 0; display:inline; background:url(../images/phua.jpg) left top no-repeat; color:#676767; overflow:hidden;}
.stills .stillsBox .infor h4{ padding:23px 0 0 14px; font-size:14px;}
.stills .stillsBox .infor .pa{ padding:0px 0 0 14px; height:145px;}
.stills .stillsBox .infor .pd{ font-size:14px; padding:30px 0 0 14px;}
.stills .stillsBox .infor .pe{ line-height:21px; width:195px; padding: 0 0 0 14px;}




/*225*/
.stars_a{ width:960px; margin:0 auto;}
.stars_box_a{ position:relative; margin:0 auto; width:958px; border:1px solid #e4e4e4; border-bottom:0; background:url(http://www.hairuntv.com/images/l.jpg) left top repeat-x;}
.stars_bt_a{ float:left; width:960px; height:5px; background:url(../images/startsbt.jpg) left top no-repeat;}
.stars_box_a .s_flash{ width:856px;  margin:50px auto 0;  }/* 添加flash后 把这个高度删除*/
.stars_box_a .s_list{ width:856px; height:340px; margin:20px auto 0;}
.stars_box_a .s_list li{ float:left; width:85px; height:20px; line-height:20px;}
.stars_box_a .s_list li a{ color:#9d9d9d;}
.stars_box_a .tit{ position:absolute; left:-13px; top:10px; width:115px; height:29px; background:url(http://www.hairuntv.com/images/xingg.jpg) left top no-repeat; color:#646464; font-size:14px; text-align:center; line-height:26px; text-indent:-9999px;}