
/********** banner **********/
.banner-inside{ width:100%; height:350px; background-color:#000;}
.banner-ab{ background:url(../images/banner/banner_ab.jpg) top center no-repeat;}
.banner-prod{ background:url(../images/banner/banner_prod.jpg) top center no-repeat;}
.banner-news{ background:url(../images/banner/banner_news.jpg) top center no-repeat;}
.banner-serv{ background:url(../images/banner/banner_serv.jpg) top center no-repeat;}
.banner-case{ background:url(../images/banner/banner_case.jpg) top center no-repeat;}
.banner-job{ background:url(../images/banner/banner_job.jpg) top center no-repeat;}
.banner-ctc{ background:url(../images/banner/banner_ctc.jpg) top center no-repeat;}


/********** main **********/
#main{ width:100%; padding-bottom:40px;}


/********** sidebar **********/
.sidebar{ float:left; width:230px; padding-bottom:40px; margin-top:-90px; position:relative; z-index:10000;}
.sb-title{ width:170px; height:60px; padding:20px 20px 10px 40px; background:url(../images/imginside/sb_titlebg.jpg) no-repeat; text-align:right;}
.sb-title .sbtit-cn{ display:block; font-size:26px; line-height:30px; font-family:微软雅黑, "Microsoft YaHei", sans-serif; color:#FFF; overflow:hidden;}
.sb-title .sbtit-en{ display:block; font-size:26px; line-height:60px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; overflow:hidden;}
.sb-bottom{ width:230px; height:4px; background-color:#888;}

.sidebar ul{ width:228px; border:1px solid #DDD; border-bottom:medium none; background-color:#FFF;}
.sidebar ul li{ position:relative; height:49px; border-bottom:1px solid #DDD; line-height:49px;}
.sidebar ul li:hover, .sidebar ul li.cur{ background-color:#EEE; transition:all 0.5s;}
.sidebar ul li a{ display:block; padding:0 30px 0 60px; font-size:14px; color:#333; text-transform:capitalize; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s;}
.sidebar ul li:hover a, .sidebar ul li.cur a{ font-weight:bold; color:#D7000F;}
.sidebar ul li i{ position:absolute; left:24px; top:18px; display:block; width:13px; height:13px; background:url(../images/imginside/sbli1_sign.png) 0 0 no-repeat;}
.sidebar ul li:hover i, .sidebar ul li.cur i{ background-position:0 -13px;}


#p10 #s1, #p11 #s2, #p12 #s3, #p13 #s4, #p14 #s5, #p15 #s6, #p16 #s7{ background-color:#EEE;}
#p10 #s1 a, #p11 #s2 a, #p12 #s3 a, #p13 #s4 a, #p14 #s5 a, #p15 #s6 a, #p16 #s7 a{ font-weight:bold; color:#D7000F;}
#p10 #s1 i, #p11 #s2 i, #p12 #s3 i, #p13 #s4 i, #p14 #s5 i, #p15 #s6 i, #p16 #s7 i{ background-position:0 -13px;}

#p40 #s1,#p20 #s1, #p41 #s2, #p42 #s3, #p43 #s4{ background-color:#EEE;}
#p40 #s1 a,#p20 #s1 a, #p41 #s2 a, #p42 #s3 a, #p43 #s4 a{ font-weight:bold; color:#D7000F;}
#p40 #s1 a,#p20 #s1 a, #p41 #s2 i, #p42 #s3 i, #p43 #s4 i{ background-position:0 -13px;}


/********** breadnav **********/
.breadnav{ position:relative; float:right; width:730px; height:49px; padding-right:20px; margin-top:24px; background-color:#F0F0F0; line-height:49px; text-align:right;}
.breadnav h3{ position:absolute; left:0; top:0; font-size:20px; color:#666;}
.breadnav i{ display:inline-block; width:11px; height:10px; padding-right:2px; background:url(../images/imgsign/breadnav_sign01.png) no-repeat; *height:16px; *padding-right:4px;}
.breadnav span, .breadnav a{ color:#555;}
.breadnav span.location{ font-weight:bold; color:#D7000F;}
.breadnav a:hover{ color:#D7000F; text-decoration:underline;}


/********** content **********/
.content{ float:right; width:750px; min-height:300px; margin-top:20px; padding-bottom:40px; color:#333;}

/***** 关于西尔康 *****/
/** 企业简介 **/
.about{ padding:10px 0 0 30px; line-height:28px;}
.about p{ text-indent:2em; margin-bottom:12px;}
.about p strong{ color:#005CAC;}
/** 企业文化 **/
.culture{ text-align:center;}
/** 企业视频 **/
.videolist{ width:750px; padding-bottom:20px;}
.videolist li{ float:left; width:230px; height:210px; background-color:#FFF; margin:0 20px 20px 0;}
.videolist li .video-img{ display:table-cell; width:220px; height:160px; padding:4px; border:1px solid #DDD; text-align:center; vertical-align:middle; overflow:hidden;}
.videolist li .video-img img{ display:block; max-width:220px; max-height:160px; margin:0 auto;}
.videolist li .video-name{ display:block; height:38px; padding:0 10px; background-color:#DDD; line-height:38px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.videolist li:hover .video-img{ border-color:#1B64BD; cursor:pointer;}
.videolist li:hover .video-name{ background-color:#1B64BD;}
.videolist li:hover .video-name a{ color:#FFF;}
.videoshow{ padding:20px; text-align:center;}
/** 企业风貌 **/
.env{ width:750px; padding-bottom:20px;}
.env li{ float:left; width:230px; height:210px; background-color:#FFF; margin:0 20px 20px 0;}
.env li .env-img{ display:table-cell; width:220px; height:160px; padding:4px; border:1px solid #EEE; text-align:center; vertical-align:middle; overflow:hidden;}
.env li .env-img img{ display:block; max-width:220px; max-height:160px; margin:0 auto;}
.env li .env-name{ display:block; height:38px; padding:0 10px; background-color:#EEE; line-height:38px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.env li:hover .env-img{ border-color:#1B64BD; cursor:pointer;}
.env li:hover .env-name{ background-color:#1B64BD; color:#FFF;}
/** 四大优势 **/
.adv{ padding-left:40px;}
.adv h1{ font-size:16px; color:#D7000F; text-align:center; padding:12px 0 24px 0;}
.adv dl{ clear:both; margin-bottom:20px;}
.adv dl dt{ float:left; width:120px; padding-bottom:24px;}
.adv dl dt span{ display:block;}
.adv dl dt span img{ max-width:120px; max-height:112px;}
.adv dl dd{ float:left; width:540px; margin-left:30px;}
.adv dl dd h3{ font-size:14px; line-height:24px; color:#005CAC; padding-bottom:2px;}
.adv dl dd p{ line-height:22px;}
/** 质量体系 **/
.quality{ padding-bottom:20px;}
.quality h3{ font-size:14px; color:#D7000F; margin-top:24px; padding:0 0 6px 24px;}
.quality p{ padding:0 24px;}
.quality p strong{ color:#D7000F;}
/** 公司荣誉 **/
.honor{ width:750px; padding-bottom:10px;}
.honor li{ float:left; width:230px; height:270px; margin:0 20px 20px 0;}
.honor li .honor-img{ display:table-cell; width:230px; height:230px; text-align:center; vertical-align:middle; overflow:hidden;}
.honor li .honor-img img{ display:block; max-width:230px; max-height:230px; margin:0 auto;}
.honor li .honor-name{ display:block; height:40px; padding:0 10px; line-height:40px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}


/***** 新闻中心 *****/
.newslist{ padding:0 0 20px 0;}
.newslist li{ height:110px; padding:0px 0 30px; margin-bottom:30px; border-bottom:1px dashed #DDD; clear:both;}
.newslist li .nlist-img{ float:left; margin-right:25px;}
.newslist li .nlist-img a{ display:table-cell; width:150px; height:100px; padding:3px; border:2px solid #DDD; background-color:FFF; text-align:center; vertical-align:middle; overflow:hidden; *display:block;}
.newslist li .nlist-img img{ display:block; max-width:150px; max-height:100px; margin:0 auto;}
.newslist li .nlist-title{ margin-top:8px; font-size:16px; font-weight:bold;}
.newslist li .nlist-title a{ color:#333;}
.newslist li .nlist-title a:hover{ color:#1B64BD;}
.newslist li .nlist-time{ padding:3px 0; color:#999;}
.newslist li .nlist-cont{ color:#666; text-indent:2em;}
.newslist li .nlist-cont a{ color:#333;}
.newslist li .nlist-cont a:hover{ color:#1B64BD;}
.newsdetail{ padding:0px 20px 20px 20px;}
.news-title{ margin:20px 0 10px; text-align:center; font-size:24px; font-weight:bold; line-height:36px; color:#1B64BD;}
.news-time{ text-align:center; height:30px; line-height:30px; color:#666; border-bottom:1px dotted #CCC; padding-bottom:12px;}
.news-cont{ margin-top:20px;}
.news-cont p{ display:block; margin-bottom:10px; text-indent:2em;}


/***** 产品中心 *****/
.prodlist{ width:770px;}
.prodlist li{ float:left; width:244px; height:250px; background-color:#FFF; margin:0 9px 20px 0;}
.prod-img{ width:238px; height:204px; background-color:#FFF; border:3px solid #E3E3E3;}
.prod-img a{ display:table-cell; width:238px; height:204px; text-align:center; vertical-align:middle; overflow:hidden;}
.prod-img img{ display:block; max-width:238px; max-height:204px; margin:0 auto;}
.prod-name{ width:204px; height:40px; margin:0px 20px; text-align:center;}
.prod-name a{ display:block; width:188px; height:40px; margin:0 auto; font-size:14px; color:#666; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodlist li:hover{ cursor:pointer;}
.prodlist li:hover .prod-img{ border-color:#D7000F;}
.prodlist li:hover .prod-name{ border-color:#D7000F;}
.prodlist li:hover .prod-name a{ font-weight:bold; color:#D7000F;}

.prodshow{ padding:0 0 20px 0;}
.product-name{ padding:0 30px 20px 0; text-align:center; font-size:22px; font-weight:bold; color:#1B64BD; line-height:28px;}
.product-pic{ text-align:center; margin-bottom:20px;}
.product-pic img{ max-width:680px;}

.editor{ width:100%; margin-top:36px; margin-bottom:20px; color:#333; /*overflow:auto;*/}
.editor p{ margin-bottom:12px;}


/***** 质量与服务 *****/
/** 质量管理 **/
.control{ padding:12px 48px 20px 48px;}
.control h3{ font-size:14px; color:#D7000F; margin-top:12px;}
.control p{ font-size:14px; line-height:24px; margin-bottom:12px;}
.control p strong{ color:#D7000F;}
/** 营销网络 **/
.network{ padding-top:48px; text-align:center;}
/** 服务口号 **/
.slogan{ padding-top:24px; text-align:center;}


/***** 工程案例 *****/
.case{ width:750px; padding-bottom:20px;}
.case li{ float:left; width:230px; height:210px; background-color:#FFF; margin:0 20px 20px 0;}
.case li .case-img{ display:table-cell; width:220px; height:160px; padding:4px; border:1px solid #EEE; text-align:center; vertical-align:middle; overflow:hidden;}
.case li .case-img img{ display:block; max-width:220px; max-height:160px; margin:0 auto;}
.case li .case-name{ display:block; height:38px; padding:0 10px; background-color:#EEE; line-height:38px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.case li:hover .case-img{ border-color:#1B64BD; cursor:pointer;}
.case li:hover .case-name{ background-color:#1B64BD; color:#FFF;}

/***** 人才招聘 *****/

/***** 联系我们 *****/
.contact{ padding:24px 0 20px 30px;}
.contact .ctc-info{ float:left; width:440px;}
.contact .ctc-info span.coname{ display:block; height:30px; font-size:18px; font-weight:bold; line-height:30px; margin-bottom:10px; color:#3785C6;}
.contact .ctc-info p{ height:24px; font-size:14px; line-height:24px; margin-bottom:8px;}
.contact .ctc-info p strong{ margin-right:8px;}
.contact .ctc-info p span{ font-size:16px; font-weight:bold; font-style:italic; color:#F39700;}
.contact .ctc-info p label{ margin-left:8px;}
.contact .ctc-info p a{ color:#666; letter-spacing:1px; text-decoration:underline;}
.contact .ctc-info p a:hover{ color:#3785C6; text-decoration:underline;}
.contact .ctc-wechat{ float:right; width:200px; text-align:center; margin:10px 40px 0 0;}
.contact .ctc-wechat img{ width:200px;}
.contact .ctc-wechat p{ font-size:14px; font-weight:bold; padding-top:10px;}


