@charset "utf-8";
/* 全局CSS定义 */
body { font-family: "微软雅黑"; padding: 0; font-size:14px; color:#222; background:fff; margin: 0 auto;}
@font-face{ font-family: FZLTCXH; src: url(img/FZLTCXH.TTF); }
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight: normal;}
table,td,tr,th{font-size:12px;}


/* 链接颜色 */
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #AC8645; text-decoration: none;}
a:active { color: #222;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_13{ height: 13px; line-height: 0; font-size: 0;}
.cRed{color: #f00; }
.c06c,.c06c:link,.c06c:visited{ color: #B62D3F;}
.c06c:hover{ color: #f30;}
.clr_25{ clear: both; height: 28px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 25px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 23px; line-height: 23px; text-align:center; width: 25px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #E62129; color: #fff; background: #E62129; font-weight:normal;}




.Header{ background: #49200C;}
.HeaderTop{ width: 1280px; margin: 0 auto; background:url(img/top_tel.jpg) no-repeat right center; padding: 24px 0;}



.Header .nav{ clear:both; height: 40px; background: #391807;}
.Header .nav #nav{ width: 1280px; margin: 0 auto;}
.Header .nav #nav li{ float:left; width: 160px; text-align:center; font-size: 16px; line-height: 40px;}
.Header .nav #nav li a{ color: #fff; font-size: 16px;}
.Header .nav #nav li{ position: relative;}
.Header .nav #nav li ul{ position: absolute; top: -999em; width: 130px; left: 15px; padding: 10px 0 15px;  height:auto; text-align:center; background: #E8A415;}
.Header .nav #nav li ul li{ height: 32px; line-height: 32px;  width: auto; float:none; padding: 0; font-size: 14px; background: none; text-transform:none; }
.Header .nav #nav li ul li a,.Header #nav li ul li a:visited{ color: #4C1E07; font-size: 14px;}
.Header .nav #nav li ul li a:hover{ color: #fff;}
.Header .nav #nav li:hover ul,.Header .nav #nav li.sfHover ul { top: 40px; z-index:999; }
.Header .nav #nav li:hover h3 a,.Header .nav #nav li.sfHover h3 a { color: #AC8645;}






/*banner*/

.main_area{ height: 600px; position:relative; overflow:hidden;}
#con_product_slide{ width: 240px; height:600px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:10px;z-index:1; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 5px; width: 70px;}
#scroll_btn_list li a{display:block;position:relative;width:70px; height:8px; font-size: 0; line-height: 0; background:#ccc; overflow:hidden;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:8px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#E99F0E;}
#scroll_product_list{ height:420px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:420px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}



.Home {}

.Home .title{ padding-top: 32px; font-family: FZLTCXH; text-align:center;}
.Home .title .t{font-size: 42px; font-weight:bold; height: 55px; color: #E69B05;}
.Home .title .t strong{ color: #E69B05;}
.Home .title span{ font-size: 24px; color: #E69B05; width: 575px; margin: 0 auto; height: 50px; display:block;}
.Home .title em{ border-bottom: 1px solid #E69B05; width: 80px; float:left; margin: 13px 18px 0 0;}
.Home .title span strong{ float:left; font-weight:normal; text-align:center;}
.Home .title span .r{ float:right;}

.Home .title .line{ border-bottom: 1px solid #E69B05; padding-top: 5px;}
.Home .title .line .line2{ border-bottom: 6px solid #E69B05; width: 400px; margin: 0 auto;}





.Home .m1{ background:url(img/bg_1.jpg) no-repeat center 0;}


.Home .m1 .t{ width: 1280px; margin: 0 auto;}
.Home .m1 .t li{ width: 260px; line-height: 23px; text-align:center; float:left; height: 270px; margin: 40px 80px 0 0;}
.Home .m1 .t li img{ display:block; margin: 0 auto 15px;}
.Home .m1 .t li strong{ display:block; font-size: 26px; font-weight:normal; height: 35px;}
.Home .m1 .t .r { float:right; margin-right: 0;}



.Home .m2{ background: #F7F8F8; padding: 20px 0 50px;}

.Home .m2 .t{ width: 1280px; margin: 0 auto;}
.Home .m2 .t li{ width: 250px; float:left; margin: 60px 7px 0 0; text-align:center;}
.Home .m2 .t li img{ display:block; margin-bottom: 15px;}
.Home .m2 .t li strong{ display:block; font-size: 18px; font-weight:normal; height: 30px;}
.Home .m2 .t li span{ display:block; padding: 0 30px; line-height: 23px;}
.Home .m2 .t .r1{ margin-top: 288px;}


.Home .m2 .t .r5{ float:right; margin-right: 0;}



.Home .m3 { width: 1280px; margin: 0 auto;}
.Home .m3 .t1{ padding-top: 50px;}
.Home .m3 .t1 .L{ float:left; width: 620px;}
.Home .m3 .t1 .L p{ background:url(img/ico_3.jpg) no-repeat 0 13px; padding: 10px 0 10px 28px; margin: 0; line-height: 27px; font-size: 14px;}
.Home .m3 .t1 .L .t{ padding-bottom: 20px;}

.Home .m3 .t1 .R{ float:right; width: 620px; margin-top: 15px;}




.Home .m3 .t2 .L{ float:right;}
.Home .m3 .t2 .R2{ float:left;  margin-top: 15px;}
.Home .m3 .t3 .L{}
.Home .m3 .t3 .L li { height: 60px; line-height: 27px; padding: 10px 0;}
.Home .m3 .t3 .L li strong{ display:block; width: 100px; height: 31px; line-height: 31px; background:#4D1D07; float:left; margin: 9px 30px 0 0; color: #fff; font-weight:normal; font-size: 16px;  border-radius:6px; text-align:center;}

.Home .m3 .t3 .R3{ float:right;  margin-top: 60px;}


.Home .m4{ background:url(img/tel_1.jpg) no-repeat center 0; height: 190px; clear:both; margin-top: 40px;}
.Home .m4 a{ display:block; height: 190px;}




.Home .m5 .products{ width: 1280px; margin: 40px auto 0;}
.Home .m5 #wrapper { width:1280px;}
.Home .m5 #fullsize{ position:relative; width:1280px; height:400px;}
.Home .m5 #fullsize img{ width:100%; height:400px;}
.Home .m5 #information { position:absolute; bottom:0; display:none; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
.Home .m5 #image { width:1280px;}
.Home .m5 #image img { position:absolute; z-index:25; width:1280px; }
.Home .m5 .imgnav { position:absolute; width:40%; height:400px; cursor:pointer; z-index:150;}
.Home .m5 #imgprev {left:20px; background:url(img/arrow-left-dark.png) left center no-repeat;}
.Home .m5 #imgnext {right:20px; background:url(img/arrow-right-dark.png) right center no-repeat;}
.Home .m5 #thumbnails { width:100%; height:90px; padding-top:10px; clear:both;}
.Home .m5 #slideleft { float:left; width:16px; height:73px; background:url(img/prev_page.png) 0 center no-repeat; cursor:pointer;}
.Home .m5 #slideright {float:right; width:16px; height:73px; background:url(img/next_page.png) 0 center no-repeat; cursor:pointer;}
.Home .m5 #slidearea {float:left; position:relative; width:1228px;height:75px; margin-left: 10px; overflow:hidden;}
.Home .m5 #slider { position:absolute; left:0; height:81px;}
.Home .m5 #slider img {cursor:pointer;width:148px; height:73px; border: 1px solid #fff;}



.Home .m5 .tel{ background:url(img/ico_tel.jpg) no-repeat center bottom; padding-top: 40px; height: 130px; text-align:center; font-family: FZLTCXH; font-size: 30px;}
.Home .m5 .fw{ width: 1280px; margin: 40px auto 0; padding-bottom: 40px;}
.Home .m5 .fw li{ float:left; width: 620px;}
.Home .m5 .fw li span{ display:block; height: 100px; border: 1px solid #ccc; padding: 7px;}
.Home .m5 .fw li span strong{ display:block; background: #DFDFDF url(img/tu_1.jpg) no-repeat right 0; font-weight:normal; height: 100px; line-height: 100px; text-indent: 50px;  font-family: FZLTCXH; font-size: 30px;}
.Home .m5 .fw .r{ float:right;}
.Home .m5 .fw li p{ margin: 0; padding: 15px 0; line-height: 28px; font-size: 16px;}




.Home .m6{ background: #D5B181 url(img/bg_2.jpg) no-repeat center bottom;}
.Home .m6 .t{ padding: 55px 0; width: 1280px; margin: 0 auto;}
.Home .m6 .news{ float:left; width: 400px; background: #fff; padding-bottom: 15px;}
.Home .m6 .news h3{ background: #C38F54 url(img/tu_3.jpg) no-repeat right 0; height: 100px; color: #fff; font-size: 16px; padding: 54px 0 0 30px;}
.Home .m6 .news h3 strong{ font-size: 24px;  font-family: FZLTCXH; display:block;}
.Home .m6 .news ul{ margin-top: 25px;}
.Home .m6 .news li{ height: 30px; background:url(img/ico_1.gif) no-repeat 30px 4px; padding-left: 50px;}



.Home .m6 .add{ float:right; width: 850px; background: #fff;}
.Home .m6 .add .ad{}
.Home .m6 .add .form{ padding: 30px;}
.Home .m6 .add .form .l{ float:left; width: 404px;}
.Home .m6 .add .form .l li{ padding-bottom: 14px;}

.Home .m6 .add .form .l .input{ border: 1px solid #ccc; height: 37px; line-height: 37px; font-size: 16px; text-indent: 10px; width: 400px;}

.Home .m6 .add .form .l textarea{ border: 1px solid #ccc; width: 400px; height: 90px; font-size: 16px; text-indent: 10px; }
.Home .m6 .add .form .l .but{ background: #E16100; color: #fff; border: none; cursor: pointer; width: 110px; height: 42px; font-family:"微软雅黑"; margin: 0 15px;}



.Home .m6 .add .form .r{ float:right; width: 300px; padding: 25px 25px 15px; background: #E9E9E9;}
.Home .m6 .add .form .r h3{ font-size: 18px; height: 35px;}
.Home .m6 .add .form .r h3 strong{ color: #f30;}
.Home .m6 .add .form .r li{ line-height: 28px; padding: 5px 0; background:url(img/ico_2.png) no-repeat 0 20px; padding-left: 25px;}
.Home .m6 .add .form .r li strong{ display:block; font-size: 14px;}







.BannerAbout{ background:url(img/banner_about.jpg) no-repeat center 0; height: 200px;}
.BannerNews{ background:url(img/banner_about.jpg) no-repeat center 0; height: 200px;}

.BannerCase{ background:url(img/banner_about.jpg) no-repeat center 0; height: 200px;}




.Content{ width: 1280px; margin: 50px auto 0;}
.Content .Menu{ height: 50px;}
.Content .Menu li{ height: 50px; line-height: 50px; float:left; text-align:center; font-size: 16px;}
.Content .Menu li a{ border-bottom: 2px solid #CF8905; display:block; width: 75px; margin: 0 auto;}
.Content .Menu .w5 li{ width: 256px;}
.Content .Menu .w6 li{ width: 256px;}
.Content .Menu .w6 li a { border-bottom: 2px solid #CF8905; display:block; width: 90px; margin: 0 auto;}

.Content .Menu .tag{ background: #E59411;}
.Content .Menu .tag a{ border-bottom: none; color: #fff; font-size: 26px; width:auto; font-family: FZLTCXH;}
.Content .Menu .w6 .tag a{ width:auto; border-bottom: none;}
.Content .LiuchenMenu{ padding-bottom: 40px;}




.Content .bodytext{ padding: 60px 0 50px; line-height: 28px;}
.Content .about{}
.Content .about .l{ float:left; background:url(img/about-text.jpg) no-repeat 300px bottom; padding: 20px 0 100px;}
.Content .about .l img{ border: 1px solid #ccc; padding: 10px;}
.Content .about .r{ float:right; width: 605px;}
.Content .about .r p{ margin: 0; padding: 12px 0; line-height: 28px; color: #666;}






.Content .newslist{ padding: 50px 0;}
.Content .newslist li{ height: 65px; padding: 20px 0; line-height: 30px; border-bottom: 1px dotted #ccc;}
.Content .newslist li span{ float:left; width: 75px; height: 65px; background:#f3f3f3; text-align:center; margin-right: 35px; line-height: 19px;}
.Content .newslist li span em{ font-style:normal; display:block; border-bottom: 2px solid #fff; font-size: 28px; height: 40px; line-height: 40px; margin-bottom: 3px;}
.Content .newslist li strong{ font-size: 16px;}



.Content .newsview{ padding: 50px 0;}
.Content .newsview h1{ text-align:center; font-size: 26px; padding: 30px 0 12px;}
.Content .newsview .time{ text-align:center; color: #999;}
.Content .newsview .text{ line-height: 28px; font-size: 14px; padding: 20px 0;}
.Content .newsview .text p{ margin: 0; padding: 12px 0; text-indent: 30px;}


.Content .newsview .next{ border-top: 1px solid #D9D9D9; line-height: 30px; padding-top: 15px;}
.Content .newsview .next span a{ display:block; background: #391807; font-size: 14px; float:right; width: 70px; height: 38px; line-height: 38px; margin-top: 10px; text-align:center; color: #fff;}
.Content .newsview .next span a:hover{ background: #000; color: #fff;}
.Content .newsview .xianguan{ padding-top: 30px;}
.Content .newsview .xianguan h4{ font-size: 18px; height: 35px;}
.Content .newsview .xianguan li{ line-height: 28px; background:url(img/ico_3.gif) no-repeat 0 11px; padding-left: 18px;}




.Content .caselist{ padding: 60px 0 20px;}
.Content .caselist li{ float:left; width: 232px; height: 245px; margin-right: 35px; text-align:center; line-height: 23px;}
.Content .caselist li img{ display:block; margin-bottom: 18px;}
.Content .caselist li strong{ font-size: 18px; display:block; font-weight:normal; height: 32px;}
.Content .caselist .r{ float:right; margin-right: 0;}


.factory{}
.factory li{ float:left; width: 410px; margin-right: 25px; margin-bottom: 40px;}
.factory li img{ display:block; margin-bottom: 10px;}
.factory .r{ float:right; margin-right: 0;}






.liucheng h3{ font-size: 26px; padding-top: 50px;}
.liucheng td{ font-size: 14px; padding: 15px 0 0;}
.liucheng .input{ height: 35px; width: 600px; border: 1px solid #ccc; font-size: 14px; text-indent: 7px;}
.liucheng textarea{ height: 130px; width: 1240px; border: 1px solid #ccc; font-size: 14px;}
.liucheng .but{ background: #E16100; color: #fff; border: none; cursor: pointer; width: 110px; height: 42px; font-family:"微软雅黑"; margin: 0 15px;}


















.Home .title{ padding-top: 32px; font-family: FZLTCXH; text-align:center;}
.Home .title .t{font-size: 42px; font-weight:bold; height: 55px; color: #E69B05;}
.Home .title .t strong{ color: #E69B05;}
.Home .title span{ font-size: 24px; color: #E69B05; width: 575px; margin: 0 auto; height: 50px; display:block;}
.Home .title em{ border-bottom: 1px solid #E69B05; width: 80px; float:left; margin: 13px 18px 0 0;}
.Home .title span strong{ float:left; font-weight:normal; text-align:center;}
.Home .title span .r{ float:right;}

.Home .title .line{ border-bottom: 1px solid #E69B05; padding-top: 5px;}
.Home .title .line .line2{ border-bottom: 6px solid #E69B05; width: 400px; margin: 0 auto;}



.ContactZhaoshan{}
.ContactZhaoshan .z1{ background:url(img/bg_1.jpg) no-repeat center 0;}
.ContactZhaoshan .z1 h3{ text-align:center; font-size: 42px; height: 55px; color: #E69B05;font-family: FZLTCXH;font-weight:bold; padding: 25px 0;}
.ContactZhaoshan .z1 .bg{ width: 1280px; margin: 0 auto; padding: 40px 0;}

.ContactZhaoshan .z1 .menu{ height: 120px; width: 1110px; margin: 0 auto;}
.ContactZhaoshan .z1 .menu li{ width: 165px; height: 100px; float:left; margin: 0 10px; text-align:center;}
.ContactZhaoshan .z1 .menu li a{ display:block; padding-top: 68px; height: 32px;}
.ContactZhaoshan .z1 .menu .m1 a{ background: #ccc url(img/zs_1.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m2 a{ background: #ccc url(img/zs_2.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m3 a{ background: #ccc url(img/zs_3.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m4 a{ background: #ccc url(img/zs_4.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m5 a{ background: #ccc url(img/zs_5.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m6 a{ background: #ccc url(img/zs_6.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m1 a:hover{ background: #fff url(img/zs_1.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m2 a:hover{ background: #fff url(img/zs_2.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m3 a:hover{ background: #fff url(img/zs_3.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m4 a:hover{ background: #fff url(img/zs_4.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m5 a:hover{ background: #fff url(img/zs_5.png) no-repeat center 7px;}
.ContactZhaoshan .z1 .menu .m6 a:hover{ background: #fff url(img/zs_6.png) no-repeat center 7px;}


.ContactZhaoshan .z1 .z1_bg{ background:url(img/zs_bg1.png) no-repeat center center; height: 400px; width: 1280px; margin: 0 auto;}
.ContactZhaoshan .z1 .z1_bg .L{ padding-top: 32px; width: 450px; float:left; text-align:right;}
.ContactZhaoshan .z1 .z1_bg li{ height: 50px; line-height: 50px;}
.ContactZhaoshan .z1 .z1_bg .R{ float:right; width: 520px; text-align:left; padding-top: 180px;}

.ContactZhaoshan .z1 h4{ font-size: 28px; text-align:center; font-weight:bold;font-family: FZLTCXH; color: #E69B05; padding: 50px 0 0;}




.ContactZhaoshan .z2{ background:url(img/bg_3.jpg) no-repeat center 0;}
.ContactZhaoshan .z2 .title{ height: 50px; text-align:center;font-family: FZLTCXH; font-size: 36px; font-weight:bold; color: #D6B96D; text-indent: 90px; padding-top: 83px; }
.ContactZhaoshan .z2 .bg{ width: 1280px; margin: 0 auto;}

.ContactZhaoshan .z2 h2{ width: 515px; height: 42px; line-height: 42px;  margin-bottom: 10px; font-size: 18px; text-align:center;}

.ContactZhaoshan .z2 .left_txt h2{ color: #fff; background: url(img/title_border.png) no-repeat center center;}
.ContactZhaoshan .z2 .right_txt h2{ color: #fff717; background: url(img/title_border1.png) no-repeat center center;}



.Productslist{ padding: 50px 0 30px;}
.Productslist li{ float:left; width: 230px; height: 230px; margin-right: 26px;}
.Productslist li img{ width: 230px; height: 170px;}
.Productslist .r{ float:right;}









.floatL{float:left}
.floatR{float:right}
.left_txt,.right_txt{width:515px;height:850px;padding:0;margin:10px 0 0;position:relative}
#wrap{width:515px;height:790px;margin:0 auto;overflow:hidden;position:relative}
#wrap .item6{width:190px;height:190px;float:left;overflow:hidden;position:relative;float:left;cursor:pointer}
#wrap .item6 div{width:190px;height:190px;position:absolute;width:0;height:0;background:url(img/cover.png) no-repeat center center;overflow:hidden}
#wrap .item6 .caption dd{font-size:12px;font-weight:400;width:135px;height:135px;margin:0 auto;padding:50px 30px 15px;color:#000;font-size:14px;text-align:center;line-height:28px}
#wrap .item6 dl{position:absolute;top:0;left:0;width:190px;height:190px;display:none}
#wrap .part01{position:absolute;top:15px;left:168px}
#wrap .part02{position:absolute;top:170px;left:15px}
#wrap .part03{position:absolute;top:170px;left:315px}
#wrap .part04{position:absolute;top:305px;left:168px}
#wrap .part05{position:absolute;top:440px;left:15px}
#wrap .part06{position:absolute;top:440px;left:315px}
#wrap .part07{position:absolute;top:575px;left:168px}
.item4 .caption{width:313px;height:313px;color:#fff;font-weight:700;position:absolute;left:0;top:0;display:none;background:url(img/cover.png) no-repeat top center}




.ContactZhaoshan .z3{ background: #F0F0F0 url(img/bg_4.jpg) no-repeat center 0; padding-bottom: 50px;}
.ContactZhaoshan .z3 .title{ height: 50px; text-align:center;font-family: FZLTCXH; font-size: 36px; font-weight:bold; text-indent: 90px; padding-top: 88px; }

.ContactZhaoshan .z3 .list{ width: 1280px; margin: 0 auto;}
.ContactZhaoshan .z3 .list li{ float:left; width: 275px; margin: 35px 60px 0 0; background: #fff;}
.ContactZhaoshan .z3 .list li p{ padding: 10px 15px 20px; margin: 0; text-align:center; height:120px ; line-height: 23px; font-size: 12px;}
.ContactZhaoshan .z3 .list li p strong{ font-size: 16px; display:block; text-align:center;}
.ContactZhaoshan .z3 .list .r{ float:right; margin-right: 0;}


.ContactZhaoshan .z4{ background: url(img/bg_5.jpg) no-repeat center 0; padding-bottom: 50px; color: #fff;}
.ContactZhaoshan .z4 .title{ height: 50px; text-align:center; color: #D6B96D; font-family: FZLTCXH; font-size: 36px; font-weight:bold; text-indent: 50px; padding-top: 94px; }

.ContactZhaoshan .z4 .bg{ width: 1280px; margin: 0 auto; padding: 50px 0;}
.ContactZhaoshan .z4 .L{ float:left; width: 500px;}
.ContactZhaoshan .z4 .L h4{ font-size: 18px; font-weight:bold;}
.ContactZhaoshan .z4 .L p{ line-height: 28px; margin: 0; padding: 20px 0;}

.ContactZhaoshan .z4 .R{ float:right; width: 750px; background: #fff;}
.ContactZhaoshan .z4 .R .l1{ float:left; width: 84px; background:#DAB96B; height: 200px;}
.ContactZhaoshan .z4 .R .l1 h4{ width: 20px; padding: 18px 0 0 33px; font-size: 16px; height: 140px;}
.ContactZhaoshan .z4 .R .l1 {}

.ContactZhaoshan .z4 .R .r1{ float:right; width: 665px;}

.ContactZhaoshan .z4 .R .left{ width: 24px; height: 20px; float:left; padding: 5px 4px 0; margin-left: 7px;}
.ContactZhaoshan .z4 .R .left a{display:block; width: 24px; height: 20px; background:url(img/ico_5.png) no-repeat -47px -24px;}
.ContactZhaoshan .z4 .R .left a:hover{ background:url(img/ico_5.png) no-repeat -47px 0; }
.ContactZhaoshan .z4 .R .right{ width: 16px; height: 24px; float:left; padding: 5px 5px 0;}
.ContactZhaoshan .z4 .R .right a{ display:block; width: 24px; height: 20px; background:url(img/ico_5.png) no-repeat 0 -24px; }
.ContactZhaoshan .z4 .R .right a:hover{ background:url(img/ico_5.png) no-repeat 0 0;  }


.ContactZhaoshan .z4 .R .mit{ width: 665px; height: 190px; overflow:hidden; position:relative;}
.ContactZhaoshan .z4 .R .mit ul{ position:absolute;}
.ContactZhaoshan .z4 .R .mit li{ float:left; width: 180px; height: 190px; text-align:center; margin: 30px 20px 0 20px; color: #222;}
.ContactZhaoshan .z4 .R .mit li img{ width: 170px; height: 110px; float:left; padding: 4px; border: 1px solid #ccc; display:block; margin-bottom: 10px;}





.ContactZhaoshan .z4 .l2{ float:left; width: 620px; padding-top: 50px;}
.ContactZhaoshan .z4 .l2 {}



.ContactZhaoshan .z4 .l2 #flash{ width:600px; height:300px; float:left; overflow:hidden;}
.ContactZhaoshan .z4 .l2 #flash img{width: 600px; height: 300px;}
.ContactZhaoshan .z4 .l2 #flash .num{right: 10px; float: right; position: absolute; bottom: 10px;}
.ContactZhaoshan .z4 .l2 #flash .num li{font-size: 12px; background: #fff; float: left; margin: 2px; width: 24px; height: 19px; line-height: 14px; cursor: pointer; color: #333; line-height: 15px; font-family: arial; list-style-type: none; text-align: center; padding-top: 5px;}
.ContactZhaoshan .z4 .l2 #flash .num li.on{background: #DAB96B; width: 24px; color: #fff; height: 19px; line-height: 15px;}








.ContactZhaoshan .z4 .r2{ float:right; width: 640px;  padding-top: 50px;}

.ContactZhaoshan .z4 .r2 h4{ font-size: 18px; font-weight:bold;}
.ContactZhaoshan .z4 .r2 p{ line-height: 28px; margin: 0; padding: 20px 0;}


.ContactZhaoshan .z5{ background: #f0f0f0 url(img/bg_6.jpg) no-repeat center bottom; height: 90px; line-height: 90px; color:#FBB579; font-size: 18px; font-weight:bold; padding-top: 30px;}
.ContactZhaoshan .z5 span{ width: 1280px; margin: 0 auto; display:block; text-align:center; }
.ContactZhaoshan .z5 span a{ background: #f00; height: 32px; line-height: 32px; font-weight:normal; width: 150px; text-align:center; color: #fff; margin-left: 40px; padding: 5px 30px;}




.ContactZhaoshan .z6{ width: 1280px; margin: 0 auto; padding: 50px 0;}
.ContactZhaoshan .z6 h2{ font-size: 32px; text-align:center; height: 50px; border-bottom: 1px solid #ddd;}
.ContactZhaoshan .z6 .lc{ padding-top: 30px;}
.ContactZhaoshan .z6 .lc img{ float:left; margin-right: 100px;}
.ContactZhaoshan .z6 .lc p{ margin: 0; padding: 0; line-height: 32px; font-size: 16px;}



.ContactZhaoshan .z6 .lc2{ padding-top: 50px;}
.ContactZhaoshan .z6 .lc2 img{ float:left;}

.ContactZhaoshan .z6 .lc2 ul{ float:right; width: 1020px; }
.ContactZhaoshan .z6 .lc2 ul li{ float:left; width: 174px; height: 35px; line-height: 35px; border: 1px solid #9A8550; margin: 0 30px 18px 0; padding: 2px; font-size: 16px; color: #fff;}

.ContactZhaoshan .z6 .lc2 ul li strong{ font-weight:normal; background: #9A8550 url(img/ico_6.gif) no-repeat 130px center; display:block; text-indent: 25px;}
.ContactZhaoshan .z6 .lc2 ul li .l1{background: #9A8550 url(img/ico_7.gif) no-repeat 20px center; text-align:right; padding-right: 25px;}
.ContactZhaoshan .z6 .lc2 ul li .l2{background: #9A8550 url(img/ico_8.gif) no-repeat 20px center; text-align:right; padding-right: 25px;}



.ContactZhaoshan .z6 .lc2 ul .r{ float:right; margin-right: 0;}

.ContactZhaoshan .z6 .lc3{ padding-top: 50px;}
.ContactZhaoshan .z6 .lc3 .l{ float:left; margin-right: 100px;}
.ContactZhaoshan .z6 .lc3 ul{}
.ContactZhaoshan .z6 .lc3 ul li{ float:left; width: 236px; height: 160px; margin-right: 25px; text-align:center;}
.ContactZhaoshan .z6 .lc3 ul li img{ width: 230px; height: 150px; border: 1px solid #ddd; padding: 2px; display:block; margin-bottom: 8px;}
.ContactZhaoshan .z6 .lc3 ul .r{ float:right; margin-right: 0;}


.ContactZhaoshan .z7{ width: 1280px; margin: 0 auto; padding: 0 0 50px;}





.CaseView h1{ font-size: 18px; height: 40px;}

.CaseText{ line-height: 28px; padding: 50px 0 30px;}
.CaseText p{ margin: 0; padding: 0;}

.CaseView #wrapper { width:1280px;}
.CaseView #fullsize{ position:relative; width:1280px; height:680px;}
.CaseView #fullsize img{ width:100%; height:680px;}
.CaseView #information { position:absolute; bottom:0; display:none; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
.CaseView #image { width:1280px;}
.CaseView #image img { position:absolute; z-index:25; width:1280px; }
.CaseView .imgnav { position:absolute; width:40%; height:640px; cursor:pointer; z-index:150;}
.CaseView #imgprev {left:20px; background:url(img/arrow-left-dark.png) left center no-repeat;}
.CaseView #imgnext {right:20px; background:url(img/arrow-right-dark.png) right center no-repeat;}
.CaseView #thumbnails { width:100%; height:90px; padding-top:10px; clear:both;}
.CaseView #slideleft { float:left; width:16px; height:73px; background:url(img/prev_page.png) 0 center no-repeat; cursor:pointer;}
.CaseView #slideleft:hover { }
.CaseView #slideright {float:right; width:16px; height:73px; background:url(img/next_page.png) 0 center no-repeat; cursor:pointer;}
.CaseView #slideright:hover {}

.CaseView #slidearea {float:left; position:relative; width:1237px;height:75px; margin-left: 6px; overflow:hidden;}

.CaseView #slider { position:absolute; left:0; height:81px;}
.CaseView #slider img {cursor:pointer;width:148px; height:73px; border: 1px solid #fff;}



.CaseNext{ padding: 70px 0 0; height: 250px; text-align:center;}
.CaseNext .L{ width: 534px; float:left; height: 220px; overflow:hidden;}
.CaseNext .L a{ display:block; background:url(img/ico_next.png) no-repeat 0 70px; background-size: 18px; padding-left: 60px; width: 232px;}
.CaseNext img{ margin-bottom: 10px; width: 230px; height: 170px; display:block;}
.CaseNext .R{ float:right;}
.CaseNext .R a{ display:block; background:url(img/ico_next.png) no-repeat right -70px; background-size: 18px;  padding-right: 60px; width: 232px;}
.CaseNext .back{ width: 230px; float:left; height: 54px; border: 1px solid #ccc; line-height: 54px; text-align:center; margin: 60px 0 0 0; font-size: 24px;}
.CaseNext .back a{ display:block;}
.CaseNext .back a:hover{ background: #ccc;}


.AnliList{ padding: 50px 0;}
.AnliList li{ float:left; width: 402px; margin-right: 37px; height: 430px;}
.AnliList li img{ width: 390px; height: 300px; display:block; margin-bottom: 10px; border: 1px solid #ddd; padding: 5px;}
.AnliList .r{ float:right; margin-right: 0;}
.AnliList li a{ display:block; color: #E69B05; margin-top: 10px;}
.AnliList li a:hover{ color: #AC8645;}

.AnliView{ width: 1280px;}
.AnliView{ line-height: 28px; padding: 50px 0 30px;}
.AnliView p{ margin: 0; padding: 10px 0;}

.AnliView .pic{ width: 1280px; overflow:hidden;}
.AnliView .pic img{ min-width:100%;}


.AnliView h1{ font-size: 26px; height: 40px;}

.AnliView .pic{ padding: 10px 0;}





.contact{ padding: 10px 0;}
.contact p{ line-height: 28px;}





.FootBg{ background: #391807; color: #fff}
.Foot{ width: 1280px; margin: 0 auto; padding: 40px 0 20px; color: #ccc;}
.Foot ul{ float:left; width: 280px;}
.Foot ul li{ line-height: 27px;}
.FootBg a,.FootBg a:visited{ color: #999;}
.FootBg a:hover{ color: #fff;}
.Foot ul .t{ font-size: 16px; height: 40px;}
.Foot ul .t a,.Foot ul .t a:visited{ color: #fff;}
.Foot ul .t a:hover{}
.Foot ul .t1{ padding-top: 30px;}

.FootLinks{ width: 1280px; margin: 0 auto; padding-bottom: 20px; color: #ccc;}
.FootLinks a{ margin: 0 8px;  color: #ccc;}


.Foot .wx { width: 130px; float:right; padding-top: 5px;}
.Foot .contact{ width: 310px;}
.FootBg .bottom{ text-align:center; background: #261004;  height: 40px; padding-top: 25px; color: #ccc;}
.FootBg .bottom .add{ width: 1280px; margin: 0 auto; text-align:right; font-size: 12px;}
.FootBg .bottom a{ margin: 0 12px;}
.FootBg .bottom span{ float:left;}

.FootBg .bottom .no{ margin-left: 0;}
















.cd-top {
  display: inline-block;
  height: 70px;
  width: 70px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(img/ico_20.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:5px; 
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {

  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 70px;
    width: 70px;
    right: 20px;
    bottom: 20px;
  }
}