@charset "gb2312";

/**
 * @name: layout style
 * @created : 2015-07-24
 * @update  : 2015-07-24
 * @author  : Cpanda yu
 */
 
 /**** public ****/
 

/* 分页 */
.global-page-tac{ text-align:center;}
.global-page-box{ margin: 20px 0; text-align: center; display: inline-block; font-size: 14px }
.global-page-box a:hover { text-decoration: none; display: inline }
.global-page-box a, .global-page-box span {	background-color: #FFFFFF; border: 1px solid #ddd; cursor: pointer; float: left; height: 26px; line-height: 26px; margin-right: 5px; padding: 0 9px; color: #333}
.global-page-box .currents { color: #E10144; border: none; font-weight: bold}

/* 当前路径 */
.global-current-nav{ height:32px; line-height:32px; font-size:14px; color:#333; overflow:hidden;}
.global-current-nav dd{ float:left; display:inline; margin:0px 4px 0px 0px;}
.global-current-nav dd a{ margin:0px 4px 0px 0px}
.global-current-nav dd span{ color:#666;}

/* 向导 */
.global-guide{ height:40px; line-height:40px; background-color:#F3F3F3; border:1px solid #ddd; position:relative; color:#333; font-size:14px; padding-left:124px; overflow:hidden}
.global-guide dt{ position:absolute; top:-1px; left:-1px; height:42px; line-height:42px; width:124px; background:url(icon.png) 0 -421px no-repeat; text-align:center; overflow:hidden}
.global-guide dd{ width:873px; overflow:hidden}
.global-guide dd p{ width:1000px; line-height:40px;}
.global-guide dd p a{ padding:0 34px; border-right:1px solid #ccc; color:#333;}

/* 合作伙伴 */
.global-partner{ border:1px solid #DFDFDF; color:#333; line-height:22px;}
.global-partner .yb-head{ height:31px; line-height:31px; padding:0 10px; background:#fff; border-bottom:1px solid #DFDFDF; overflow:hidden; zoom:1 }
.global-partner .yb-head b{ float:left; font-size:14px; color:#333;} 
.global-partner .yb-body{padding:10px;}
.global-partner .yb-body ul{ display:inline-block}
.global-partner .yb-body ul li{ margin:0 7px;white-space:nowrap;display:inline-block; float:left}


/* 公共切换结构 */
.global-slider{ float:left; width:320px; height:400px; position:relative; overflow:hidden}
.global-slider .photos{ width:320px; height:400px; position:relative; overflow:hidden; zoom:1}
.global-slider .photos dd{ float:left; width:320px; height:400px; position:relative; overflow:hidden}
.global-slider .photos dd img{ width:320px; height:400px;}
.global-slider .photos dd p{ position:absolute; left:0; bottom:0px; width:300px; height:40px; line-height:40px; background:url(bg.png) left top repeat-x; padding: 20px 10px 0; overflow:hidden}
.global-slider .photos dd p a{ color:#fff; font-size:20px;}
.global-slider .prev,.global-slider .next{ display:none !important; width:60px; height:90px; margin:-60px 0 0; background:url(ad_ctr.png) left top no-repeat; position:absolute; top:50%; z-index:10; text-indent:-9999em; opacity:0.4; overflow:hidden}
.global-slider .prevNext{ display:block !important}
.global-slider .prev{ left:0px;}
.global-slider .next{ right:0px; background-position:0 -90px;}
.global-slider .navigation{ height:10px; position:absolute; right:10px; bottom:15px; z-index:10; overflow:hidden; zoom:1}
.global-slider .navigation a{ float:left; width:10px; height:10px; margin:0 0 0 10px; background-color:#C1C1C1; cursor:pointer; text-indent:-9999em; overflow:hidden}
.global-slider .navigation a.selected	{ background-color:#E53D66}

.ypublic-box-1 .yb-head{ height:30px; line-height:30px; border-bottom:2px solid #2755AB; overflow:hidden;}
.ypublic-box-1 .yb-head b{ float:left; font-size:14px; color:#003499; background:url(li_1.png) 0px -356px no-repeat; padding-left:12px; } 
.ypublic-box-1 .yb-head a.more{ float:right; color:#003363;}
.ypublic-box-1 .yb-body{ overflow:hidden;}
.ypublic-box-1 .yb-body dd{ height:28px; line-height:28px; font-size:14px; background:url(li_1.png) 0px -272px no-repeat; padding-left:10px; overflow:hidden}
.ypublic-box-1 .yb-body dd a{ color:#333}



/* 全局banner */
.yn-banner img{ display:block}

/* 底部 */
.yuyn-foot{ width:960px; margin:0 auto; line-height:22px; padding:15px 0; overflow:hidden}

/******* 页面结构 *******/
/* 顶部 */
#index-page .yuyn-head{ margin-bottom:10px;}
#index-page .yuyn-head #ybox-logoSearch{ width:960px; margin:0 auto; height:44px; padding:10px 0 20px;}
#index-page .yuyn-head #ybox-logoSearch .yb-logo{ float:left;}
#index-page .yuyn-head #ybox-logoSearch .yb-tel{ float:right; border-left:1px solid #CFCFCF; padding-left:12px; margin-left:12px; height:44px; overflow:hidden}
#index-page .yuyn-head #ybox-logoSearch .yb-tel h3{ font-size:20px; font-family:"impact"; color:#01AF63; line-height:26px; height:26px; overflow:hidden; zoom:1}
#index-page .yuyn-head #ybox-logoSearch .yb-tel h3 i{ float:left; width:24px; height:24px; margin-right:8px; background:url(head_icon.png) 0px -213px no-repeat;}
#index-page .yuyn-head #ybox-logoSearch .yb-tel h3 em{ float:left;}
#index-page .yuyn-head #ybox-logoSearch .yb-tel p{ line-height:20px; font-size:14px; color:#AAA}
#index-page .yuyn-head #ybox-logoSearch .yb-search{ float:right; width:500px; border:2px solid #01AF63;}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-select{ float:left; width:100px; height:40px; border-right:1px solid #eee; background:url(search_xialan.gif) 80px 14px no-repeat #F9F9F9; position:relative}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-select span{ display:inline-block; width:80px; height:40px; line-height:36px; padding-left:10px; color:#333; font-size:14px; cursor:pointer; overflow:hidden}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-select dl{ display:none; width:100px; position:absolute; left:-2px; top:40px; border:solid #6A0; border-width:0 2px 2px; background:#F9F9F9; z-index:10;}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-select dl dd{ height:36px; font-size:14px; line-height:36px;}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-select dl dd a{ display:block; width:80px; padding:0 10px; color:#464646;}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-select dl dd a:hover{ background-color:#DFDFDF; color:#333;}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-search{ float:right; width:389px; overflow:hidden; zoom:1;}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-search .ui-textIpt{ float:left; width:280px; height:25px; padding:7px 5px; line-height:25px; border:none; color:#888; font-size:14px; overflow:hidden;}
#index-page .yuyn-head #ybox-logoSearch .yb-search .y-search .ui-btnIpt{ float:right; width:95px; height:40px; background-color:#01AF63; color:#FFF; font-size:20px; overflow:hidden;}

#index-page .yuyn-head #ybox-nav{ height:40px; background-color:#01AF63;}
#index-page .yuyn-head #ybox-nav dl{ width:960px; margin:0 auto; height:40px; overflow:hidden; zoom:1}
#index-page .yuyn-head #ybox-nav dl dd{ float:left;}
#index-page .yuyn-head #ybox-nav dl dd a{ display:block; padding:0 22px; color:#FFF; font-size:16px; height:40px; line-height:40px;}
#index-page .yuyn-head #ybox-nav dl dd a.cur,#index-page .yuyn-head #ybox-nav dl dd a:hover{ background-color:#017C46; text-decoration:none}
#index-page .yuyn-body{ width:960px; margin:0 auto; overflow:hidden;}
#index-page .yuyn-top{ height:35px; background-color:#F6F6F6; border-bottom:1px solid #DFDFDF; position:relative}
#index-page .yuyn-top .yuyn-inside{width:960px; margin:0 auto; overflow:hidden}
#index-page .yuyn-top dl{ float:left;}
#index-page .yuyn-top dl dd{ float:left; padding:0px 10px; height:35px;}
#index-page .yuyn-top dl dd i{ display:inline-block; position:relative; top:8px; width:20px; height:20px; background:url(head_icon.png) left top no-repeat;}
#index-page .yuyn-top dl dd i.home{ background-position:0 0;}
#index-page .yuyn-top dl dd i.community{ background-position:0 -27px;}
#index-page .yuyn-top #ybox-userlogin{ float:right; height:35px; color:#333; overflow:hidden}
#index-page .yuyn-top #ybox-userlogin a{ color:#333}
#index-page .yuyn-top #ybox-userlogin a.login i{ display:inline-block; position:relative; top:8px; width:20px; height:20px; background:url(head_icon.png) 0px -108px no-repeat;}
#index-page .yuyn-top #ybox-userlogin em{ padding:0 10px;}
#index-page .ybox-flash{ margin-bottom:10px;}
#index-page .yuyn-adv{width:960px; margin:0 auto; overflow:hidden}

#index-page .ybox-banner{ margin-bottom:10px;}
#index-page .ybox-banner img{ display:block}
#index-page #ybox-apply{ float:left; width:298px; height:408px; border:1px solid #DFDFDF; overflow:hidden}
#index-page #ybox-apply .yb-head{ height:58px; border-bottom:2px solid #FC730E; overflow:hidden;}
#index-page #ybox-apply .yb-head dd{ float:left; display:inline; margin-left:-1px; width:74px; border-left:1px solid #DFDFDF; overflow:hidden}
#index-page #ybox-apply .yb-head dd a{ display:block; width:34px; height:34px; padding:12px 20px; font-size:14px; line-height:18px;  text-align:center; color:#333; overflow:hidden}
#index-page #ybox-apply .yb-head dd a.selected{ font-weight:700; color:#FC730E; text-decoration:none}
#index-page #ybox-apply .yb-body{ padding:0 15px;}
#index-page #ybox-apply .yb-body i{ display:block; width:0px; height:0px; font-size:0px; line-height:0; border-top:6px solid #FC730E; border-left:6px solid #fff; border-right:6px solid #fff;}
#index-page #ybox-apply #one i{ margin-left:15px;}
#index-page #ybox-apply #two i{ margin-left:89px;}
#index-page #ybox-apply #three i{ margin-left:164px;}
#index-page #ybox-apply #four i{ margin-left:240px;}
#index-page #ybox-apply .yb-body h3{ font-size:14px; padding:10px 0px 8px; margin-bottom:5px;}
#index-page #ybox-apply .yb-body dl dd{ margin-bottom:10px;}
#index-page #ybox-apply .yb-body dl dd .ui-textIpt{ width:250px; height:30px; line-height:30px; border:1px solid #DFDFDF; padding:0 10px; color:#333;}
#index-page #ybox-apply .yb-body dl dd select{ width:270px; height:30px;}
#index-page #ybox-apply .yb-body dl dd .ui-btnIpt{ width:270px; height:44px; line-height:44px; background-color:#FC730E; text-align:center; font-size:16px; color:#fff; }
#index-page #ybox-apply .yb-body p{ border-top:1px solid #DFDFDF; line-height:24px; padding:10px 0px 8px}

#index-page .yuyn-body #ybox-nav{ height:50px; overflow:hidden;}
#index-page .yuyn-body #ybox-nav dl{ width:1000px; margin:0 auto; height:50px; overflow:hidden; zoom:1}
#index-page .yuyn-body #ybox-nav dl dd{ float:left; margin-right:8px;}
#index-page .yuyn-body #ybox-nav dl dd a{ display:block; width:113px; text-align:center; color:#FFF; background-color:#D4AE8A; border-radius:6px; font-size:16px; height:50px; line-height:50px;}

#index-page #ybox-news{ float:left; display:inline; margin-left:10px; width:390px; height:400px; overflow:hidden}
#index-page #ybox-news dl{ height:400px; margin:0; font-size:14px; overflow:hidden}
#index-page #ybox-news dl dd{ height:24px; line-height:24px; padding-left:10px; background:url(li-style.jpg) left center no-repeat; font-size:14px; overflow:hidden; margin:0 10px;}
#index-page #ybox-news dl dd.first-news{border-bottom:1px dashed #999; margin:0 10px 10px!important;height:92px!important;zoom:1;background:none !important; padding:0 !important}
#index-page #ybox-news dl dd.first-news h2{height:34px; overflow:hidden}
#index-page #ybox-news dl dd.first-news h2 a{display:block; font-size:20px; height:34px; line-height:34px; text-align:center; color:#FF5D36;}
#index-page #ybox-news dl dd.first-news p{ margin-bottom:12px; height:48px; line-height:24px; font-size:14px; text-height:2em; overflow:hidden}



#index-page #ybox-topics{ float:right; width:240px; height:400px; overflow:hidden; }
#index-page #ybox-topics .yb-head{ padding-left:52px; height:46px; line-height:46px; font-size:18px; color:#FF5D36; background:url(sprite.png) -723px -207px no-repeat; overflow:hidden}
#index-page #ybox-topics dl dd{ text-align:center;}
#index-page #ybox-topics dl dd img{ display:block; height:100px;}
#index-page #ybox-topics dl dd p{ color:#FF5D36; font-size:14px; line-height:27px; overflow:hidden}

#index-page #ybox-findProject .yb-head{ height:50px; line-height:50px; overflow:hidden; zoom:1}
#index-page #ybox-findProject .yb-head i{ float:left; font-size:30px; color:#333; font-style:normal}
#index-page #ybox-findProject .yb-head span{ float:left; display:inline; margin-left:10px; color:#999; font-family:"宋体"}
#index-page #ybox-findProject .yb-head span b{ color:#01AF63; margin:0 5px;}
#index-page #ybox-findProject .yb-head a{ font-size:14px; color:#999; float:right; font-family:"宋体"}
#index-page #ybox-findProject .yb-body{ position:relative; height:312px; overflow:hidden}
#index-page #ybox-findProject .yb-body dl{ padding-left:312px; height:312px; overflow:hidden; zoom:1}
#index-page #ybox-findProject .yb-body dl dt{ float:left; margin-left:-312px; width:310px; height:310px; border:1px solid #DFDFDF; overflow:hidden}
#index-page #ybox-findProject .yb-body dl dt img{ width:310px; height:310px;}
#index-page #ybox-findProject .yb-body dl dt p{ position:absolute; left:0px; bottom:0px; width:292px;max-height:48px; line-height:24px; color:#FFF; padding:10px; background:url(bg.png) left bottom repeat; overflow:hidden;font-size:18px; text-align:center}
#index-page #ybox-findProject .yb-body dl dd{ float:left; margin:0 0 12px 12px; width:148px; height:148px; border:1px solid #DFDFDF; position:relative; overflow:hidden}
#index-page #ybox-findProject .yb-body dl dd img{ width:148px; height:148px;}
#index-page #ybox-findProject .yb-body dl dd p{ position:absolute; left:0px; bottom:0px; width:130px; height:32px; line-height:32px; color:#FFF; text-align:center; padding:0px 10px; background:url(bg.png) left bottom repeat; overflow:hidden}

#index-page #ybox-hotGood .yb-head{ height:50px; line-height:50px; overflow:hidden; zoom:1}
#index-page #ybox-hotGood .yb-head i{ float:left; font-size:30px; color:#333; font-style:normal}
#index-page #ybox-hotGood .yb-head span{ float:left; display:inline; margin-left:10px; color:#999; font-family:"宋体"}
#index-page #ybox-hotGood .yb-head span b{ color:#01AF63; margin:0 5px;}
#index-page #ybox-hotGood .yb-head a{ font-size:14px; color:#999; float:right; font-family:"宋体"}
#index-page #ybox-hotGood .yb-body{overflow:hidden}
#index-page #ybox-hotGood .yb-body dl{ width:1000px; overflow:hidden; zoom:1}
#index-page #ybox-hotGood .yb-body dl dd{ float:left; margin:0 20px 20px 0; width:176px; height:200px; overflow:hidden}
#index-page #ybox-hotGood .yb-body dl dd img{ width:176px; height:176px;}
#index-page #ybox-hotGood .yb-body dl dd p{ height:24px; line-height:24px; color:#333; text-align:center; overflow:hidden}


#index-page #ybox-twoBanner dl{ width:970px;}
#index-page #ybox-twoBanner dl dd{ float:left; display:inline; margin:0 10px 10px 0; width:475px; height:70px; color:#FFF; font-size:20px; text-align:center; line-height:70px; overflow:hidden}

#index-page #ybox-business dl{ width:972px;}
#index-page #ybox-business dl dd{ float:left; display:inline; margin:0 12px 12px 0; width:148px; height:58px; border:1px solid #DFDFDF; overflow:hidden}
#index-page #ybox-business dl dd img{ width:148px; height:58px;}
/* 品牌 */
#index-page #ybox-brands .yb-head{ height:50px; line-height:50px; overflow:hidden; zoom:1}
#index-page #ybox-brands .yb-head i{ float:left; font-size:30px; color:#333; font-style:normal}
#index-page #ybox-brands .yb-head span{ float:left; display:inline; margin-left:10px; color:#999; font-family:"宋体"}
#index-page #ybox-brands .yb-head span b{ color:#01AF63; margin:0 5px;}
#index-page #ybox-brands .yb-head a{ font-size:14px; color:#999; float:right; font-family:"宋体"}
#index-page #ybox-brands .yb-body{ margin-top:-12px;}
#index-page #ybox-brands .yb-body dl{ width:972px;}
#index-page #ybox-brands .yb-body dl dd{ float:left; margin:12px 12px 0 0; width:148px; height:58px; border:1px solid #DFDFDF; overflow:hidden}
#index-page #ybox-brands .yb-body dl dd img{ width:148px; height:58px;}
/* 设计 */
#index-page #ybox-designer .yb-head{ height:50px; line-height:50px; overflow:hidden; zoom:1}
#index-page #ybox-designer .yb-head i{ float:left; font-size:30px; color:#333; font-style:normal}
#index-page #ybox-designer .yb-head span{ float:left; display:inline; margin-left:10px; color:#999; font-family:"宋体"}
#index-page #ybox-designer .yb-head span b{ color:#01AF63; margin:0 5px;}
#index-page #ybox-designer .yb-head a{ font-size:14px; color:#999; float:right; font-family:"宋体"}
#index-page #ybox-designer .yb-body{}
#index-page #ybox-designer .yb-body dl{ width:970px; margin-top:-10px;}
#index-page #ybox-designer .yb-body dl dd{ float:left; margin:10px 10px 0 0; width:184px; height:306px;}
#index-page #ybox-designer .yb-body dl dd img{ width:182px; height:243px; border:1px solid #DFDFDF;}
#index-page #ybox-designer .yb-body dl dd h3{ font-size:14px; font-weight:700; color:#333; line-height:25px; height:25px; text-align:center; overflow:hidden;}
#index-page #ybox-designer .yb-body dl dd p{ color:#999; line-height:25px; height:25px; text-align:center; overflow:hidden}
/* 日记 */
#index-page #ybox-diary .yb-head{ height:50px; line-height:50px; overflow:hidden; zoom:1}
#index-page #ybox-diary .yb-head i{ float:left; font-size:30px; color:#333; font-style:normal}
#index-page #ybox-diary .yb-head span{ float:left; display:inline; margin-left:10px; color:#999; font-family:"宋体"}
#index-page #ybox-diary .yb-head span b{ color:#01AF63; margin:0 5px;}
#index-page #ybox-diary .yb-head a{ font-size:14px; color:#999; float:right; font-family:"宋体"}
#index-page #ybox-diary .yb-body{}
#index-page #ybox-diary .yb-body dl{ width:973px;}
#index-page #ybox-diary .yb-body dl dd{ float:left; margin:0 8px 8px 0; width:234px; height:200px; position:relative; overflow:hidden}
#index-page #ybox-diary .yb-body dl dd img{ width:232px; height:198px; border:1px solid #DFDFDF;}
#index-page #ybox-diary .yb-body dl dd p{ position:absolute; left:0px; bottom:0px; width:214px; height:32px; line-height:32px; color:#FFF; text-align:center; padding:0px 10px; background:url(bg.png) left bottom repeat; overflow:hidden}

#index-page .ybox-brand{ border:1px solid #ddd; padding:10px;}
#index-page .ybox-brand .yb-head{ font-size:14px; font-weight:700; line-height:30px}
#index-page .ybox-brand .yb-body dl dd{ float:left; display:inline; margin:0 20px  10px 0; width:80px; line-height:30px; text-align:center; overflow:hidden}
#index-page .ybox-brand .yb-body dl dd img{ width:80px; height:80px;}