﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
/*common*/
body { font-family: "黑体";}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*banner*/
.fullSlide {width:100%;position:relative;height:500px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {
                position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}



.fullSlide .hd ul li{border-radius:14px;width:18px;height:18px; color:#4b392b;  background:#4b392b; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{ background:#eca909; color:#eca909;}

.fullSlide .prev,.fullSlide .next {	display:block;
	position:absolute;
	z-index:1;top:50%;
	margin-top:-30px;left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:81px; height:80px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}


/*common样式开始*/


/*上乘陶土出宜兴   精品陶瓦鼎珂造*/
.sc_bg { padding:70px 0;}
.sc_top {  text-align:center; margin-bottom:48px;}
.sc_top a em { display:block; font-size:26px; color:#4b392b;font-weight:bold;}
.sc_top a:hover em {color:#ab4f09}
.sc_top a span { display:block; font-size:16px; color:#333; padding-top:5px;}
.sc_bg dl dt { float:left; background:url(Img/Index/sc_bg.gif) repeat; width:472px; height:375px; padding:45px 0 0 33px;}
.sc_bg dl dt span { display:block; background:url(Img/Index/sc_bt.gif) no-repeat; width:370px; height:67px;}
.sc_bg dl dt span a { display:block; font-size:20px; color:#333; line-height:30px; padding-top:15px;font-weight:bold;}
.sc_bg dl dt span a:hover{ color:#ab4f09}
.sc_bg dl dt span em { display:block; font-family:Arial; font-size:12px; text-transform:uppercase;}
.sc_bg dl dt p { line-height:28px; font-size:14px; color:#333; width:445px; text-indent:28px; padding:20px 0;}
.sc_bg dl dt i { background:url(Img/Index/sc_spbg.gif) no-repeat; width:208px; height:35px; line-height:35px; font-size:14px; color:#efe2c1; text-align:center; display:block;}
.sc_bg dl dd { float:left;}
.sc_bg dl dd ul li{float:left;}
.sc_bg dl dd ul li img { width:515px; height:419px;}

/*鼎珂陶瓦瓦供应中心*/
.xq_bg { background:url(Img/Index/xq_bg.gif) no-repeat center 0; height:142px; text-align:center;}
.xq_bg a { display:block; text-align:center; font-size:26px; color:#fff; padding-top:40px;}
.xq_bg em { display:block; font-size:16px; color:#fff; padding-top:5px;}

.zx_bg { background:url(Img/Index/zx_bg.jpg) no-repeat center 0 #dbc6a7; height:1000px; padding-top:40px;}

.zx { width:256px; overflow:hidden; background:#71543d; padding-bottom:8px;}
.zx_top { text-align:center; padding:35px 0 30px;}
.zx_top a { font-size:22px; color:#fff;}
.zx_top em { display:block; font-size:20px; color:#c1b7b0}
.zx_con {  width:244px; height:792px; background:#fff; margin:0 auto; padding-top:22px;}
.zx_con span { display:block; width:207px; height:27px; line-height:27px; border:solid 1px #ebebeb; background:#fafafa; margin:7px 0 7px 17px;}
.zx_con span a { font-size:14px; color:#ab4f09; padding-left:20px;}
.zx_con span a:hover {  font-weight:bold;}
.zx_con p { line-height:28px; padding:0 0 5px 25px;}
.zx_con p a {color:#333; font-size:14px; width:105px; display:inline-block;}
.zx_con p a:hover { color:#ab4f09}
.zx_con p.perj9,.zx_con p.perj8{ display:none;}
.rx { width:746px; margin-left:16px}
.rx_top { width:745px; height:45px; line-height:45px; border:solid 1px #b9a990;}
.rx_top .more{ padding-right:10px;color:#333;}
.rx_top  a:hover{ color:#ab4f09} 
.rx_top ul li { float:left; border-right:solid 1px #b9a990}
.rx_top ul li a {  width:200px; display:block; text-align:center; font-size:14px; color:#333;}
.rx_top ul li a:hover,.rx_top ul .cur a { background:#71543d; color:#fff; }
.rx_top span { width:225px; background:#71543d; text-align:center; display:block}
.rx_top span a { font-size:14px; color:#fff;}
.more01 { padding:0 50px 0 0;}
.more01 a {  font-size:14px; color:#333;}

.rx_con { padding-bottom:20px; height:518px;}
.rx_con ul li { width:235px; height:239px; float:left; margin:20px 20px 0 0; position:relative;}
.rx_con ul .nobor { margin:20px 0 0;}
.rx_con ul li img { width:235px; height:239px;}
.rx_con ul li span { position:absolute; background: url(Img/Index/btm06.png) repeat; width:235px; height:37px; line-height:37px; left:0; top:202px;  text-align:center;}
.rx_con ul li span a { color:#FFF; font-size:14px;}

.rx_con ul li a img { display:block;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.rx_con ul li a:hover img {-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}

.rx_pic01 { margin-top:23px; position:relative;}
.rx_pic01 img { width:485px; height:283px;}
.rx_pic01 a em { position:absolute; top:237px; left:0; display:block; background: url(Img/Index/btm06.png) repeat; width:485px; height:46px; line-height:46px; text-align:center; color:#FFF; font-size:14px;}

.rx_pic02 { width:225px; padding:23px 0 0 30px;}
.rx_pic02 a { width:225px; height:131px; display:block; position:relative; margin-bottom:21px;}
.rx_pic02 a em { position:absolute; top:100px; left:0; display:block; background: url(Img/Index/btm06.png) repeat; width:225px; height:31px; line-height:31px; text-align:center; color:#FFF; font-size:14px;}
.rx_pic02 a img{width:225px; height:131px;}
/*鼎珂陶瓦6大优势*/
.ys_bg { background:url(Img/Index/ys_bg.jpg) no-repeat center 0; height:964px;}
.ys_top { padding-top:420px; text-align:center;}
.ys_top a span { display:block; font-size:26px; color:#71543d; font-weight:bold;}
.ys_top a span em { font-size:50px;}
.ys_top a i { display:block; font-size:16px; color:#333;}

.ys_ul { padding:55px 0 0; display:inline-block;}
.ys_ul ul li { float:left; width:426px;  padding:0 10px 45px 52px; line-height:25px; height:50px;}
.ys_ul ul li a i { background:url(Img/Index/ys_sz01.gif) no-repeat; width:101px; height:61px; float:left;}
.ys_ul ul li a:hover i { background:url(Img/Index/ys_sz02.gif) no-repeat;}
.ys_ul ul .ys_li02 a i { background:url(Img/Index/ys_sz01.gif) no-repeat -476px 0;}
.ys_ul ul .ys_li02 a:hover i { background:url(Img/Index/ys_sz02.gif) no-repeat -476px 0;}
.ys_ul ul .ys_li03 a i { background:url(Img/Index/ys_sz01.gif) no-repeat 0 -93px;}
.ys_ul ul .ys_li03 a:hover i { background:url(Img/Index/ys_sz02.gif) no-repeat 0 -93px;}
.ys_ul ul .ys_li04 a i { background:url(Img/Index/ys_sz01.gif) no-repeat -476px -93px;}
.ys_ul ul .ys_li04 a:hover i { background:url(Img/Index/ys_sz02.gif) no-repeat -476px -93px;}
.ys_ul ul .ys_li05 a i { background:url(Img/Index/ys_sz01.gif) no-repeat 0 -189px;}
.ys_ul ul .ys_li05 a:hover i { background:url(Img/Index/ys_sz02.gif) no-repeat 0 -189px;}
.ys_ul ul .ys_li06 a i { background:url(Img/Index/ys_sz01.gif) no-repeat -476px -189px;}
.ys_ul ul .ys_li06 a:hover i { background:url(Img/Index/ys_sz02.gif) no-repeat -476px -189px;}

.ys_ul ul li a span { display:block; width:300px; float:left; font-size:16px; color:#333; padding-left:20px;}
.ys_ul ul li a span em { color:#ab4f09; font-weight:bold;}
.ys_ul ul li a:hover span em{ color:#ab4f09}
.ys_ul p { text-align:center;}
.ys_ul p a { display:block; width:148px; height:42px; line-height:42px; border:solid 1px #000; text-align:center; font-size:14px; margin:0 auto;}
.ys_ul p  a:hover{  border:solid 1px #ab4f09; }
.ys_ul p span { display:block; font-size:16px; color:#333; padding-top:20px;}
.ys_ul p span em { color:#ab4f09; font-size:20px;}


/**/
.ly_bg { background:url(Img/Index/ly_bg.jpg) no-repeat center 0 #dbc6a7; height:1318px; padding-top:70px;}
.ly_top { display:block; background:url(Img/Index/ly_bt.gif) no-repeat; width:522px; height:53px; margin:0 auto 45px;}
.ly_top a span { display:block; float:left; line-height:53px; font-size:32px; color:#fff; width:178px; text-align:center; font-weight:bold;} 
.ly_top a b { display:block; float:left; padding:16px 0 0 18px; font-size:26px; color:#71543d;}
.ly_top a:hover b{color:#ab4f09}
.ly_con dl { height:292px; overflow:hidden;}
.ly_con dl dt { float:left;}
.ly_con dl dt img { width:510px; height:292px;}
.ly_con dl dt a img { display:block;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.ly_con dl dt a:hover img {-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-transform:scale(1.02,1.02);}




.ly_con dl dd { float:left; padding:28px 0 0 48px; width:462px;}
.ly_con dl dd span a { font-size:20px; color:#71543d; display:block;font-weight:bold;}
.ly_con dl dd span  a:hover{ color:#ab4f09}
.ly_con dl dd i { width:90px; background:#71543d; margin:5px 0 10px; display:block; height:2px; line-height:0; font-size:0}
.ly_con dl dd p { background:url(Img/Index/ly_ico01.gif) no-repeat 0 10px; padding-left:18px; font-size:14px; color:#333; line-height:28px;} 
.ly_con dl dd em { display:block; padding:10px 0 0 20px;}
.ly_con .ly_dl02 dd { float:left; padding:28px 0 0; width:510px;}

/*广告*/
.pic01 { background:url(Img/Index/pic02.jpg) no-repeat center 0; height:194px;}
.pic { width:1020px; margin: 0 auto;}
.pic01 p { position:absolute; top:125px; left:582px;}
.pic01 p img { float:left;}
.pic01 p span { display:block; font-size:16px; color:#fff; float:left; padding:5px 0 0 15px;}
.pic01 p span em { font-size:20px;}

/*鼎珂陶瓦已成功为3500家提供优质产品*/
.yz_bg { background:#dbc6a7; padding:66px 0 30px;}
.yz_con { background:#e9e0cf;height:335px;}
.yz_con dl { padding:40px 0 0 35px; height:295px;}
.yz_con dl dt { float:left; width:395px; line-height:0; font-size:0;}
.yz_con dl dt img { width:395px; height:264px;}
.yz_con dl dt i img { height:18px;}
.yz_con dl dd { float:left; width:540px; padding:25px 0 0 40px;}
.yz_con dl dd span a { display:block; font-size:18px; color:#333; font-weight:bold;}
.yz_con dl dd span  a:hover{ color:#ab4f09}
.yz_con dl dd p { font-size:14px; color:#333; width:540px; line-height:30px; text-indent:28px; padding:15px 0;}
.yz_con dl dd i { display:block;}
.yz_con dl dd i em { display:block; background:url(Img/Index/yz_libg.gif) no-repeat; width:86px; height:114px; line-height:86px; text-align:center; font-size:18px; color:#333; float:left; margin-right:37px;}
.yz_con dl dd i .nobor { margin:0;}

.yz_nav { background: url(Img/Index/yz_xx02.gif) no-repeat center 5px; margin:40px 40px 0; height:60px;}
.yz_nav ul li { float:left; width:155px; text-align:center;}
.yz_nav ul li a { font-size:14px; color:#333;}
.yz_nav ul li a:hover,.yz_nav ul .cur a { color:#ab4f09}
.yz_nav ul li a i { display:block; background:url(Img/Index/yz_ico01.gif) no-repeat; width:11px; height:12px; margin:0 auto; padding-bottom:10px;}
.yz_nav ul li a:hover i,.yz_nav ul .cur a i { background:url(Img/Index/yz_ico02.gif) no-repeat; }

/*定制服务流程*/
.lc_bg { background:url(Img/Index/lc_bg.gif) repeat-x; height:263px; padding-top:60px;}
.lc01 { width:183px; height:202px; border:solid 1px #4b392b; overflow:hidden;}
.lc01 em { display:block; font-size:22px; color:#71543d; padding:40px 0 10px 28px;}
.lc01 em a{color:#333;}
.lc01 em  a:hover{ color:#ab4f09} 
.lc01 span { display:block; font-size:14px; color:#333; line-height:25px; padding-left:28px;}
.lc01 span i { display:block; font-size:18px; color:#4b392b;}
.lc01 b { display:block; padding: 10px 0 0 28px;}
.lc_con { width:834px; overflow:hidden;}
.lc_con ul li { float:left; padding-left:15px;}
.lc_con ul li a { background:url(Img/Index/lc_libg.gif) no-repeat; width:151px; height:203px; display:block; text-align:center;color:#333;}
.lc_con ul li a:hover,.lc_con ul .cur a { background:url(Img/Index/lc_libg02.gif) no-repeat; color:#fff;}
.lc_con ul li a em { display:block; font-size:48px;  padding-top:30px; font-weight:bold;}
.lc_con ul li a span { display:block; font-size:18px; width:91px; margin:0 auto; padding-top:30px; line-height:25px;}

/*厂家直供*/
.zj_bg { background:#e9e0cf; padding:60px 0 35px;}
.zj_bg .sc_top { background:url(Img/Index/zj_xx.gif) no-repeat 0 10px;}

.zj_con dl { height:275px;}
.zj_con dt { float:left; }
.zj_con dd { float:left; width:494px; padding:45px 0 0 22px;}
.zj_con dd b {  height:30px; line-height:30px; display:block; margin-bottom:20px;}
.zj_con dd b a { font-size:20px; color:#ab4f09;}
.zj_con dd p { line-height:25px; font-size:14px; color:#4e4e4e;}
.zj_con dd p a { display:block; color:#4e4e4e; margin-top:10px;}

/*生产设备*/
.sb_bg { background:#fff; }
.sb_bg .tit { text-align:center;margin-bottom:10px;}
.sb_bg .tit h3 a{font-size:26px; color:#333;}
.sb_bg .tit h3 a:hover{ color:#ab4f09} 
.sb_top { height:28px; line-height:28px; padding:0 0 40px 250px;}
.sb_top ul li { float:left; background:url(Img/Index/sb_bor.gif) no-repeat right center; padding:0 20px;}
.sb_top ul .nobor { background:none;}
.sb_top ul li a { font-size:16px; color:#333;}
.sb_top ul li a:hover,.sb_top ul .cur a { color:#ab4f09;}

.hz01 { top:70px; left:-60px;}
.hz01 a { background: url(Img/Index/sb_le01.png) no-repeat; width:30px; height:57px; display:block;}
.hz01 a:hover { background:url(Img/Index/sb_le02.png) no-repeat;}

.hz03 { top:70px; right:-60px;}
.hz03 a { background:url(Img/Index/sb_ri01.png) no-repeat; width:30px; height:57px; display:block;}
.hz03 a:hover { background:url(Img/Index/sb_ri02.png) no-repeat;}

.hz02 { width:1020px;}
.hz02 ul li { float:left; padding:0 31px 0 0; display:inline}
.hz02 ul .nobor { padding:0;}
.hz02 ul li a img { width:319px; height:205px;}

/*建筑陶瓦常见问答*/
.wd { width:303px; margin-top:55px; overflow:hidden;} 
.wd_top { background: url(Img/Index/wd_bg.gif) repeat; height:100px;}
.wd_top a { display:block; padding:25px 0 0 15px; font-size:20px; color:#fff;}
.wd_top em { font-family:Arial; display:block; font-size:14px; color:#fff; padding:3px 0 0 15px}

.wd_con dl dt img { width:303px; height:171px;}
.wd_con dl dd { padding:20px 0; border-bottom:solid 5px #71543d}
.wd_con dl dd span a { display:block; font-size:14px; margin-bottom:10px; font-weight:bold;}
.wd_con dl dd span a:hover{ color:#ab4f09} 
.wd_con dl dd em { display:block; font-size:14px; line-height:25px; margin-bottom:20px;}

/**/
.dt { width:677px; padding:53px 0 0 40px; overflow:hidden;}
.dt_top { height:38px; background:url(Img/Index/dt_xx.gif) no-repeat 226px 10px;}
.dt_top span { float:right;}
.dt_top span a { font-size:14px; color:#333; text-transform:uppercase; font-family:Arial;}
.dt_top ul li { float:left; background:url(Img/Index/dt_bor.gif) no-repeat right center; padding:0 20px 0 0;}
.dt_top ul .nobor { background:none; padding-left:20px;}
.dt_top ul li a { font-size:18px; color:#333;}
.dt_top ul li a:hover,.dt_top ul .cur a { color:#ab4f09;}

.dt_con dl { padding-top:25px; height:115px;}
.dt_con dl dt { width:582px; float:left; height:105px; border-bottom:solid 1px #333;}
.dt_con dl dt em a { display:block; font-size:16px; color:#333; font-weight:bold;}
.dt_con dl dt em  a:hover{ color:#ab4f09} 
.dt_con dl dt span { display:block; font-size:14px; line-height:25px; padding-top:5px; width:515px;}
.dt_con dl dd { width:91px; height:91px; float:left; padding-top:15px;}
.dt_con dl dd a { background:#333; color:#fff; width:91px; height:91px; text-align:center; display:block}
.dt_con dl dd a:hover { background:#ab4f09;}
.dt_con dl dd a b { display:block; font-size:40px; padding-top:10px;}
.dt_con dl dd a em { font-size:16px; font-family:Arial;}

/*友情链接*/
.yq { padding-top:50px;}
.yq span { display:block; float:left; padding:0px 30px 0 0}
.yq span a { width:89px; height:43px; line-height:43px; text-align:center; font-size:14px; color:#333; border:solid 1px #333; display:block;}
.yq p { width:890px; float:left; line-height:43px;}
.yq p a { font-size:14px; color:#333; padding:0 20px;}
.yq p a:hover{ color:#ab4f09} 

 #focus
        {
            width: 515px;
            height: 419px;
            overflow: hidden;
            position: relative;
        }
        #focus ul
        {
            height: 419px;
            position: absolute;
        }
        #focus ul li
        {
            float: left;
            width: 515px;
            height: 419px;
            overflow: hidden;
            position: relative;
            background: #000;
        }
        #focus ul li div
        {
            position: absolute;
            overflow: hidden;
        }
        #focus .btnBg
        {
            position: absolute;
             width: 515px;
            height: 40px;
            left: 0;
            bottom: 0;
            background: #000;
        }
        #focus .btn
        {
            position: absolute;
           width: 515px;
            height: 24px;
            left: 0;
            bottom: 8px;
            padding-left: 10px;
        }
        #focus .btn span
        {
            display: inline-block;
            _display: inline;
            _zoom: 1;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            font-size: 20px;
            font-family: "Microsoft YaHei" ,SimHei;
            margin-right: 10px;
            cursor: pointer;
            color: #fff;
        }
        #focus .btn span.on
        {
            background: #000;
            color: #fcc;
        }