*{margin:0;padding:0;}
body{font-size: 14px; line-height:28px;font-family:Microsoft YaHei, Verdana, Geneva, sans-serif; position: relative; color: #333;}
img{border: 0;display: block;}
a{cursor:pointer;color:#333;text-decoration:none;outline:none;display: inline-block;}
ul{list-style-type:none;border:0;}
em{font-style:normal;	}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } 
.wap-nav{display: none;}
.con{width:94%; margin:0 auto;overflow: hidden;}
.fr{float: right;}
.fl{float: left;}
.widthL{width: 40%; overflow: hidden;}
.widthR{width: 60%;overflow: hidden;}
.clearfix{display:block;*zoom:1;}
.clearfix:after{content:'.';display:block;width:0; height:0; overflow:hidden;clear:both;}
.mrt{margin-top: 50px;}


/*华裕景澜文化传媒*/
.header {width: 100%;height: 73px;position: absolute;top: 40px;z-index: 999; }
.header_div {width: 90%; overflow: hidden;zoom: 1;margin: 0 auto;}
.logo {width: 310px;height: 73px;float: left;}
.nav {height: 35px;float: right;margin-top: 19px;}
.nav ul {overflow: hidden;zoom: 1;float: left;}
.nav ul li {float: left;margin: 0 20px;}
.nav ul li a{color: #fff; font-size: 16px;}
.nav ul li.on a,.nav ul li:hover a{border-bottom: 1px solid #ffd330; color: #ffd330;}
.search {float: right;}
.lang{
	font-size:19px;
	display:inline-block;
	color:#FFF;
	float:left;
	margin-right:20px;
	margin-top:1px;
}
.lang:hover{
	opacity:0.6;
}
.search_div{
	width:180px;
	height:24px;
	margin-top:2px;
	float:left;
	overflow:hidden;
	position:relative;
}
#searchForm{
	width:180px;
	position:absolute;
	left:-150px;
}
.close{}
.open{}
#searchKey{
	width:132px;
	height:24px;
	border:none;
	border-radius: 3px;
	background:#fff;
	line-height:22px;
	padding:0 5px;
	color:#333;
	float:left;
	margin-right:15px;
	outline:none;
	z-index:1;
}
#searchBtn{
	display:inline-block;
	width:23px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	background:url(/images/search.png) no-repeat center center;
	float:left;
	outline:none;
	cursor:pointer;
}

