@charset "utf-8";



/* CSS Document */
html { margin:0; padding:0}
body {color: #666; font-family:Helvetica,Arial,  sans-serif; font-size: 13px;line-height: 180%;margin: 0; padding: 0; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;}
img { border: 0;}
a{ color: #666666;/* text-decoration: none;*/  text-decoration: none; cursor:hand;}
a:hover{ color: #000000; /*text-decoration: underline; */  text-decoration: none; cursor:hand;}
h1, h2, h3, h4, h5, h6, h7, p { margin: 0 0px; padding: 0px }
ul { list-style-type: none; margin: 0px; padding: 0px;}
li { list-style-type: none; margin: 0px; padding: 0px;}
.clear { clear: both; zoom: 1; }
.clear:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
dd,dl,dt { margin: 0px; padding: 0px; float:left;}
p { padding:0; margin:0;}


/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { _position: relative; border: 1px solid #E0E0E0; color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 12px; height: 15px; padding: 3px 1px 1px 1px;}
.textfield { _position: relative; border: 1px solid #E0E0E0; font-family:Arial, Helvetica, sans-serif; height: 16px; color: #666666; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#eeeeee',GradientType=0 ); padding:3px;}
.textarea { _position: relative; border: 1px solid #E0E0E0; font-family:Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#eeeeee',GradientType=0 ); padding:3px;}
.select { _position: relative; border: 1px solid #E0E0E0; color: #666666; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; height: 23px; letter-spacing:1px; padding:1px;}
.checkbox { _position: relative; border:none;}
.option { font-size:12px; color:#333; font-weight:bold;}
.radio { _position: relative; background: transparent; filter:progid: DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFFFFF', gradientType='0'); font-family: Verdana, Geneva, sans-serif;}
src { position: relative }
.bfont { color:#397199; font-weight:bold; font-size:11px;}
h1{color:#E5750D; font-size:15px; float:left; font-weight:bold;}
h2{ font-size:12px; color:#999; line-height:18px; margin-top:5px;}
h3{font-size:20px; color:#000; font-weight:bold; margin-bottom:10px; padding:0;}
h4{ color:#000; font-size:12px; font-weight:normal;}
h5{ color:#815E3A; font-size:12px; font-weight:normal;}
h6{ color:#815E3A; font-size:21px; font-weight:bold;}
h7{ color:#C4A07D; font-size:12px; font-weight:normal;}
.form_remark { font-size:12px; -webkit-text-size-adjust: none; color:#999; margin-left:20px;}

._mar11{ margin-right:11px;}

/*---------------index---------------------*/

#indexwrap{ width:100%; padding:0; margin:0 auto; background:url(../_img/00_index/index_bg.jpg) left top repeat-x #f2f2f2; position:relative;}
#indexwrap .main_img{ width:100%; height:540px; position:absolute; z-index:1; background:#000;}
#indexwrap .headerwrap{ width:100%; z-index:2; margin:0 auto; position:absolute;}
#indexwrap .headerwrap .header{ width:980px; margin:0 auto; height:100px;}
#indexwrap .headerwrap .header .logo{ width:225px; float:left; margin-top:24px;}
#indexwrap .headerwrap .header .menu{ width:755px; float:right; margin-top:18px;}
#indexwrap .headerwrap .header .menu ul.sub{width:755px; float:left;}
#indexwrap .headerwrap .header .menu ul.sub li{ width:auto; padding:0 8px 0 7px; float:right; font-family:Helvetica,Arial,  sans-serif;}
#indexwrap .headerwrap .header .menu ul.sub li a{ color:rgba(255, 255, 255, 0.7);}
#indexwrap .headerwrap .header .menu ul.sub li a:hover{color:rgba(255, 255, 255,1);}
.sub_point{ background:url(../_img/00_index/index_point.gif) right center no-repeat;}
#indexwrap .headerwrap .header .menu ul.main{width:748px; float:left; margin:12px 7px 0 0}
#indexwrap .headerwrap .header .menu ul.main li{width:auto; float:right; font-size:16px; margin-left:35px; font-family:Helvetica,Arial,  sans-serif;}
#indexwrap .headerwrap .header .menu ul.main li a{color:#fff;}
#indexwrap .headerwrap .header .menu ul.main li a:hover{color:#AD2E91;}

#indexwrap .contentwrap{ width:100%; position:absolute; overflow:hidden; z-index:3; margin:0 auto; top:490px; }
#indexwrap .contentwrap .content{ width:980px; height:342px;background:url(../_img/00_index/index_01.png) left top no-repeat;margin:0 auto; padding:20px 9px 26px 9px;}
#indexwrap .contentwrap .content .news{ width:618px; float:left; height:70px; border-right:#ccc 1px dotted; margin-left:32px;}
#indexwrap .contentwrap .content .news h1{width:618px; float:left;color:#E5750D; font-size:15px; float:left; font-weight:bold;}
#indexwrap .contentwrap .content .news h2{width:618px; float:left; font-size:12px; color:#999; line-height:18px; margin-top:5px;}
#indexwrap .contentwrap .content .news:hover h1{ color:#AF2992;}
#indexwrap .contentwrap .content .video{ width:300px; height:112px; float:left; margin-left:19px; background:url(../_img/00_index/flow.jpg) 160px bottom no-repeat;}
#indexwrap .contentwrap .content .video ul{}
#indexwrap .contentwrap .content .video li.img{ width:190px; float:right;}
#indexwrap .contentwrap .content .video li.tit{ width:300px; font-size:20px; color:#801E6B; float:left; display:block;}
#indexwrap .contentwrap .content .video li.txt{ width:300px; font-size:12px; color:#555; float:left; line-height:18px; margin-top:3px; display:block;}
#indexwrap .contentwrap .content .video li.more{ width:40px; background:url(../_img/00_index/index_arrow.gif) right center no-repeat; padding-right:10px; display:block; float:left;}
#indexwrap .contentwrap .content .video li.more a{ color:#AF2992;}
#indexwrap .contentwrap .content .video li.more a:hover{ text-decoration:underline;}
#indexwrap .contentwrap .content .index_slider{ width:980px; float:left; margin-top:10px;}

#indexwrap .index_footerwrap{ width:100%; position:absolute; overflow:hidden; z-index:4; margin:0 auto; top:880px;}
#indexwrap .index_footerwrap .footer{ width:980px; margin:0 auto; overflow:hidden;}
#indexwrap .index_footerwrap .footer .in{ width:220px; float:left; background:url(../_img/00_index/footer_line.gif) left repeat-y; padding:0 0 15px 20px;}
#indexwrap .index_footerwrap .footer .in ul{ width:220px; float:left; margin-bottom:0px;}
#indexwrap .index_footerwrap .footer .in li.tit{width:220px; font-size:14px;  float:left; margin-bottom:6px;}
#indexwrap .index_footerwrap .footer .in li.tit a{color:#333;}
#indexwrap .index_footerwrap .footer .in li.tit a:hover{color:#801E6B;}
#indexwrap .index_footerwrap .footer .in li.list{ width:220px; font-size:12px;  float:left;}
#indexwrap .index_footerwrap .footer .in li.list a{color:#777;}
#indexwrap .index_footerwrap .footer .in li.list a:hover{ color:#333;}
#indexwrap .index_footerwrap .footer .in_r{ width:240px; float:left; background:url(../_img/00_index/footer_line.gif) left top repeat-y; padding-left:20px;}
#indexwrap .index_footerwrap .footer .in_r ul.business{width:240px; float:left; color:#555; line-height:18px; font-size:13px;}
#indexwrap .index_footerwrap .footer .in_r ul.business h3{font-size:22px; color:#000; margin-bottom:10px; padding:0; font-weight:normal;}
#indexwrap .index_footerwrap .footer .in_r ul.tel{ width:235px; margin-left:5px; margin-top:0px; float:left;}
#indexwrap .index_footerwrap .footer .in_r ul.tel li{width:235px; float:left; margin-bottom:15px}
#indexwrap .index_footerwrap .footer .in_r ul.tel li.tel{width:205px; float:left; background:url(../_img/00_index/index_07.gif) left center no-repeat; padding-left:30px; font-size:22px; color:#333;}
#indexwrap .index_footerwrap .footer .in_r ul.tel li.fax{width:205px; float:left; background:url(../_img/00_index/index_08.gif) left center no-repeat; padding-left:30px; font-size:22px; color:#333;}
#indexwrap .index_footerwrap .footer .in_r ul.tel li.mail{ width:203px; float:left; background:url(../_img/00_index/index_05.gif) left center no-repeat; padding-left:32px; font-size:17px;}
#indexwrap .index_footerwrap .footer .in_r ul.tel li.mail a{ color:#333;}
#indexwrap .index_footerwrap .footer .in_r ul.tel li.mail a:hover{ text-decoration:underline;}

#indexwrap1{width:100%; padding:0; margin:0 auto; background:url(../_img/00_index/index_footer01.gif) left top repeat-x; height:80px; position:relative;}
#indexwrap1 ul{width:980px; margin:0 auto;}
#indexwrap1 li.logo{ width:145px; float:left; margin-top:20px}
#indexwrap1 li.txt{ color:#ccc; float:left; line-height:80px;}
#indexwrap1 li.txt1{ float:right; line-height:80px; color:#999999;}
#indexwrap1 li.txt1 a{color:#999999; text-decoration:underline;}
#indexwrap1 li.txt1 a:hover{ color:#CCC;}

/*---------------header--------------------*/
#headerwrap{ width:960px; padding:0; margin:0 auto; height:100px;}
#headerwrap div.logo{ width:191px; float:left; padding:20px 0px 0px 0px;}
#headerwrap div.menu { width:760px; float:right; overflow:hidden; margin-top:15px;}
#headerwrap div.menu div.sub{width:100%;  float:right; padding:0}
#headerwrap div.menu div.sub ul{}
#headerwrap div.menu div.sub li{ width:auto;  float:right; margin-left:12px; padding:0 0 0 7px; font-family:Helvetica,Arial,  sans-serif;}
#headerwrap div.menu div.sub li a{color:#999;}
#headerwrap div.menu div.sub li a:hover ,#headerwrap div.menu div.sub li a.current{ color:#333;}

#headerwrap div.menu div.main{ margin:12px 0 0 0; width:100%; float:right;}
#headerwrap div.menu div.main ul{width:100%; float:right;}
#headerwrap div.menu div.main li{ width:auto; float:right; font-size:16px; color:#333; margin-left:35px; font-family:Helvetica,Arial,  sans-serif;}
#headerwrap div.menu div.main li a{ color:#333;}
#headerwrap div.menu div.main li a:hover ,#headerwrap div.menu div.main li a.current{color:#801E6B;}

#headerimgs{ width:960px; padding:0; margin:0 auto; height:160px;}


/*---------------01_products--------------------*/
#pro_tit{ width:960px; margin:0 auto; height:67px;}
#pro_tit .left{ width:330px; float:left; font-size:30px; color:#801E6B; margin-top:28px; letter-spacing:-0.03em;}
#pro_tit .right{ width:630px; float:right; margin-top:30px;}
#pro_tit .right ul{}
#pro_tit .right li{  width:auto; float:right;height:24px; line-height:24px; display:block; margin-left:15px;}
#pro_tit .right li a{color:#666; font-size:12px;padding:0 14px; height:24px; line-height:24px; text-align:center; display:block;}
#pro_tit .right li a:hover ,#pro_tit .right li a.current{ background:#801E6B; height:24px; line-height:24px; text-align:center; color:#fff; padding:0 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(PIE.htc);}
#pro_edit{ width:980px; margin:0 auto; overflow:hidden;}
#pro_edit .edge{ width:966px; float:left;}
#pro_edit .edit{width:960px; padding:0; float:left; font-family:Helvetica, Arial, sans-serif; 
  border: 0px solid #fff; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: #666 0px 0px 8px;-moz-box-shadow: #666 0px 0px 8px;box-shadow: #666 0px 0px 8px;background: #fff;behavior: url(PIE.htc);
  margin:10px 0 10px 10px;
  }

#pro_edit .edit .prodetail-down { margin:50px auto;  width: 250px; }
#pro_edit .edit .prodetail-down a { display:block; background-color: #722365; width:250px; height:35px; color:#fff; text-align:center; line-height:36px;}

#pro_showcut{ width:966px; height:118px; margin:26px auto 24px auto;}
#pro_showcut .s1{ width:440px; height:97px; padding:17px 4px 4px 24px; float:left; background:url(../_img/00_layout/showcut_01.jpg) left top no-repeat;}
#pro_showcut .s1 ul.tit{ width:440px; float:left; font-size:18px; color:#000; font-weight:normal;padding:0; margin:0;}
#pro_showcut .s1 ul.list{width:300px; float:left; padding:0; margin-top:5px; font-size:10px; color:#555;  font-weight:normal; line-height:18px;}
#pro_showcut .s1 ul.list li{ width:98px; float:left; background:url(../_img/00_layout/arrow.png) 2px 9px no-repeat; padding-left:12px; margin:0; height:20px;}
#pro_showcut .s1 ul.list li a{color:#AF2992; font-size:12px;}
#pro_showcut .s1 ul.list li a:hover{ text-decoration:underline;}
#pro_showcut .s1 .more{ width:100%; float:left; margin-top:5px;}
#pro_showcut .s1 .more a{ background:url(../_img/00_layout/arrow.png) 2px 4px no-repeat; color:#AF2992; padding-left:12px; font-size:12px;}
#pro_showcut .s1 .more a:hover{ text-decoration:underline;}


#pro_showcut .s2{ width:210px; height:97px; padding:17px 4px 4px 24px; float:left; background:url(../_img/00_layout/showcut_02.jpg) left top no-repeat;}
#pro_showcut .s2 h1{width:150px; float:left; font-size:18px; color:#000; font-weight:normal; padding:0; margin:0;}
#pro_showcut .s2 h2{width:150px; float:left; font-size:10px; color:#555;  font-weight:normal; line-height:18px; padding:0; margin-top:4px; -webkit-text-size-adjust:none;}
#pro_showcut .s2 .more{ width:100%; float:left; margin-top:5px;}
#pro_showcut .s2 .more a{ background:url(../_img/00_layout/arrow.png) 2px 4px no-repeat; color:#AF2992; padding-left:12px; font-size:12px;}
#pro_showcut .s2 .more a:hover{ text-decoration:underline;}
#pro_showcut .s3{ width:210px; height:97px; padding:17px 4px 4px 24px; float:left; background:url(../_img/00_layout/showcut_03.jpg) left top no-repeat;}
#pro_showcut .s3 h1{width:150px; float:left; font-size:18px; color:#000; font-weight:normal; padding:0; margin:0;}
#pro_showcut .s3 h2{width:150px; float:left; font-size:10px; color:#555; font-weight:normal; line-height:18px; padding:0; margin-top:4px; -webkit-text-size-adjust:none;}
#pro_showcut .s3 .more{ width:100%; float:left; margin-top:5px;}
#pro_showcut .s3 .more a{ background:url(../_img/00_layout/arrow.png) 2px 4px no-repeat; color:#AF2992; padding-left:12px; font-size:12px;}
#pro_showcut .s3 .more a:hover{ text-decoration:underline;}


/*---------------03_news--------------------*/
#news{ width:960px; margin:30px auto 50px auto; overflow:hidden;}
#news .left{ width:660px; float:left; overflow:hidden;}
#news .left .tit{ width:660px; float:left; font-size:28px; color:#000; padding-bottom:25px; border-bottom:#A5A3A1 1px solid;}
#news .left .content{width:660px; float:left; overflow:hidden;}
#news .left .content ul{ width:645px; padding:28px 5px 24px 15px; float:left; display:block;}
#news .left .content li.tit{ width:500px; float:left;  font-size:18px; padding:0; margin:0; border:none;}
#news .left .content li.tit a{color:#801E6B; font-weight:bold;}
#news .left .content li.txt{width:500px;float:left; font-size:13px; line-height:20px; padding:0; margin:12px 0 0 0;}
#news .left .content li.txt a{}
#news .left .content li.date{ width:100px; float:right; color:#999; font-size:12px;}
#news .left .content ul:hover{ background:#F2F2F2;}
#news .left .pages{ width:660px; float:left; margin-top:20px;}
#news .left .pages ul{ width:100%; float:right;}
#news .left .pages li.arrow_l{ width:21px; float:left; margin-right:20px;}
#news .left .pages li.num a{ width:20px; height:20px; float:left; font-size:13px; color:#666; line-height:20px; text-align:center;}
#news .left .pages li.num a:hover ,#news .left .pages li.num a.current{width:20px; height:20px; float:left; background:#882C74; color:#fff; border:#E7E7E7 1px solid; text-align:center;}
#news .left .pages li.arrow_r{ width:21px; float:left; margin-left:20px;}
.news_border{ border-bottom:#C0BEBD 1px dotted;}

#news .right{ width:230px; float:right; overflow:hidden; margin-top:44px;}
#news .right .showcut{ width:230px; float:left; margin-bottom:7px;}

#news .detail_tit{ width:960px; float:left; overflow:hidden;}
#news .detail_tit span.l{ width:200px;font-size:28px; color:#000; float:left; }
#news .detail_tit span.r{ width:90px; float:right; text-align:right; margin-top:10px;}
#news .detail_list{width:916px;float:left; margin:20px 5px 0 5px; background:#F3F3F3; border-bottom:#D2D1D0 1px solid; border-top:#D2D1D0 1px solid; padding:10px 22px;}
#news .detail_list span.l{ width:800px; float:left; font-size:18px; color:#801E6B; line-height:24px;}
#news .detail_list span.r{ width:100px; float:right; font-size:12px; color:#666; text-align:right;}
#news .detail_edit{ width:916px; float:left; margin:30px 22px 50px 22px;}
#news .detail_next{ width:960px; float:left;}

/*---------------04_faq--------------------*/
#faq{ width:960px; margin:30px auto 50px auto; overflow:hidden;}
#faq .left{ width:230px; float:left; overflow:hidden;}
#faq .left .tit{ width:230px; float:left; font-size:28px; color:#000; margin-bottom:25px;}
#faq .left .menu{ width:230px; float:left; border-top:#D6D6D6 1px solid;}
#faq .left .menu ul{}
#faq .left .menu li{ width:230px; float:left;}
#faq .left .menu li a{ width:208px; height:40px; background:url(../_img/04_faq/menu_bg.jpg) left top no-repeat; font-size:13px; color:#333; padding-left:22px; display:block; line-height:40px; padding-bottom:1px;  border-bottom:#E0E0E0 1px solid;}
#faq .left .menu li a:hover ,#faq .left .menu li a.current{ background:#F8B62A;}
#faq .left .showcut{ width:230px; float:left; margin-top:35px;}
#faq .left .showcut ul{ padding:0; margin:0;}
#faq .left .showcut li{width:230px; height:110px; float:left;padding:0; margin-bottom:5px; }
#faq .right{ width:660px; float:right; overflow:hidden;}
#faq .right .tit{ width:660px; float:left; font-size:22px; color:#801E6B; border-bottom:#A5A3A1 1px solid; padding-bottom:22px;}
#faq .right .content{ width:660px; float:left; overflow:hidden;}

/*---------------05_contact--------------------*/
.input_01{ border:#D9D9D9 1px solid; height:28px; background:#F8F8F8; line-height:28px; color:#333;}
.textarea_01{ border:#D9D9D9 1px solid; height:28px; background:#F8F8F8; line-height:28px; color:#333; width:850px; height:115px;}
.purple_txt{ color:#801E6B; font-size:14px;}
.gray_txt{ color:#333; font-size:14px;}
.select_01{border:#D9D9D9 1px solid; height:28px; background:#F8F8F8; width:315px}


/*---------------footer--------------------*/
#footerwrapper{ width:960px; padding:0 0 15px 0 ; margin:0 auto; overflow:hidden; border-top:#ADADAD 1px dotted;}
#footerwrapper .menu{ width:900px; float:left; margin-top:20px;}
#footerwrapper .menu ul{}
#footerwrapper .menu li{ width:auto; height:20px; line-height:20px; padding:0 16px 0 10px; text-align:center;  float:left; font-family:Helvetica,Arial,  sans-serif;}
#footerwrapper .menu li a{ color:#666; font-size:13px;}
#footerwrapper .menu li a:hover{ color:#333;}
#footerwrapper .social{ width:60px; float:right; margin-top:18px;}
#footerwrapper .social ul{}
#footerwrapper .social li{ float:right; margin-left:5px;}
#footerwrapper .copyright{ width:945px; padding-left:15px; clear:both; font-size:12px;}
.creatop{ color:#ccc;}
.creatop a{ text-decoration:underline; color:#ccc;}
.creatop a:hover{ color:#666;}

.menu_bg{background:url(../_img/00_layout/footer_line.jpg) right 6px no-repeat;}

.app_txt1{ color:#333; font-size:13px; line-height:120%;}
.qa_txt1{ font-size:18px; color:#333; width:358px; float:left; margin:9px 0 3px 0;}