@charset "utf-8";
/* CSS Document */
body{font-size:16px;color:#333;font-family:"微软雅黑";margin:0px;padding:0px;background:url(../img/bg.jpg) no-repeat 50% 0 #fff;}
a {font-size:16px; color:#333; text-decoration:none;}
a:hover {text-decoration: none; color:#F00;}
img{border:0px;margin:0px;padding:0px;}
ul,li{ list-style-type:none;}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,ol,form,img{padding:0px;margin:0px;}
.fl{float:left;}
.fr{float:right;}
.t1{background:url(img/toptt.jpg) no-repeat left top;height:50px;}
.mart20{margin-top:20px;}
.boxsizing{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.clear{clear:both;height:0px;}
#header{background:url(img/topbg.jpg) no-repeat 50% top;}
.logo{background:url(img/logo.png) no-repeat 50% 10px;height:148px;line-height:148px;}
.wrap{width:1200px;margin:0px auto 0px;}
.banner{height:760px;padding-top:0px;}
.shadow{-moz-box-shadow:0 0 5px rgba(204,204,204,0.5);-webkit-box-shadow:0 0 5px rgba(204,204,204,0.5);box-shadow:0 0 5px rgba(204,204,204,0.5)}
.mt10{margin-top:10px;}
.banner a.a1{margin-left:285px;width:250px;height:43px;display:block;}
.menu{height:40px;width:1200px;margin:105px auto 0px;}
.jjbg{padding:0px;margin-top:20px;background-color: #f3f3f3;}
.bg{ background:url(../img/bg02.jpg) no-repeat left bottom #fff;background-size:13%;}
.bg1{background:url(../img/bg03.jpg) no-repeat 50% bottom;padding:1px 0px;}
.bg2{background:url(../img/bg-shan.png) repeat-y 50% top;padding:30px 0px 0px;}
.bg3{background:url(../img/bg-shan.png) no-repeat 50% bottom;padding:1px 0px;}
.w1200{width:1200px;margin:0px auto 0px;}

.search{width:790px;margin-left:140px;}


h2{font-weight:100;text-align:center;font-size:12px;}
.but{border:0px;background:url(../img/sear.png) no-repeat left top;color:#000;width:700px;height:48px;line-height:33px;padding:0px 0 0 5px;margin:0px;border-width:none; outline:medium;padding-left:25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


#search{background:url(../img/sbg.jpg) repeat-x left top;height:264px;margin-top:20px;}
#search .left {float:left; width:300px; height:80px; margin:120px 0 0 480px}
#search .button {float:left; width:85px; height:80px; margin:120px 0 0 0}
#search .button input {margin:5px 0 0 0px}
#search .right {float:left; width:280px; height:80px; margin:54px 0 0 0}
#searchtbale td {height:40px; line-height:40px}
#searchtbale input {width:150px; height:24px; line-height:24px; border:1px solid #CEB799; background:#FFFFFF; padding-left:3px}




.part01{margin:30px 0 0;}
.part01 .title{}
.part01 .conter{line-height:30px;}
.more{margin:20px auto;background:url(../img/more.png) no-repeat left top;width:145px;height:70px;}
.more a{display:block;width:100%;height:70px;}

.news-pic li{margin-right:20px;margin-bottom:20px;float:left;width:385px;height:280px;overflow:hidden;}
.news-pic li:nth-child(3n){margin-right:0px;}
.news-pic li a{display:block;width:385px; position:relative;}
.news-pic li a img{width:100%;height:280px;transition: 500ms;}
.news-pic li:hover a img{transform: scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);}
.news-pic li a p{ position:absolute;bottom:0px;height:40px;color:#fff;background:url(../img/shadow_02.png); text-align:center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:100%;}

.footer{font-size:14px;background:#dfdfdf;padding:30px 0px; text-align:center;margin-top:30px;}
/*首页主内容*/
#indexdiv{margin-top:0px;padding:20px;}
#indexdiv .left {height:auto;box-shadow:0px 0px 0px #dcdcdc;}
.r1,.r2{box-shadow:0px 0px 0px #dcdcdc;padding-top:0px;}
#indexdiv .right {float:right; width:765px; height:auto}

.content {padding:20px 0;background:url(../img/bg-01.png) no-repeat right bottom;background-size:13%;margin-top:0px;line-height:30px;color:#333;border-radius:0px;}
.content img{max-width:100%;}
.box_zuopin{margin-top:20px;}
.box-con{padding:0px;background:url(../img/bg-01.png) no-repeat right bottom;background-size:50%;margin-top:0px;line-height:30px;color:#333;background:#FFFFFF;}

.box-con h3{font-size:18px;line-height:60px;border-bottom:1px dashed #666; text-align:center;}
.box-con h3 .font{color:#F00;}
.box-con .con{margin-top:15px;}


#indexdiv .left .news {border:1px solid #f9f9f9;padding-right:10px;margin-top:10px;}
#indexdiv .left .news li {width:100%; height:30px; line-height:30px; background:url(../img/newsdot.gif) no-repeat 4px 12px; padding-left:15px; overflow:hidden}
#indexdiv .left .news li a{font-size:16px;color:#333;display:inline-block;width:80%;}
#indexdiv .left .news li a:hover{color:#650001; text-decoration:underline;}
#indexdiv .left .news li span{display:inline-block;width:20%;text-align:right;color:#999;font-size:14px;}




.listcontent{background:#eee;}
.listcontent .topkuang{background:#eee;height:18px;}
.listcontent .botkuang{background:#eee;height:18px;}
.listcontent ul{background:#eee;padding:10px 20px 0px;}
.listcontent ul li {float:left; width:200px;background:url(../img/libg.jpg);margin-right:20px;margin-bottom:20px;box-shadow:0px 0px 10px #ccc; transition:500ms;line-height:24px;padding:8px;font-size:14px;}
.listcontent ul li:nth-child(5n){margin-right:0}
.listcontent ul li:hover {box-shadow:0px 0px 10px #666;}
.listcontent ul li .images {width:100%; height:257px}
.listcontent ul li .images img {width:100%; height:257px;}
.listcontent ul li .text {padding-left:5px;margin-top:5px;height:60px;overflow:hidden;}
.listcontent ul li .piaoshu{padding-left:30px;margin-top:5px;}
.listcontent ul li .rankWeb {float:left; width:80px; height:22px; background:url(../img/ranks.png) no-repeat 0px 3px; padding-left:15px}
.listcontent ul li .rankTel {float:left; width:60px; height:25px; background:url(../img/ranks.png) no-repeat 2px -31px; padding-left:20px}
.listcontent ul li .rankBun {float:left; width:100px; height:38px; text-align:center;}
/*.listcontent ul li .rankBun a{padding:2px 5px;border:1px solid #CCC; border-radius:3px;background:#eee;}
.listcontent ul li .rankBun a:hover{background:#f0e9d9;}*/
.btn:hover{
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:hover{
color: #333333;
background-color: #e6e6e6;
}
.btn {
display: inline-block;
padding: 2px 4px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}


#mainbody{background:url(img/mainbg.png) repeat-y 50% top;padding-top:0px;}
.products_list{margin:0px auto 0px;background:#fff;padding:0px;width:950px;}
.jianjie{margin-top:20px;}
.tt{background:url(../img/meihua.jpg) no-repeat left top #f0ede5;height:84px;padding-top:0px;padding-left:20px;font-size:23px;color:#910801; text-align:right;padding-right:20px;font-weight:bold;}
.tt a{font-size:23px;color:#910801;}
.tt a:hover{color:#000;}

.tt1{border-left:0px solid #000;padding-left:0px;line-height:30px;margin-top:0px;border-bottom:1px solid #dfdfdf;padding-bottom:10px;}
.tt1 h3{width:40%;font-size:20px;font-weight:bold;}
.tt1 span{width:60%; text-align:right;padding-right:10px;padding-top:0px;line-height:30px;}
.tt1 span a{color:#666;font-size:10px;}

.tt2{background:#eee;height:60px;overflow:hidden;}
.tt2 h3{width:40%;font-size:32px;font-weight:bold;padding-left:10px;line-height:60px;}
.tt2 span{width:30%; text-align:right;padding-right:10px;padding-top:0px;line-height:60px;}
.tt2 span a{color:#000;font-size:14px;}
.tt2 span a:hover{color:#F00;}

.tt3{background:url(img/bg3.jpg) no-repeat left bottom;padding-top:0px;padding-left:0px;height:40px;}
.tt3 h3{width:30%;padding-top:0px;font-size:22px;}
.tt3 span{width:70%; text-align:right;padding-right:5px;padding-top:0px;line-height:40px;overflow:hidden;}
.tt3 span a{color:#666;font-size:10px;}

.conter p{text-indent:0px;}
.conter .left{width:840px;float:left;background:url(img/jjbg.gif);line-height:30px;}
.conter .right{width:345px;float:right;padding-right:0px;line-height:30px;padding-top:0px;}
.conter .right img{width:345px;height:240px;}
a.tips{ text-align:center;line-height:60px;color:#fff;background:#d21035;display:block;width:100%; text-decoration:none;}
a.tips:hover{color:#FF0;background:#86021b;}
.clear{clear:both;}
.wrap_ftnavbg						{ background:url(../img/footbg.png) no-repeat 50% top #fff; padding:120px 0px 0 0; overflow:hidden; font-size:16px;text-align:center;color:#fff;height:176px; }
.wrap_foot							{ width:1000px; margin:0px auto;}
.wrap_foot .copyright				{ float:left; line-height:18px; color:#fff;}
.wrap_foot .links					{ float:right; line-height:18px; color:#FF0;}
.wrap_foot .links a					{ color:#ff0 !important; margin-right:5px; margin-left:5px;}
.fl{float:left;}

.ppic{margin-right:10px;margin-bottom:10px;}
.bot{background:url(img/bottombg.jpg) no-repeat left top;height:21px;}
.bot1{background:url(img/bot1.jpg) no-repeat left top;height:12px;}


.destroy{ width:100%; height:100%; position:fixed;top:0px; z-index:99996;filter:alpha(opacity=0); background:url(../img/xbg.png);}
.sheet{ position:relative; width:616px; height:auto; margin:auto;padding:0;background:#fff9e2 url(../img/tips_bg.gif);
	box-shadow:inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);
	-moz-box-shadow:inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);
	-webkit-box-shadow:inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);
	border-bottom:2px solid #efebda;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px; padding-top:0.5em;
}
.sheet a.close{display:block;position:absolute;width:20px;height:20px;right:5px;top:5px;background:url(../img/sheet_close.gif) no-repeat;}
.sheet a:hover.close{background-position:0 -30px;}
.sheet a:active.close{background-position:0 -60px;}
.sheet .head{padding:20px 15px;border-bottom:1px solid #f6f4ee;}
.sheet .head h2{padding:0;font-size:18px;font-weight:400;color:#444;text-align:center;}
.sheet .body{padding:10px 15px;border-top:1px solid #fff;}
.sc-btn{border:1px solid #C6C6C6;height:40px;line-height:40px;font-size:15px;text-align:center;background:-webkit-linear-gradient(top,#F1F1F1,#D9D9D9);background:-moz-linear-gradient(top,#F1F1F1,#D9D9D9);color:#000;font-size:16px; cursor:pointer;margin-top:10px;font-family:"微软雅黑";width:100%;}
.container{-webkit-column-width:50%;-moz-column-width:50%;-o-colum-width:50%;-webkit-column-gap:1px;-moz-column-gap:1px;-o-column-gap:1px;}
.container div:not(.container){
                -webkit-border-radius:0px;
                -moz-border-radius:0px;
                border-radius:0px;
                background:#eee;
                border::#CCC 0px solid;
                display:inline-block;
                width:49%;
                position:relative;
                margin:0px;}
.container  img{width:100%;}
.container  p{width:100%;text-align:center;}


.listnews {width:100%; height:auto;margin-top:20px;}
.listnews ul {float:left; width:100%; height:auto; margin-left:0px}
.listnews ul li {float:left; width:100%; height:40px; line-height:40px; background:url(../img/newsdotb.gif) no-repeat 0px 50%; padding-left:10px; color:#999999;box-sizing:border-box;border-bottom:1px dashed #CCC}
.listnews ul li a {font-size:14px; margin-right:10px; width:570px; height:40px; overflow:hidden; float:left}
.listnews ul li span{ text-align:right;}

/*分页样式*/
#PageMother {width:695px; height:30px; margin:20px auto}
#PageMother a {font-size:13px; color:#333333; line-height:30px; font-weight:bold; text-decoration:none}
#PageMother a:hover {color:#59361A}
#PageMother .DotDiv {float:left; width:10px; height:30px; line-height:30px} 
#PageMother .BigDiv {float:left; width:60px; height:30px; text-align:center; background:url(../img/page.png) no-repeat 0px -150px; margin:0 7px 0 7px}
#PageMother .BigDiv:hover {background:url(../img/page.png) no-repeat 0px -100px}
#PageMother .BigDiv a {width:60px; height:30px; display:block}
#PageMother .SmallDiv {float:left; width:30px; height:30px; text-align:center; background:url(../img/page.png) no-repeat 0px -50px; margin:0 7px 0 7px}
#PageMother .SmallDiv:hover {background:url(../img/page.png) no-repeat 0px 0px}
#PageMother .SmallDiv a {width:30px; height:30px; display:block}
#PageMother a.HoverDiv {background:url(../img/page.png) no-repeat 0px 0px; color:#59361A}
#PageMother input {float:left; width:38px; height:28px; line-height:28px; text-align:center; border:1px solid #CCCCCC; background:#FFFFFF;}

/*作品展示页*/
#photoshow {width:100%; height:auto; padding:10px;}
#photoshow .photo {float:left; width:400px; height:460px; border:1px solid #eee; margin-right:15px}
#photoshow .text{float:right;}
#photoshow .text table{border-left:1px solid #eee;border-top:1px solid #eee;}
#photoshow .text td {height:35px; line-height:35px; font-size:14px;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:5px}
#photoshow .icon01 {background:url(../img/ranks.png) no-repeat 70px 10px}
#photoshow .icon02 {background:url(../img/ranks.png) no-repeat 70px -23px}
#photoshow .input {width:50px; height:24px; line-height:24px; border:1px solid #DDDDDD; padding-left:3px}
#photoshow #phone {float:left; width:260px; height:auto; color:#FF3366; line-height:20px; margin-top:10px; display:none}
#photoshow #phone img {margin-right:5px}

#ListTable {margin-bottom:20px; margin-top:20px}
#ListTable td {height:32px; line-height:32px}
#ListTable a {display:block; color:#333333; width:100%; height:100%; text-decoration:none}
#ListTable a:hover {background:#FFF7D7; color:#FF0000; font-weight:bold}
#ListTable .Hover {background:#CC0000; color:#FFFFFF; font-weight:bold}

.Bottom {width:500px; height:30px; line-height:30px; margin:0px auto; text-align:right}
.Bottom a {color:#FF0000}