@charset "gb2312";
/* CSS Document */
/*top*/
.master{ background:#fff;height:50px; line-height:50px; width:100%;}
.master img{ height:40px; width:auto; float:left; padding-right:10px; margin-top:5px;}
.master a{padding:0 10px;}
.ltxt{ float:right;}
/*navigation*/
.fixed{position: fixed; top:0px;}
.navmenu{ height:60px;line-height:55px;background:#fff; width:1010px;margin:0 auto;font-size:20px; }
.navmenu a{ display:block; text-align:center;float:left; padding:0 15px; margin-right:70px;}
.navmenu a:hover{ text-decoration:none; color:#FFFFFF; background:#e94708;}

.tp{width:1010px;}
.tp_1{width:274px; height:18px; line-height:18px; color:#000; font-size:16px; margin-top:19px;}
.tp1{width:1010px; }
.tp1 li{width:1010px; border-bottom:1px dashed #d5d5d5; margin-top:17px; font-size:14px;}

.mt20 { padding-top:20px;}
.ic_container{
    vertical-align:baseline;
    margin:5px;
    position:relative;
	float:left;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:14px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size:11px;

}
.demo{float:left;}

.boxall{width:1010px; margin:0 auto;}
.boxall2{width:1060px; margin:0 auto;}
.boxmainleft{ width:750px; height:100%; padding-right:20px;}
.boxmainright{ width:360px; padding-left:20px; border-left:1px solid #f2f2f2;}
.banner{ background:url(../images/banner.jpg) center top; height:400px; width:auto;}
.bgbluet{background:#4cbbfa;}
.bgpurple{background:#a2389f;}
.uj{background:url(../images/jiaou.gif) no-repeat top left; height:20px; width:20px;}
.rj{background:url(../images/jiaor.gif) no-repeat top right;height:20px; width:20px;}
.dj{background:url(../images/jiaod.gif) no-repeat bottom right;height:20px; width:20px;}
.lj{background:url(../images/jiaol.gif) no-repeat bottom left;height:20px; width:20px;}
.bfb48{ width:48%;}
.bfb50{ width:50%;}
.bfb65{ width:60%;}
.bfb33{ width:39%;}
.bfb80{ width:80%;}
.radius30{border-radius: 30px;}
.bgpurq{ background:#7d759e;}
.cnav{ height:36px; line-height:36px; border-radius: 18px;background:#7d759e; color:#fff; font-size:18px; padding:0 20px;}
.zhushi{ height:90px;border-radius:45px; margin:0 30px; border:1px solid #ddd;}
.W550{ width:550px;}
.liuch1{background:url(../images/liuc1.gif) center top no-repeat; height:300px; width:auto;}
.stepfk{ background:#4ea6e3; width:100px; height:100px;border-radius: 50px; color:#fff; font-size:18px;}
.steparr{ position:absolute; right:-8px; top:40px;color:#4ea6e3;}
/*--logotype--*/
.master img{ height:40px; width:auto; float:left; padding-right:10px;}
/*--cont--*/
.cont li{ width:50%; float:left;}
/*--type--*/
.type1 li{ width:33%; float:left;}
.type1 span{display:block; padding:10px;height:100%;}


.solid_bl{border:2px solid #06a2fb;}
.bg_blueb{background:#4cbbfa;}
.titxt{font-size:36px; height:60px; line-height:50px; text-align:center; color:#7a2a9a; background:url(../images/titdun.gif) no-repeat center top;}
.titxt2{font-size:36px; height:60px; line-height:50px; text-align:center; color:#7a2a9a; background:url(../images/titchang.gif) no-repeat center top;}
.navsp{ background:url(../images/nav.gif) no-repeat; width:58px; height:4px; margin:22px 10px 0 10px;}
/*--gift--*/
.gift li{width:20%; float:left;}
.gift img{ width:130px; height:130px;border-radius:80px; overflow:hidden;}
.gift span{display:block;text-align:center;}
/*--prolist show--*/
.prolist{ background:#f5f5f5;}
.prolist li{width:20%; float:left;}
.prolist img{ width:160px; height:120px;overflow:hidden; margin-top:15px;}
.proline{border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #fff;border-left:1px solid #fff;}
.prolist span{display:block;background:#fff; margin:8px;}
.prolist li:hover{ background:#ddd;}
/*--logo--*/
.chlogo li{width:20%; float:left;}
.chlogo img{ width:168px; height:60px; text-align:center; margin:10px 0;}
.chlogo span{display:block; color:#fff; text-align:center; color:#666; border:1px solid #d0dae5; }
.chlogo span:hover{ border:1px solid #ccc; background:#f5f5f5}
/*--°´Å¥--*/
a.tagmenu:link,a.tagmenu:visited,a.tagmenu:active { color:#333; text-decoration:none;display:inline-block; background:#dddddd;border-radius:20px; margin:5px; padding:0px 15px;}a.tagmenu:hover { color:#fff; background:#50b4e6}
a.Grey3:link,a.Grey3:visited,a.Grey3:active { color:#333; text-decoration:none;display:inline-block;}a.Grey3:hover { color:#e54028;}
a.blued:link,a.blued:visited,a.blued:active { color:#004097; text-decoration:none;}a.blued:hover  { color:#e54028; text-decoration:underline;}
a.bgredmin:link,a.bgredmin:visited,a.bgredmin:active { height:30px;background:#ff5842;line-height:30px;text-align:center; color:#fff; display:inline-block; padding:0 20px;border-radius:2px;}a.bgredmin:hover{background:#e54028;text-decoration:none;color:#fff;}
a.bgbmin:link,a.bgbmin:visited,a.bgbmin:active { height:30px;background:#50b4e6;line-height:30px;text-align:center; color:#fff;border-radius:2px; padding:0 15px;}a.bgbmin:hover{background:#4ea6e3;text-decoration:none;color:#fff;}
a.lired:link,a.lired:visited,a.lired:active { height:34px;background:#fff;line-height:34px;text-align:center; color:#e54028;border-radius:2px;border:1px solid #ff5842; padding:0 15px;}a.lired:hover{background:#ff5842;border:1px solid #ff5842; text-decoration:none; color:#FFFFFF;}
a.liblue:link,a.liblue:visited,a.liblue:active { height:34px;background:#fff;line-height:34px;text-align:center; color:#004097;border-radius:2px;border:1px solid #50b4e6; padding:0 15px;}a.liblue:hover{background:#50b4e6;border:1px solid #50b4e6; text-decoration:none; color:#FFFFFF;}
a.cirblue:link,a.cirblue:visited,a.cirblue:active { width:120px; height:120px;background:#4ea6e3;border-radius:60px;text-align:center;color:#fff;}a.cirblue:hover{background:#50b4e6;text-decoration:none;color:#fff;}
a.cirorg:link,a.cirorg:visited,a.cirorg:active { width:120px; height:120px;background:#e94708;border-radius:60px;text-align:center;color:#fff;}a.cirorg:hover{background:#ef7546;text-decoration:none;color:#fff;}
a.bggrey:link,a.bggrey:visited,a.bggrey:active { height:48px;background:#fff;line-height:48px;text-align:center; border:1px solid #ddd; color:#333; padding:0 25px;}a.bggrey:hover{text-decoration:none;color:#4ea6e3;}
a.bgblue:link,a.bgblue:visited,a.bgblue:active { height:50px;background:#4ea6e3;line-height:50px;text-align:center; color:#fff; padding:0 25px;}a.bgblue:hover{background:#50b4e6;color:#fff;}
.color_org{ color:#e54028;}
.gray3{color:#333;}
.yellow{color:#ffff00;}
/*--±í¸ñ--*/
.type2 li{ width:19.5%; float:left;line-height:30px;}
/*--ÂÖ²¥Í¼--*/
#wrapper{}
.jscarousal
{
	width: 1010px;
	height: 150px;
	margin:0 auto;
	padding: 0;
	padding: 22px 8px 22px 8px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 23px;
	height: 98px;
	background-color: #fff;
	color: White;
	position: relative;
	top: 75px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left; 
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 960px;
	height: 200px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 300px;
}
.jscarousal-contents > div > div
{
width: 20%;
	float: left;
}

.goodlist{ display:none;}
@media (max-width: 768px){
#wrapper{ width:90%;}
.goodlist{ display:block;}
.banner{ background:url(../images/banner.gif) center top; height:300px; width:auto;background-size: cover; -moz-webkit-background-size: cover;}
.boxall{width:100%; margin:0 auto;}
.ltxt{ float:right; display:none;}
/*----*/
.navmenu{width:100%; font-size:14px;}
.titxt{font-size:30px;}
.titxt2{font-size:30px;}
.navsp{ background:url(../images/nav.gif) no-repeat center; width:36px; height:3px; margin:22px 10px 0 10px;}
.bfb48{ width:45%; padding-right:15px;}
.bfb50{ width:50%;}
.bfb65{ width:60%;}
.bfb33{}
.d1{ width:280px; height:187px;}
.bfb33 img{width:100%; height:100%;}
.bfb80{ width:80%;}
.W300{ width:250px;}
.W240{ width:180px;}
.w550{width:450px;}
.W500{width:400px;}
.tc img{ width:240px; height:auto;}
.cnav{ margin-left:15px;}
.f20{ font-size:16px;} 
.stepfk {margin-left: 15px;}
.type2 li{ width:24%; float:left;}
/*--gift--*/
.gift li{width:33%; float:left;}
.step{ display:none;}
/*--type--*/
/*--prolist show--*/
.prolist li{width:20%; float:left;}
.prolist img{ width:100px; height:75px;overflow:hidden; margin-top:10px;}
/*--logo--*/
.chlogo li{width:20%; float:left;}
.chlogo img{ width:auto; height:40px; padding-right:10px; text-align:center;}
@media (max-width: 540px){
.type2 li{ width:98%; float:left;}
.banner{ background:url(..images/banner.gif) center top; height:200px; width:auto;background-size: cover; -moz-webkit-background-size: cover;}
.liuch1{background:url(../images/liuc2.gif) center top no-repeat; height:600px; width:auto;background-size: cover; -moz-webkit-background-size: cover;}
.boxall{width:100%; margin:0 auto;}
.ltxt{ float:right; display:none;}
.type1 li{ width:100%;}
.type1 span{display:block; padding:15px;height:100%; border-bottom:1px solid #ddd; border-right:none;}
/*----*/
.navmenu{width:100%; font-size:16px; height:28px; line-height:28px; font-size:14px;}
.navsp{ background:url(../images/nav.gif) no-repeat center; width:20px; height:3px; margin:22px 10px 0 10px;}
.bfb48{ width:95%; margin-top:25px; padding:0}
.bfb50{ width:100%;}
.bfb65{ width:100%; margin:0; padding:0}
.bfb33{ width:100%;}
.bfb80{ width:60%;}
.W300{ width:200px;}
.d1{ width:100%; height:auto;}
.d2{ width:100%; height:auto;}
.W550{ width:400px;}
.W500{ width:360px;}
.tc img{ width:300px; height:auto;}
.cnav{ margin-left:15px;}
.f20{ font-size:16px;} 
.stepfk {margin-left: 15px;}
.zhushi{ height:120px;border-radius:60px; margin:0 15px; border:1px solid #ddd;}
a.cirblue:link,a.cirblue:visited,a.cirblue:active { width:110px; height:110px;}
a.cirorg:link,a.cirorg:visited,a.cirorg:active { width:110px; height:110px;}
.lh36{ line-height:28px;}
.lh40{ line-height:30px;}
.f36{ font-size:30px;}
/*--gift--*/
.gift li{width:50%; float:left;}
.step{display:none;}
.gift img{ width:100px; height:100px; padding-right:8px;}
/*--logo--*/
.chlogo li{width:33%; float:left;}
.chlogo img{ width:auto; height:35px; padding-right:10px; text-align:center;}
/*--prolist show--*/
.prolist li{width:20%; float:left;}
.prolist img{ width:70px; height:53px;overflow:hidden; margin-top:3px;}
.prolist span{ margin:3px;}
}
@media (max-width: 375px){
.liuch1{background:url(../images/liuc2.gif) center top no-repeat; height:450px; width:auto;background-size: cover; -moz-webkit-background-size: cover;}
.banner{ background:url(../images/banner.gif) center top; height:170px; width:auto;background-size: cover; -moz-webkit-background-size: cover;}
.boxall{width:100%; margin:0 auto;}
.ltxt{ float:right; display:none;}
/*----*/
.titxt{font-size:28px;}
.titxt2{font-size:28px;}
.navsp{ background:url(../images/nav.gif) no-repeat center; width:10px; height:3px; margin:22px 10px 0 10px;}
.f18{ font-size:14px;}
.bfb80{ width:340px;}
a.cirblue:link,a.cirblue:visited,a.cirblue:active { width:100px; height:100px;}
a.cirorg:link,a.cirorg:visited,a.cirorg:active { width:100px; height:100px;}
a.bggrey:link,a.bggrey:visited,a.bggrey:active {padding:0 15px;}
a.bgblue:link,a.bgblue:visited,a.bgblue:active {padding:0 15px;}
.color_org{ color:#e54028;}
.W550{ width:320px;}
.W500{ width:300px;}
/*--gift--*/
.gift li{width:50%; float:left;}
.step{display:none;}
/*--logo--*/
.chlogo li{width:50%; float:left;}
/*--prolist show--*/
.prolist li{width:100%}
.prolist img{ width:160px; height:120px;overflow:hidden; margin-top:10px;}
.prolist span{ margin:8px;}
}
@media (max-width: 320px){
.titxt{font-size:26px;}
.titxt2{font-size:26px;}
.liuch1{background:url(../images/liuc2.gif) center top no-repeat; height:400px; width:auto;background-size: cover; -moz-webkit-background-size: cover;}
.banner{ background:url(../images/banner.gif) center top; height:150px; width:auto;background-size: cover; -moz-webkit-background-size: cover;}
.boxall{width:100%; margin:0 auto;}
.ltxt{ float:right; display:none;}
a.cirblue:link,a.cirblue:visited,a.cirblue:active { width:90px; height:90px;}
a.cirorg:link,a.cirorg:visited,a.cirorg:active { width:90px; height:90px;}
.m15{ margin:7px;}
.lh36{ line-height:20px;}
.lh40{ line-height:24px;}
.f36{ font-size:24px;}
.f24{ font-size:18px;}
.bfb80{ width:280px;}
/*--logo--*/
.chlogo li{width:50%; float:left;}

}
.cursorleft {
    cursor: url(../images/cursor_left.cur), auto;
}
.cursorright {
    cursor: url(../images/cursor_left.cur), auto;
}