﻿#defaultflash{ width:951px; padding:7px 7px 28px 7px; margin:0 auto; background:url(../images/index/topbj.gif) no-repeat;}
#contentpicbox{ background:url(../images/index/centerbj1.jpg) no-repeat; height:180px; margin:0 auto; width:933px; padding:0px 0px 0px 18px; overflow:hidden}
#contentpicbox li{ margin-right:26px; width:210px; float:left}
#contentpicbox li h2{ padding:21px 0px 9px 0px; color:#000; font-weight:bold; font-size:12px}
#contentpicbox li h2 a{ color:#000; font-weight:bold;}
#contentpicbox li h2 a:hover{ text-decoration:underline}
#contentpicbox li img{}
#contentpicbox li p a{ color:#6b696a;}
#contentpicbox li p a:hover{ text-decoration:underline}
#contentpicbox .contentppiclast{ margin:0px;}

#contentlinkbox{ width:951px; margin:0 auto; padding:12px 0px 31px 0px; overflow:hidden;}
#contentlinkbox li{ margin-left:-1px; background:url(../images/index/line1.gif) repeat-y left; float:left; height:260px; overflow:hidden;}
#contentlinkbox .newsbox{ padding:0px 20px 0px 10px; width:275px; min-height:208px; _height:208px}
#contentlinkbox .newsbox h2{ background:url(../images/index/bt1.gif) no-repeat; color:#000; margin:0px 0px 6px 10px; padding-top:26px;}
#contentlinkbox .newsbox li{ background:none; margin:0px 0px 10px 10px;}
#contentlinkbox .newsbox p{ margin:0px 0px 5px 10px;}

#contentlinkbox .blogbox{ padding:0px 18px 0px 24px; width:275px;}
#contentlinkbox .blogbox h2{ background:url(../images/index/bt2.gif) no-repeat; color:#000; margin:0px 0px 6px 0px; padding-top:26px;}
#contentlinkbox .blogbox p{ margin-bottom:20px;}
#contentlinkbox .blogbox h3{ color:#BC1564; font-weight:bold; margin-bottom:4px}
#contentlinkbox .blogbox h3 a{ color:#BC1564; font-weight:bold; }
#contentlinkbox .aboutbox{ padding:0px 0px 0px 24px; width:275px;}
#contentlinkbox .aboutbox h2{ background:url(../images/index/bt3.gif) no-repeat; color:#000; margin:0px 0px 6px 0px; padding-top:26px;}
#contentlinkbox .aboutbox p{ margin-bottom:20px;}
#contentlinkbox .aboutbox h3{ color:#BC1564; font-weight:bold; margin-bottom:4px}
#contentlinkbox .aboutbox h3 a{ color:#BC1564; font-weight:bold; }

#bottomlinkbox{ background:url(../images/index/bottomlinkbj1.gif) no-repeat; width:905px; height:55px; overflow:hidden; margin:0 auto; padding:0px 23px;}
#demo1{ padding-top:10px;}
#demo1 img{vertical-align:middle; margin-right:25px; float:left}		
#demo2{ padding-top:5px;}
#demo2 img{vertical-align:middle; margin-right:25px; float:left}	
#indemo {float: left;width: 800%;}

#demo ul {list-style:none;}
#demo {width:905px;overflow:hidden; margin-top:7px;}
#demo ul li {float:left; margin-right:25px;}
#demo ul li img {display:block;vertical-align:middle; }

