@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body {
	font-family:"微软雅黑";
	font-size:14px;
	line-height:26px;
	color:#333;
	background:url(../img/bg.jpg) no-repeat 50% top #FFF;
}
i,em{font-style:normal;}
img{ transition:500ms;}
img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.boxsizing{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.bg{background:#f1f1f1;}
.bg1{background:#fff;}
.shadow{-moz-box-shadow:5px 10px 10px rgba(0,0,0,.1);-webkit-box-shadow:5px 10px 10px rgba(0,0,0,.1);box-shadow:5px 10px 10px rgba(0,0,0,.1);}
.box-siz{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.txtell{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.w1200{width:1200px;margin:0px auto; position:relative;}
.line{border-bottom:1px dashed #ccc;}
.f16{font-size:16px;line-height:36px;}

.header{height:743px;}
.wrap {position: relative;width:1200px;margin:0px auto;height:60px;}

.menu{height:54px;width:1360px;margin:25px auto 0px;}

.top_nav{ height:46px;width:100%;background:url(../img/line.jpg) top center repeat-x;line-height:46px;overflow:hidden; text-align:center}
.top_nav a{ text-decoration:none; padding:0px 40px;font-weight:bold;font-size:16px;display:inline-block;}

.top_nav1{background:#fff;border-bottom:1px solid #dfdfdf;line-height:46px;overflow:hidden; text-align:center}
.top_nav1 a{text-decoration:none; padding:0px 30px;font-weight:bold;font-size:16px;display:inline-block;}

.search{width:790px; position:absolute;top:10px;height:60px;left:0px;}
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;}


.part01{margin-top:20px;}
.box1{width:370px;}
.box2{width:380px;}
.box3{width:410px;}
.tips{height:40px;line-height:40px;}
.tips h3{font-size:16px;font-weight:bold;color:#333;float:left;}
.tips span{float:right;font-size:12px;}
.tips span a{color:#ccc;}

#indexdiv{margin-top:0px;padding:20px;}
#indexdiv .left {float:left; width:360px; height:auto;box-shadow:0px 0px 0px #dcdcdc;height:476px;}
.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-con{padding:0px;background:url(../img/bg-01.png) no-repeat right bottom;background-size:50%;margin-top:0px;line-height:30px;color:#333;box-shadow:5px 5px 10px #dcdcdc;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;}
#indexdiv .left .news li a:hover{color:#650001; text-decoration:underline;}


.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;}

.conter{padding:10px;background:#f5f5f5;line-height:24px;}


.tt2{background:url(../img/ttbg.jpg);height:50px;overflow:hidden;}
.tt2 h3{width:40%;font-size:32px;font-weight:bold;background:url(../img/dot.jpg) no-repeat 10px 10px;padding-left:50px;padding-top:9px;height:50px;}
.tt2 span{width:30%; text-align:right;padding-right:10px;padding-top:0px;line-height:50px;}
.tt2 span a{color:#000;font-size:16px;}
.tt2 span a:hover{color:#F00;}


.part02{background:url(../img/pic30.png);padding:0px 0px;margin-top:0px;}

.sec_tit{ text-align: center; text-transform: uppercase; font-size: 24px; margin: 30px 0;}
.sec_tit a{ display: inline-block; padding: 0 72px; position: relative;transition:500ms;}
.sec_tit a:before,.sec_tit a:after{ content: ""; position: absolute; top:50%; margin-top: -17px; left:0; width: 88px; height: 35px; background: url("../img/deco_01.png") no-repeat;}
.sec_tit a:after{ left: auto; right: 0; background-image: url("../img/deco_01b.png");}
.sec_tit a em{ display: block; font-size: 12px; color: #999;}
.tit_white a{ color: #fff;}
.sec_tit a:hover{ padding: 0 82px;}

.news-pic {margin-top:30px;}
.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;line-height:40px;color:#fff;background:url(../img/shadow_02.png); text-align:center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:100%;}



.tab-nub .pp5x-ul {
	overflow:hidden;
	zoom:1;
	width:100%;
}
.tab-nub .current {
	display:block;
}
.pp5x-ul{margin-top:0px;position:relative;padding-bottom:0px;}
.pp5x-ul li{ width:285px; float:left; margin-right:20px;margin-bottom:20px;transition:box-shadow .2s linear;}
.pp5x-ul li:hover{box-shadow:0 10px 10px rgba(0,0,0,.1);transform:translate3d(0,-2px,0);transition:all .2s ease-in 0s}
.pp5x-ul li:nth-child(4n){margin-right:0;}
.pp5x-ul li .itempp{display:block;width:100%;height:285px; position:relative;overflow:hidden;border:8px solid #fff; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pp5x-ul img{ width:100%; min-height:100%;}
.pp5x-ul img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.pp5x-ul li span{ display:block; width:270px; height:28px; position:absolute; left:10px; bottom:22px; text-align:center}

.pp5x-ul li .tit{transition: all .4s ease-in-out; height:28px; margin:0 auto; display:inline-block;line-height:28px; padding:0 15px; *max-width:100%; *max-width:68%; *position:relative; *z-index:9; overflow:hidden; border-radius:15px; text-align:center; color:#fff; overflow:hidden; background:rgba(0,0,0,.5);font-size:16px;}
.pp5x-ul li .bg{*position:absolute; *left:16%; *width:68%;*bottom:0; *border-radius:15px; *display:inline-block; *height:28px; *background-color:#000;*opacity:0.5;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)}
.pp5x-ul li:hover .tit{color:#d02827;}
.pp5x-ul li .hot-tit{font-size:16px; text-align:center;padding-top:10px;background:#fff; width:100%;overflow:hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pp5x-ul li .hot-tit a{display: inline-block;text-decoration: none;margin-right:5px;}
.pp5x-ul li .hot-tit span{display: inline-block;padding: 0 0px;height: 20px;line-height: 20px;color: #fff;background: #28b78a;position: relative;font-size: 12px;border-radius: 5px;width:40px;top:-2px;}
.pp5x-ul li .hot-tit span i {color: #28b78a;position: absolute;left: -4px;top: 0;top: -1px\9;font-size: 14px;}

.pp5x-ul li .hot-mark{padding:0px 10px 10px;background:#fff;width:265px;}
.pp5x-ul li .hot-mark .li1{line-height: 24px;height: 24px;overflow: hidden;font-size: 14px;float: left; color: #666;width:140px;}
.pp5x-ul li .hot-mark .li1 i{display: inline-block; width: 16px; height: 16px;   margin-right: 5px;   vertical-align: -4px;background-image: url(../img/icon.png);background-position: -69px -407px;}
.pp5x-ul li .hot-mark .li2{line-height: 24px;height: 24px;overflow: hidden;font-size: 14px;float: right; color: #666; text-align:right;width:120px;}
.pp5x-ul li .hot-mark .li2 i{display: inline-block; width: 16px; height: 16px;   margin-right: 5px;   vertical-align: -4px;background-image: url(../img/icon.png);background-position: -229px -380px;}

.more{width:200px; position:absolute;bottom:0;left:500px;}
.more a{display:block;width:100%;height:40px;border-radius:20px;text-align:center;background:#F90;color:#fff;line-height:40px;font-size:16px;}
.more a:hover{background:#F30;}

.footer{font-size:14px;background:#dfdfdf;padding:30px 0px; text-align:center;}


/*作品展示页*/
#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}



.mainbg{background:url(../img/backg.jpg) no-repeat 50% top;padding:30px 0px;background-size:cover;}

.sxcont{margin:10px auto 0px;width:96%;}


.xstp{width:350px;height:350px;float:left;}

.xsxx{width:700px;float:right;text-align:left;}

.xstp img {border: 1px solid #DDD;padding: 2px;width:330px;height:330px;}
.zuopin{line-height:30px;font-size:14px;color:#333; text-align:left;}

.subnav{margin-top:40px;}
.subnav a{display:inline-block;background:#facb88;border-radius:20px;height:40px;line-height:40px;padding:0 20px;*float:left;margin-right:20px;color:#7f4c03;}
.subnav a:hover{background:#e78903;color:#fff;}
.subnav a.on{background:#e78903;color:#fff;display:inline-block;border-radius:20px;height:40px;line-height:40px;padding:0 20px;*float:left;margin-right:20px;}


.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:16px; 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;}