.dropdown{
	width:42px;
	height:35px;
	position:absolute;
	background:url(/images/dropdown.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	z-index:100;
	
	left:50%;
	margin-left:-18px;
	cursor:pointer;
}


.index_list{width: 100%;overflow: hidden;}

.index_list>div{width: 33.33%;float: left;}
.index_list-c ul li{float: left; width: 33.33%; text-align: center; margin-bottom:20px; font-size: 16px;}
.index_list-c ul li img{margin:0 auto 10px auto;}
.index_list h3{background: url("/images/index_03.jpg") no-repeat center bottom; border-right: 1px solid #b9b9b9;box-sizing: border-box; text-align: center; padding-top: 40px; margin: 0 auto 40px auto; padding-bottom: 15px; font-size: 18px;}

.index_list-l  p{ height: 136px; overflow: hidden; font-size: 16px; line-height: 32px; margin-right: 20px; margin-left: 20px; }
.index_list-l-img{margin-right: 20px; margin-left: 20px;}
.index_list-l-img a{ float: left; width: 98px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; border:1px solid #b9b9b9;margin-top: 70px; }
.index_list-l-img img{ float: right; }


.footer{background:#f2f2f2;text-align: center; padding:30px 0; color: #666; margin-top: 50px;}
.footer p{border-bottom: 1px solid #dadada; padding-bottom: 20px; font-size: 16px; margin-bottom: 20px; }


.poster-main {
  width: 100%;
  height: 224px;
  position: relative;
  margin: 50px auto;
}

.poster-main a, .poster-main img { display: block;   }


.poster-main .poster-list {
  width: 100%;
  height: 224px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 211px;
  position: absolute;
  left: 0;
  top: 0;

}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 70px;
  background: url(/images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right:70px;
  background: url(/images/right.png) no-repeat center center;
}

/*about*/
.banner{height: 150px; overflow: hidden;}
.current{height: 50px; line-height: 50px; border-bottom:  1px solid #bbb;padding-left: 3%; font-size: 16px;}
.about-tit{height: 50px; margin-bottom: 50px; margin-top: 50px;}
.about-tit em{ border-bottom: 1px solid #606060; width: 100px; display: inline-block; text-align: right; padding-bottom: 15px; float: left; color: #000; }
.about-tit span{line-height: 50px; display:block; float:left; padding-left:20px; font-size: 18px; color: #666;}
.about-intro-l p{font-size: 18px; line-height: 46px; background: url("/images/about-intro-l_03.jpg") no-repeat 0 bottom; padding-bottom: 110px;}
.about-intro-r{background: url("/images/about-intro-r_bg.jpg") no-repeat right 0;}
.about-tream-l{background: url("/images/about-intro-r_bg.jpg") no-repeat 0 0;}
.about-intro-r img{float: right; margin:120px 190px 0 0; width: 75%;}
.about-tream-l img{ margin:118px 0 0 120px; width: 75%; }
.about-tream-r p,.about-pro p{font-size: 18px; line-height: 46px;}
.about-tream-r img{margin-top: 150px; margin-left: 130px;width: 75%;}
.mrL130{margin-left: 130px;}
.about-pro-img dl{ float: left; width: 15%; margin-top: 50px; margin-right: 2%; overflow: hidden; }
.about-pro-img dl dt img{width: 85%;}
.about-pro-img dl:last-child{margin-right: 0;}
.product-t span{background:url("/images/pro_img_03.png") no-repeat ; font-size: 60px; color: #fff; float: left; width: 102px; line-height: 102px; text-align: center;}
.product-t span em{ font-size: 36px; }
.product-t h2{float: left; font-size: 30px; font-weight: bolder; line-height: 102px; color: #000; margin-left: 30px;}
.productBox{margin:80px auto;}
.productBox img{width: 90%;}
.productBox p{font-size: 18px; line-height: 46px; margin-top: 30px; }
.pro01-l,.pro01-r,.pro02-l,.pro02-r,.pro04-l,.pro04-r,.pro05-l,.pro05-r{width: 50%;overflow: hidden;}

.pro02-r ul li{ float: left; width: 31%;margin-left:2%; margin-top: 50px; }
.pro02-r ul li img{ width: 100%; height:149px; }
.pro04-r{margin-top: 170px;}


.pro05ul li{width: 32%;margin-right:2%; float: left; margin-top: 30px;}
.pro05ul li:last-child{margin-right: 0;}
.pro05ul li img{width: 100%;}
.pro05{margin-bottom: 0px;}
.caseUl{clear: both;overflow: hidden; width: 100%;}
.caseUl li{float: left; width:23.5%; overflow: hidden; margin-top: 50px; margin-right: 2%; height:233px; }
.caseUl  li:nth-child(4n+0){margin-right: 0;}
.caseUl  li>a{display: block; width: 100%;}

/*分页*/
.s-pager {clear: both;overflow: hidden; width:100%; height: 40px; margin: 20px auto;  color: #999999; text-align: center; line-height: 24px; padding-top: 10px; }
.s-pager .a-pager-pn { color: #333; }
.s-pager a {padding: 0px 9px;  margin-left: 6px; display: inline-block; text-align: center; color: #000;text-transform: capitalize; }
.s-pager a:hover, .s-pager a.cur { background-color: #108cf0; color: #fff; cursor: pointer; }
.s-pager a.hui { background-color: #108cf0; color: #fff; }
.s-pager a.hui:hover { background-color: #108cf0; color: #fff; cursor: inherit; }
.s-pager .txt-pagerto { width: 30px; height: 24px; border: none; text-align: center; }
.s-pager .btn-pagergo { width: 28px; height: 20px; background-color: #e1473f; border-radius: 3px; border: none; color: #fff;cursor:pointer }
.s-pager .btn-pagergo:hover { background-color: #108cf0; }
.news dl{margin:50px auto; border-bottom: 1px solid #ccc; padding-bottom: 50px;}
.news dl:hover dt a img{transform: scale(1.25);}
.news dl dt{width:35%; float: left; overflow:hidden;}
.news dl dt a img{width: 100%;transform: scale(1.0); transition: all 1s;}
.news dl dd{width: 62%; float: right;overflow:hidden;}
.news dl dd a h3{font-size: 24px; display: block; color: #108cf0;}
.news dl dd em{display: block; background: url("/images/bg17.png") no-repeat left 6px; padding-left: 20px; color: #666; margin-top: 10px;}
.news dl dd a p{font-size: 16px; line-height: 2em; color: #666; margin:5px 0;}
.more{padding:0px 10px; background: #108cf0; color: #fff; margin-top: 10px;}
.news ul li{margin-bottom: 35px; padding-bottom:20px; border-bottom: 1px solid #ddd;}
.news ul li a .time{width:8%;border:1px solid #ccc; text-align: center;}
.news ul li a .time span{ display: block; border-bottom: 1px solid #ccc; padding:30px 0; font-size: 36px;  color: #108cf0; font-weight: bolder; margin-bottom: 3px;}
.news ul li a .time em{display: block; padding:10px 0;}
.news ul li a div.li-c{width: 68%; margin-left: 2%; font-size: 16px;}
.news ul li a div.li-c p{color: #666;}
.news ul li a div.li-c h2{margin-bottom: 15px; font-size: 24px; }
.news ul li a div.li-img {width: 20%; overflow:hidden; }
.news ul li a div.li-img img{width: 100%; display: block;transform: scale(1.0); transition: all 1s;}
.news ul li:hover a div.li-c h2{ color: #108cf0; }
.news ul li:hover a div.li-c p{ color: #333;}
.news ul li:hover a div.li-img img{ transform: scale(1.25); }
.article h1{text-align: center; margin:50px 0  20px 0;}
.art-time{text-align: center; color: #999; background: #eee; }
.article img{ margin:30px auto; }
.art-time em{margin-left: 30px;}
.article p{ font-size: 16px ; line-height: 32px; text-indent: 2em; margin-bottom: 30px;  }
.contact{ margin-top: 50px;  }
.phone {width: 35%;}
.phone p{ margin:20px auto; font-size: 22px; clear: both; overflow: hidden; line-height: 48px; }
.phone p img{ float: left; width: 8%; margin-right: 15px; }
.pro05ul {width:100%; clear: both;overflow: hidden;}


@media screen and (max-width:1366px){
.about-tream-r img{margin-top:60px; }
.productBox p{ line-height: 36px; }
 .pro01-r img{margin-top: 70px;}
 .pro02-l img{margin-top: 80px;}
 .pro04-r {margin-top: 95px;}
 .pro05-r img{margin-top: 80px;}
 .phone p{font-size: 18px;}

}

@media screen and (max-width:750px){
	.current{padding-top: 68px; height: 40px; line-height: 40px;}
	.wap-nav{display: block; position: absolute;right: 10px;top: 8px;width:25px; height: 27px;z-index: 77777;zoom:1;}
	.logo{width: 50%; overflow: hidden; margin-top: 10px;}
	.logo a img{width: 100%;}
	.header {top:0px; height: 58px; position: fixed;z-index: 6667;}
	.bg000{background: rgba(0,0,0,0.8); }
	.dropdown{display: none;}
	.index_list>div{width: 96%;margin:0 auto; float: none;}
	.index_list h3{border-right: 0; margin-bottom: 15px;padding-top:30px;}
	.index_list-l  p{margin-right: 0; margin-left: 0;}
	.index_list-l-img a{margin-top: 20px;}
	.index_list-l-img{margin:0;}
	.poster-main{margin:0 auto;}
	.footer{margin-top: 0;}
	.nav{ width: 120px;text-align: center; position: absolute; z-index: 99999; height: auto;  zoom:1; right: 0;top:49px; margin-top: 0; display: none; background: rgba(255,255,255,0.95); clear: both; overflow: hidden;box-shadow: 0 0 5px #333; border-radius: 5px 0 0 5px;}
	.nav ul li{ float: none; line-height: 40px; }
		.nav ul li a{color: #333;}
		.nav ul li.on a{color: #333;border-bottom: 1px solid #ccc;}
		.search{display: none;}
		.banner { position: fixed; z-index: 6666;
    height: 108px;}
    .logo{margin-top: 5px;}
    .fl,.fr{float: none;}
    .widthL,.widthR{width: 100%;}
    .about-intro-r{display: none;}
    .about-tit{margin:10px auto;}
    .about-intro-l p{background: none; padding-bottom: 0;}
    .mrL130{margin-left: 0;}
    .about-tream-r img{width: 100%; margin-left: 0; margin-top: 25px;}
    .about-pro-img{display: none;}
    .mrt{margin-top: 0;}
    .news dl dt,.news dl dd{width: 100%;}
    .news ul li a .time{display: none; width: 0%;}
    .news ul li a div.li-img{width: 30%; float: left;}
    .news ul li a div.li-c p{display: none;}
    .news ul li a div.li-c h2{font-size: 16px;}
    .news ul li a div.li-c{ float: right; }
    .news ul li{padding-bottom: 0;margin-bottom: 10px;}
    .news dl dd a h3{font-size: 20px;}
    .news dl{margin-top: 10px;}
    .phone{ width: 100%; }
    .contact{margin-top: 10px;}
    .phone p{margin:10px auto; font-size: 14px; line-height: 30px;}
.pro01-l, .pro01-r, .pro02-l, .pro02-r, .pro04-l, .pro04-r, .pro05-l, .pro05-r{width: 100%;}
.productBox{margin:10px auto;}
.productBox img{width: 100%;}
.pro01-r img{margin-top: 0;}
.pro02-l,.pro04-l{display: none;}
.pro05-r img{margin-top: 0;}
.caseUl li{width: 100%;}
}

@media screen and (max-width:640px){.banner {
    height: 58px;}}