#bottomadd{ margin:0 auto; width:950px; padding-top:20px;}
#bottommap{ padding-left:5px; width:941px; overflow:hidden; margin-bottom:17px;}
#bottommap li{ float:left; }
#bottommap li p{ padding:0px 0px 0px 20px;}
#bottommap b{ color:#323232; font-weight:bold; padding-bottom:8px; border-bottom:1px solid #E1E1E1; font-size:12px; padding-left:20px; margin-bottom:10px; display:block;}
#bottommap b a{ color:#323232; font-weight:bold; font-size:12px;}
#bottommap b a:hover{color:#BC1564;}
.homebottommap{ width:117px;}
.ourbottommap{ width:128px;}
.sobottommap{ width:182px;}
.blogbottommap{ width:127px;}
.aboutbottommap{ width:113px;}
.conbottommap{ width:146px;}
.conbottommap a.zx{ background:url(../images/index/bj1.gif) no-repeat; width:53px; height:20px; color:#fff; display:block; text-align:center; line-height:20px;}

#bottomaddress{ background:url(../images/index/line2.gif) repeat-x top; margin:0px 0px 18px 5px; width:937px; padding:17px 0px 0px 4px; color:#999999; line-height:150%;}
#bottomaddress a{ color:#999999;}
#bottomaddress a:hover{ text-decoration:underline;}
#bottomlink{ background:url(../images/index/line2.gif) repeat-x top; width:937px; padding:17px 0px 20px 4px; color:#323232; overflow:hidden;}
#bottomlink b{ float:left; display:block; width:42px; color:#323232;}
#bottomlink p{ float:left; width:858px;}
#bottomlink p a{ color:#323232;}
#bottomlink p a:hover{ text-decoration:underline}
/*aboutdefault*/		
#aboutflash{ margin:0 auto; padding:0px 0px 15px 0px; width:951px;}
#aboutflash1{ margin:-20px auto 0px auto; padding:0px; width:1093px;}
#topflash{ background:url(../images/about/topflash.jpg) no-repeat; width:949px; height:403px; overflow:hidden; position:relative;}
.abouttopintr{ width:951px; overflow:hidden; position:absolute; bottom:0px;}
.abouttopintr li{ background:url(../images/about/line1.gif) repeat-y left; float:left; height:132px; margin-left:-1px;padding:13px 15px 0 21px;
width:280px;}
.abouttopintr li h2{ font-size:16px; font-weight:bold; padding-bottom:0px; color:#fff}
.abouttopintr li p{ color:#fff;}
#customtopflashbox{ width:949px; height:328px;position:relative;}
#customtopflash{ width:949px; height:328px;}
#customtopwz{ position:absolute; bottom:0px; left:19px;}
#customtopwz h2{font-size:16px; font-weight:bold; padding-bottom:3px; color:#fff}
#customtopwz p{ color:#fff;}


#aboutcontent{ width:950px; overflow:hidden; margin:0 auto; background:url(../images/commen/bj2.gif) no-repeat #fff;}
#aboutcontent h2{ height:32px;  line-height:32px; padding-left:47px; color:#2f2f2f; font-weight:bold; font-size:14px;}
.aboutintrcon{ border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; width:882px; background:#fff; padding:28px 33px 30px 33px; overflow:hidden}
.aboutintrcon_top{ overflow:hidden; margin-bottom:20px}
.aboutintrcon_top img{ float:left; margin-right:28px;}
.aboutintrcon_bottom{ background:url(../images/about/line2.gif) repeat-x top; width:872px; overflow:hidden; padding:10px 0px 0px 10px;}
.aboutintrcon_bottom li{ width:275px; margin-right:23px; float:left}
.aboutintrcon_bottom li h3{ color:#2f2f2f; font-size:16px; margin-bottom:3px; font-weight:bold}
.aboutintrcon_bottom li p{ line-height:180%;}
.aboutintrcon_bottom li span{ padding-top:10px; color:#bc1564; text-decoration:underline}
.aboutintrcon_bottom li span a{ color:#bc1564; text-decoration:underline}
.aboutintrcon_bottom li span a:hover{ text-decoration:none;}
.aboutintrcon_bottom li strong{ color:#bc1564;}
.aboutintrcon_bottom .aboutintrlast{ margin:0px 0px 0px 0px;}
.aboutintrbk{ width:951px;}
/*aboutcustomer*/
#aboutcustomerflash{ background:url(../images/about/flashbj2.gif) no-repeat; height:328px;}
#aboutcustomerbox1{ width:950px; overflow:hidden; margin:0 auto; background:url(../images/commen/bj4.gif) no-repeat #fff;}
.aboutcustomerbox{ border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; width:948px; overflow:hidden; }
.ourcustomerbox{ float:left; background:url(../images/about/line1.gif) repeat-y right; padding:0px 15px 0px 19px; width:281px; min-height:815px; _height:815px}
.ourcustomerbox h2{ height:32px; line-height:32px; color:#2f2f2f; font-weight:bold; font-size:14px; padding:0px 0px 0px 18px; margin-bottom:22px}
.ourcustomerbox img{ margin:0px 8px 12px 0px;}
.ourcustomerbox p{ margin-top:0px; color:#616161}
.ourcustomerbox p a{color:#616161}

.ouradvantagebox{ float:left; background:url(../images/about/line1.gif) repeat-y right; padding:0px 20px 0px 22px; width:272px; min-height:815px; _height:815px}
.ouradvantagebox h2{ height:32px; line-height:32px; color:#2f2f2f; font-weight:bold; font-size:14px; padding:0px 0px 0px 18px;}
.ouradvantageboxpic{ background:url(../images/about/pic2.jpg) no-repeat; width:272px; height:375px; text-indent:-99999px}
.ouradvantagebox p{ margin-bottom:11px;}
.ouradvantagebox strong{color:#bc1564}

.ourjob{float:left; padding:0px 25px 0px 22px; width:268px;}
.ourjob h2{ height:32px; line-height:32px; color:#2f2f2f; font-weight:bold; font-size:14px; padding:0px 0px 0px 18px; margin-bottom:22px}
.ourjob p span{color:#bc1564}
.ourjob p span a{color:#bc1564}
.ourjob p span a:hover{ text-decoration:underline}
.ourjob p{ margin-bottom:23px}
/*contact*/
#contactflash{ margin:0 auto; width:951px; height:305px; overflow:hidden; position:relative; }
#contactpicbox{ width:951px; height:305px; z-index:1}
#contactwz{ position:absolute; bottom:12px; left:28px}
#contactwz h2{ color:#fff; font-weight:bold; font-size:16px;}
#contactwz p{ color:#a1a3a5;}


.contactcpbox{ width:950px; overflow:hidden; height:39px; margin:0 auto; padding-top:21px; }
.contactcpbox{ overflow:hidden; height:39px;}
.contactcpbox li{ height:39px; float:left; list-style:none; color:#0d0a0a; text-align:center; font-size:14px; font-weight:bold; line-height:39px;}
.contactcpbox li a{ color:#0d0a0a; font-size:14px; font-weight:bold;}
.contactcpbox li a:hover{ text-decoration:none; color:#B51863;}
.contactcpbox .prod1 a{ background:url(../images/contact/cp2_01.gif) no-repeat; width:493px; display:block}
.contactcpbox .prod1 a.active,
.contactcpbox .prod1 a:hover{ background:url(../images/contact/cp1_01.gif) no-repeat; color:#B51863;}
.contactcpbox .prod2 a{ background:url(../images/contact/cp2_02.gif) no-repeat; width:457px; display:block}
.contactcpbox .prod2 a.active,
.contactcpbox .prod2 a:hover{ background:url(../images/contact/cp1_02.gif) no-repeat; color:#B51863;}


.contactbox{ background:#fff; border-left:1px solid #c7c7c7;  border-right:1px solid #c7c7c7;  width:906px; padding:13px 21px 30px 21px; overflow:hidden; margin:0 auto;}
.contactboxmap{ height:295px;}
.contactaddressbox{ margin-top:19px; overflow:hidden; padding-left:30px;}
.contactaddress{ float:left; width:400px; padding-right:40px;}
.contactaddress p{ overflow:hidden; color:#000;}
.contactaddress p a{color:#000;}
.contactaddress p span{ color:#a72c42; width:45px; display:block; float:left;}
.contactaddress p strong{ font-weight:normal; color:#b21f58;}

.contacttel{ width:400px; float:left; overflow:hidden;}
.contacttel h2{ margin-bottom:13px; font-size:14px;}
.contacttel li{float:left; margin-right:15px; overflow:hidden;}
.contacttel span{ color:#bc1564}
.contacttel span.word01{ color:#fff;}
.contacttel li a{ padding-left:5px;}
.contacttel li a img{ vertical-align:top;}
.contactbk{ background:url(../images/ser/bk3.gif) no-repeat; width:950px; height:14px; text-indent:-99999px; line-height:0px; margin:0 auto;}


.contactaskwz{ background:url(../images/contact/line1.gif) repeat-x bottom; padding:0px 0px 19px 0px; margin-bottom:23px;}
.contactaskwz h3{ color:#000; font-size:13px; font-weight:bold; padding-bottom:13px;}
.contactaskformbox{ overflow:hidden; width:906px;}
.left_contactaskform{ float:left; width:390px; margin-right:26px;}
.left_contactaskform p{ margin-bottom:8px;}
.left_contactaskform p label{ width:390px; font-size:12px; color:#6b6b6b}
.left_contactaskform p input{ border:1px solid #adb1b2; line-height:14px; width:388px; height:21px;}
.right_contactaskform{ float:left; width:453px;}
.right_contactaskform p{ margin-bottom:8px;}
.right_contactaskform p label{ width:453px; font-size:12px; color:#6b6b6b}
.right_contactaskform p input{ border:1px solid #adb1b2; line-height:14px; width:451px; height:110px;}
.right_contactaskform p .checkbox{ border:none; width:12px; height:12px;}
.right_contactaskform p .inputbutton{ width:82px; height:30px; border:none}
.right_contactaskform p strong{ padding-left:10px; vertical-align:top; line-height:150%}

.solutionbox{ background:url(../images/solution/bj1.gif) repeat-y;  width:950px; padding:0px 0px 30px 0px; overflow:hidden; margin:0 auto;}
.left_solutionbox{ float:left; width:689px;}
.left_solutionbox h2{ background:url(../images/blog/bt1.gif) no-repeat; width:657px; height:32px; padding-left:35px; color:#000; font-weight:bold; font-size:14px; line-height:32px; margin-bottom:14px;}

.left_solutionbox a{ color:#000; font-weight:bold}
.left_solutionboxtopwzbox{margin:0px;padding:0px;}
/*
.left_solutionboxtopwzbox p{ margin-bottom:20px;}
.left_solutionboxtopwzbox strong{ font-size:14px; color:#4e4e4e}
.left_solutionboxtopwzbox p span{color:#BC1564; font-size:13px; font-weight:bold}
*/

.left_solutionbox_list{ float:left; margin-top:10px;}
.left_solutionbox_list li{ width:689px; height:160px;*height:156px;_height:156px; padding-top:10px; background:url(../images/solution/hline.gif) repeat-x left bottom;}
.left_solutionbox_list li.first{ height:150px;}
.left_solutionbox_list li.last{background: none;}
.left_solutionbox_list_content { margin-left:34px; margin-top:17px; overflow:hidden; height:120px;width:650px;}
.left_solutionbox_list_content img{ float:left; padding-top:5px;}
.left_solutionbox_list_content h1{ font-weight:bolder; font-size:14px; color:#190000; margin-left:185px;}
.left_solutionbox_list_content p{ font-size:11px; color:#585858; margin-left:185px;}
.left_solutionbox_list_content span img{margin-left:15px;}

.left_solutionboxbottomwzbox{ padding:12px 0px 22px 0px;  border-bottom:1px solid #c1c1c4; overflow:hidden;}
.left_solutionboxbottomwzbox h3{ color:#bc1564; margin-bottom:14px}
.left_solutionboxbottomwzpic{ float:left; width:283px;}
.left_solutionboxbottomwztext{ float:right; width:307px; padding-right:21px; color:#9d9d9d; line-height:150%}
.left_solutionboxbottomwz1{ font-style:italic; margin:14px 0px 18px 0px}

.right_solutionbox{ float:left; width:258px;}
.right_solutionbox_listtop{ background:url(../images/solution/rbg.gif) no-repeat left top; width:259px; height:170px;}
.right_solutionbox_listtop img{ margin:20px 20px 0px 95px;}
.right_solutionbox_listtop h1{ font-weight:bolder; color:#000; margin:2px 20px 0px 90px;}
.right_solutionbox_listtop p{ margin:0px 20px 0px 20px; text-align:center;}
.right_solutionmenu{ width:208px; padding:25px 0px 0px 30px; }
.right_solutionbox_listlast{ background:url(../images/solution/rbgno.gif) no-repeat left top; width:259px; }
.right_solutionbox_listlast img{ margin:20px 20px 0px 95px;}
.right_solutionbox_listlast h1{ font-weight:bolder; color:#000; margin:2px 20px 0px 90px;}
.right_solutionbox_listlast p{ margin:0px 20px 0px 20px; text-align:center;}
.right_solutionbox_listlastcontact{margin:-15px 0 0 -44px; padding:0px;}
.right_solutionbox_listlastcontact li{height:30px;padding:0;text-align:left; margin:0px; color:#000;}
.right_solutionbox_listlastcontact li img{padding:0; margin:20px 5px 0px 80px;}
.right_solutionmenu h3{background:transparent url(../images/blog/rightbj1.gif) no-repeat scroll 0 0;
color:#000000;
font-size:12px;
font-weight:bold;
height:28px;
line-height:28px;
margin-bottom:12px;}
.right_solutionmenu li{ line-height:150%; color:#5e5e5e; font-weight:bold; margin-top:5px;}
.right_solutionmenu li a{ color:#666;}
.right_solutionmenu li a.active,
.right_solutionmenu li a:hover{ color:#BC1564; text-decoration:underline}
.right_solutionboxcontact{ margin-top:15px;  margin-left:21px; }
.right_solutionboxcontact h3{ color:#2877cb; font-size:16px; font-weight:bold}
.right_solutionboxcontact p{ color:#51687e;}
.right_solutionboxcontact p a{ color:#2777de;}


.left_blogarticlebox{ padding:0px 0px 0px 26px; width:643px; float:left; margin-right:44px}
.left_blogarticle{ width:643px; background:url(../images/contact/line1.gif) repeat-x bottom; padding:0px 0px 17px 0px; margin-bottom:24px; margin-left:34px;}
.left_blogarticle h5{ padding:3px 0px 6px 0;}
.left_blogarticle h3{ color:#bc1564; font-size:16px; font-weight:bold; padding:7px 0px 11px 0px; border-top:1px solid #c6c6c6;}
.left_blogarticlewz{ font-weight:normal; padding-bottom:10px;}
.left_blogarticlewz a{ font-weight:normal}


.right_blogbox{ float:left; width:258px;}
.right_blogbox h2{ background:url(../images/blog/bt2.gif) no-repeat; width:228px; height:33px; padding-left:30px; color:#000; font-weight:bold; font-size:14px; margin-bottom:14px; line-height:33px;}
.right_blogbox h3{ background:url(../images/blog/rightbj2.gif) no-repeat; height:28px; line-height:28px; color:#000; font-weight:bold; margin-bottom:5px; font-size:12px;}
.right_blogbox h3.line01{ background:url(../images/blog/rightbj1.gif) no-repeat; height:28px; line-height:28px; color:#000; font-weight:bold; margin-bottom:5px; font-size:12px;}
.right_bloglebox{ margin-bottom:20px; padding-left:25px;}
.right_bloglebox p{ margin-bottom:0px;}
.right_loglink{ overflow:hidden; padding-left:21px;}
.right_loglink li{ margin:12px 0px 0px 15px; width:87px; float:left; height:27px;}
.right_loglink .loglinklast{ margin:10px 0px 0px 0px;}
.blogplboxshow{ width:643px;}
.blogplbox{ width:643px;}
.blogplbox h4{ background:url(../images/blog/bz1.gif) no-repeat 10px; height:25px; line-height:25px; margin:12px 0px 19px 0px; color:#000; font-weight:bold; font-size:18px; padding-left:29px;}
.blogplboxbk{ width:643px;}
.blogplboxmassage{ background:url(../images/blog/bk4.gif) repeat-y; padding:0px 14px; width:615px;}
.blogplboxmassage li{ width:615px; overflow:hidden; padding-bottom:15px;}
.left_blogplboxmassagepic{ float:left; background:url(../images/blog/bj1.gif) no-repeat; width:54px; height:48px; padding:7px 0px 0px 7px;}
.left_blogplboxmassagetext{ background:url(../images/blog/bj2.gif) no-repeat; width:522px; height:56px; float:left; padding:13px;}
.left_blogplboxmassagetext h5{ color:#000; font-size:12px; font-weight:bold; margin-bottom:7px;}
.time{ text-align:right; padding:7px 10px 0px 0px;}

.blogplboxmassage p{ padding-bottom:7px; overflow:hidden}
.blogplboxmassage p label{ width:50px; float:left;}
.blogplboxmassage p input{ background:#fff; border:1px solid #dcdcdc; line-height:14px; width:270px; height:23px; }
.blogplboxmassage p .input1{ background:#fff; border:1px solid #dcdcdc; line-height:14px; width:405px; height:100px; }
.blogplboxmassage p .massbutton{ margin-top:5px;}
.blogplboxmassage .blogbuttonbox{ margin:10px 0px 0px 50px;}
.blogplboxmassage .blogbuttonbox a{ padding-right:15px;}
.blogplboxmassage p strong{ padding-left:15px;}

#blogcontent{ width:950px; overflow:hidden; margin:0 auto; background:url(../images/commen/bj2.gif) no-repeat #fff;}
