body,a,p,h1,h2,h3,h4,img,img,input,ul,li,ol,dl,dd,dt,div,span,button,b{ margin:0; padding:0; list-style:none; border:0;}
body{font-size:12px; font-family:"微软雅黑"; background:#fff; overflow-x:hidden;}
a{text-decoration: none;}

/* ------------------------banner------------------ */
.banner{
	width: 100%;
	height:440px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.banner ul li{
	display:none;
	font-size: 0;
	top: 0;
	left: 50%;
	position: absolute;
	margin-left: -1000px;
	margin-top: -50px;
}
.banner ul li.current{
	display: block;
}
.banner ol{
	left: 46%;
	bottom: 30px;
	position: absolute;
}
.banner ol li{
	float: left;
	width: 15px;
	height: 15px;
	cursor: pointer;
	margin-left: 5px;
	background: gray;
	border-radius: 50%;
}
.banner ol li.current{
	background: #e94025;
}




.gift_top{
	width:100%;
	height: 185px;
	font-size: 16px;
	margin: 0 auto;
	background:#5c5c5c;
	position:relative;
}
.gift_box{
	width:1200px;
	position: relative;
	margin: 0 auto;
	z-index:99;
}
.gift_box h2{
	color:#f5be6e;
	padding:10px;
}
.boxin{
	width:1200px;
	position: relative;
}
.gift_top .dw{
	width:27%;
	height: 185px;
	background: #be862f;
	position:absolute;
	top:0;
	right:0px;
}
.gift_top .dw .dwin{
	top: 0;
	right: 0;
	width: 170px;
	position: absolute;
}
.gift_top .dw p{
	color: #fff;
	width: 110px;
	height: 73px;
	float: right;
	display: block;
	font-size: 24px;
	margin-top: 27px;
	margin-right: 20px;
	font-weight: bold;
}
.gift_l{
	width:1028px;/*
	float: left;*/
	position: absolute;
	top: 0;
	right: 172px;
}
.gift_l ul{
	margin-top:5px;
}
.gift_l a{
	color: #333;
}
.gift_l div{
	color: #fff;
	display: none;
	font-size: 14px;
}
.gift_l div .ft_1{
	color: #fff;
	height:14px;
	line-height:14px;
	padding: 0 3px;
	display: inline-block;
	font-size:14px;
}
.gift_l .first a,.gift_l p .first{
	color: #f5be6e;
	font-size: 14px;
	font-weight: bold;
}
.gift_l li{
	float: left;
	width: 412px;
	margin-top:5px;/*
	width:38%;*/
	font-size:0px;
}
.gift_l li:nth-child(2n){
	width: 616px;
}
.gift_l li i,.gift_l p i{
	font-size:12px;
	font-style:normal;
}
.gift_l li i:last-child,.gift_l p i:last-child{
	display:none;
}
.gift_l div.on{
	display: block;
	overflow: hidden;
}
.gift_l dl{
	overflow: hidden;
}
.gift_l dd,.gift_l dl span{
	color: #999;
	float: left;
	width: 88px;
	height: 22px;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background: #fff;
}
.gift_l dl span a:hover{
	color:#be862f;
}
.gift_l dd.current{
	color: #ac5118;
	background: #e3e0d1;
}
.box-r{
	top: 0;
	left: 1032px;
	height: 185px;
	width: 100%;
	position: absolute;
	background: #be862f;
}
.gift_r{
	float: left;
	width: 146px;
	height:160px;
	margin: 20px 0 0 15px;
}
.gift_r li{
	width: 21px;
	height: 138px;
	float: left;
	font-size: 16px;
	padding-left: 10px;
	margin:-3px 3px 0 0;
	padding-top: 9px;
	border-left: 1px solid #fff;
}
.gift_r li.la{
	padding-right: 3px;
	border-right: 1px solid #be862f;
}
.gift_r li a{
	color: #fff;
}

.bg_celue_index{
	width: 100%;
	background: #fff;
}
.celue_index{
	width: 1200px;
	margin: 0 auto;
	padding-top:40px;
	text-align: center;
}
.celue_index div{
	width:370px;
	margin: 0 auto;
	font-size: 12px;
	padding-top: 53px;
	background: url("../img/dzcl.png") no-repeat 2px 0;
}
.celue_index div a{
	color: #000;
	margin-right: 5px;
}

.d_list{
	width: 847px;
	margin: 10px auto;
	overflow: hidden;
	border: 1px solid #333;
}
.d_list li{
	float: left;
	width: 93px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	border-right: 1px solid #333;
}
.d_list li:hover{
	background: #be862f;
}
.d_list li:hover a{
	color: #fff;
}
.d_list li a{
	font-size: 16px;
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
}

.celue_cont{
	width: 1200px;
	margin: 0 auto;
}
.celue_cont .left{
	float: right;
	width: 294px;
	height: 605px;
}
.celue_cont .left li{
	width: 294px;
	height: 195px;
	cursor: pointer;
	position: relative;
}
.celue_cont .left_2{
	margin: 10px 0 10px 0;
}
.celue_cont .left div{
	top: 0;
	left: 0;
	width: 294px;
	height: 195px;
	position: absolute;
	display: none;
}

.celue_cont .left .left_no1{
	width: 284px;
	height: 185px;
	border: 5px solid #ff9600;
	/*background: url("../img/bg_001.png");*/
}
.celue_cont .left .left_no2{
	/*background: url("../img/bg_002.png");*/
	width: 284px;
	height: 185px;
	border: 5px solid #ff9600;
}
.celue_cont .left .left_no3{
	/*background: url("../img/bg_003.png");*/
	width: 284px;
	height: 185px;
	border: 5px solid #ff9600;
}



.celue_cont .left li div.on{
	display: block;
}

.celue_cont .right{
	float: left;
	width: 896px;
	height: 605px;
	background: gray;
	overflow: hidden;
	position: relative;
}
.celue_cont .right dl{
	left: 0;
	top: 0;
	width: 3584px;
	height: 605px;
	display: none;
	position:absolute;
}
.celue_cont .right dl.current{
	display: block;
}
.celue_cont .right dl dd{
	float: left;
}
.celue_cont .right span{
	width: 52px;
	cursor: pointer;
	height: 102px;
	display: block;
}
.celue_cont .right .lf{
	left: 0;
	top: 41%;
	position: absolute;
	background: url("../img/dz_sanjiao1.png");
}
.celue_cont .right .rt{
	right: 0;
	top: 41%;
	position: absolute;
	background: url("../img/dz_sanjiao2.png");
}

.clear{
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
}


.bg_td{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
	background: #fff;
}
.anli{
	width: 1200px;
	margin: 0 auto;
	padding-top:40px;
	text-align: center;
}
.anli i{
	width: 374px;
	height: 51px;
	display: block;
	margin: 0 auto;
	background: url("../img/fenlei05.jpg") no-repeat;
}
.content{width:1200px;position:relative;overflow:hidden;margin: 0 auto;}
.drama-poster{margin:0 auto;overflow:hidden;position:relative;margin: 0 auto;padding-bottom: 21px;}
.ec .dra_index{
	border: none;
}
/*.drama-poster li{padding:0 7px}*/

.list_al{
	width: 282px;
	height: 337px;
	float: left;
	margin: 4px 9px 0;
	background: url('../img/list_al.jpg') no-repeat center;
}
.list_al ul{
	width: 75%;
	/*margin: 65px auto 0;*/
	margin: 54px 0 0 47px;
}
.list_al li{
	float: left;
}
.list_al li a{
	color: #fff;
	font-size: 16px;
	line-height: 31px;
}
/*.list_al li a:hover{
	color: #412e28;
}*/
.list_al li a em{
	margin: 0 9px;
	font-style: normal;
}

.td{
	width:270px;
	float:left;
	margin-right: 9px;
	margin-left: 9px;
	text-align: center;
	border: 1px solid #000;
}
.ec .td_index{
	width:280px;
	float:left;
	text-align: center;
	border: 1px solid #ccc;
	margin: 5px 9px;
}
.td .img{

	display:block;
	width:278px;
	height:278px;
}
.td a.hov img:hover{
	transform: scale(1.1);
	transition: all ease 0.3s 0s;
}
.td a .lo_img{
	height: 50px;
	margin-top: 3px;
	margin-bottom: 5px;
}

.td a.hov{
	overflow: hidden;
	display: block;
}
.td p{text-align:center;}
.drama-poster li h3{width:216px;margin:0 auto;text-align:center;font-size:14px;border-bottom:1px solid #ccc;line-height:25px;}
.drama-poster li p{text-align:center;}
.drama-poster li h2{
	text-align: left;
	font-size:14px;
	color: #333;
	font-weight:normal;
	margin: 5px 0;
	padding: 0 15px;
	height: 19px;
	overflow: hidden;
}
.drama-poster li h2 a{color: #333;}
/* .bg_td .content{
	width: 1180px;
	height: 528px;
	margin: 0 auto;
	padding-left: 20px;
	padding-top: 20px;
	background: #f9f3e7 url('../img/bg_kf.png');
}
.cont_in{
	width: 1160px;
	height: 509px;
}
.lft{
	width: 653px;
	height: 508px;
	float: left;
	background: #ccc;
	position: relative;
}
.rit{
	width: 500px;
	height: 508px;
	float: right;
}
.lft a{
	width: 653px;
	height: 508px;
	display: block;
}
.cont_in img.yin{
	left: 0;
	top: 0;
	display: none;
	position: absolute;
}
.cont_in img.on{
	display: block;
}
.rit_top{
	width: 500px;
	height: 267px;
	margin-bottom: 10px;
	position: relative;
}
.rit_bot{
	width: 500px;
	height: 230px;
	position: relative;
} */


.jingdian{
	width: auto;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	background: #ebd09b;
	padding-bottom: 30px;
}
.jingdian .top{
	width: 1200px;
	margin: 0 auto;
}
.jingdian .top img{
	margin-top:40px;
}
.jingdian .top p img{
	margin: 0 auto;
}
.jingdian .top div{
	width: 282px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
}
.jingdian .top span{
	color: #fff;
	float: left;
	width: 139px;
	height: 27px;
	display: block;
	cursor: pointer;
	font-size: 13px;
	margin-top: 12px;
	background: #807363;
	line-height: 33px;
	font-weight: bold;
	line-height: 27px;
}

.jingdian .top span.current{
	background: #9f7d50;
}

.tit_b{ text-align:center; margin:10px 0;}
.tit_b li{border: 1px solid #333; display:inline-block; margin-left:-1px; padding:0 10px; line-height:24px; font-size:15px;}
.tit_b li a{ color:#000;}
.tit_b li.on,.tit_b li:hover{ background:#be862f;}
.tit_b li.on a,.tit_b li:hover a{ color:#ffffff;}

.list_xk{
	width: 1040px;
	margin: 10px auto 0;
	overflow: hidden;
}
.list_xk li{
	float: left;
	padding: 0 14px;
	text-align: center;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.list_xk li a{
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	display: block;
}
.list_xk li:hover a{
	color: #fff;
}
.list_xk li:hover{
	background: #be862f;

}

.jingdian .img{
	width: 1200px;
	margin:0px auto 0;
	overflow: hidden;
}
.jingdian .img li{
	float: left;
	width: 288px;
	margin-top: 16px;
	margin-left: 16px;
	line-height: 0;
}
.jingdian .img ul{
	display: none;
}
.jingdian .img li img{
	width: 288px;
	height: 288px;
}
.jingdian .img .on{
	display: block;
}
.img_0 p{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 10px;
}
.jingdian .img_0{
	position: relative;
}
.jingdian .img_0 div{
	text-align: center;
	background: #fff;
	padding-bottom: 10px;
}
.jingdian .img_0 dl{
	display: inline-block;
	border: 1px solid #999;
}
.jingdian .img_0 dd{
	float: left;
	width: 86px;
	line-height: 22px;
	border-right: 1px solid #999;
}
.jingdian .img_0 dd.move{
	border-right: 0;
}
.jingdian .img_0 dd a{
	color: #333;
	font-size: 12px;
}
.jingdian .img_0>a>img:hover{
	transform: scale(1.1);
	transition: all ease 0.3s 0s;
}
.jingdian .img_0>a{
	display: inline-block;
	overflow: hidden;
}
/* --------------主题开发------------------- */
.bg_zt{
	width: 100%;
	background: #fff;
}
.zhuti{
	width: 1200px;
	margin: auto;
}
.zhuti p{
	width: 1200px;
	height: 101px;
	background: url("../img/chaoshang.png");
}
.zhuti p a{
	width: 1200px;
	height: 101px;
	display: block;
}

.wl{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.wl div{
	width: 600px;
	height: 44px;
	float: left;
}
.wl>a{
	display: none;
	font-size: 0;
}
 .wl>a.on{
	display: block;
}
.wl .wl_l a{
	color: #ffff00;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 44px;
	background: #9f7d50;
}
.wl div a h2{
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}
.wl div a span{
	font-size: 16px;
}
.wl .wl_r a{
	color: #673c04;
	width: 100%;
	height: 44px;
	display: block;
	line-height: 44px;
	background: url('../img/wl_00bg.jpg') repeat-x;
}


 .kaifa{
	padding-top:40px;
	text-align: center;
}

.kaifa_cont{
	width: 1200px;
	height: 464px;
	margin: 0 auto;
	margin-top:40px;
}
.kaifa_cont .kf_cont_l{
	width: 251px;
	float: left;
}
.kaifa_cont .kf_cont_l li{
	width: 251px;
	height: 110px;
	cursor: pointer;
	margin-bottom: 8px;
	background: #ccc;
	position: relative;
}
.kaifa_cont .kf_cont_l li div.spa{
	top: 0;
	left: 0;
	width: 247px;
	height: 106px;
	position: absolute;
	border: 2px solid #cc9933;
	display: none;
}
.kaifa_cont .kf_cont_l li div.onm{
	display: block;
}/*
.kaifa_cont .kf_cont_l li.onn{
	background: #fff;
}
.kaifa_cont .kf_cont_l li.ls{
	margin-bottom: 0;
} */
.kaifa_cont .kf_cont_r{
	width: 943px;
	height: 464px;
	background: #ccc;
	float: right;
}
.kf_cont_r a{
	display: none;
}
.kf_cont_r a.onm{
	display: block;
}
/* ------------------------关于我们------------------------- */

.about{
	height: 281px;
	width: 1200px;
	margin: 0 auto;
}
.ab_lf{
	width: 523px;
	height: 281px;
	float: left;
	background: url('../img/news01.jpg') no-repeat;
}
.ab_lf .news{
	color: #fff;
	width: 331px;
	height: 281px;
	float: right;
	background: #9f7d50;
	background: rgba(159,125,80,0.6);
}
.ab_lf .news .n_top{
	height: 46px;
	width: 331px;
	padding-top: 16px;
}
.ab_lf .news .n_top span.titl{
	float: left;
	font-size: 20px;
	margin-left: 20px;
}
.ab_lf .news .n_top span.titr{
	border: 1px solid #fff;
	float: right;
	width: 70px;
	height: 18px;
	display: block;
	line-height: 18px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: center;
}
.ab_lf .news .n_top span.titr a{
	color: #fff;
	font-size: 12px;
}
.about ul a{
	color: #fff;
	font-size: 14px;
	line-height: 27px;
}
.about ul a:hover{
	font-weight: bold;
}
.about ul li{
	width: 314px;
	line-height: 30px;
	padding-left: 27px;
	position: relative;
}
.about ul span{
	top: 4px;
	right: 20px;
	color: #fff;
	position: absolute;
}
.about ul p{
	top: 9px;
	left: 7px;
	width: 13px;
	height: 13px;
	position: absolute;
	display: inline-block;
	background: url("../img/news_sanjiao.png");
}

/* 关于我们 */

.ab_on{
	float: right;
	width: 672px;
	height: 281px;
	position: relative;
	background: url('../img/ab_01.png');
}
.ab_on .ab_bt{
	left: 0;
	bottom: 0;
	width: 470px;
	height: 165px;
	padding-left: 7px;
	position: absolute;
	background: #fbfbfb;
}
.ab_on .ab_bt a{
	color: #9f7c5c;
}
.ab_on h2{
	font-weight:normal;
	font-size:20px;
	border-bottom:1px solid #ddd;
}
.ab_on h2 span{
	display:inline-block;
	margin-right:10px;
	padding-bottom:4px;
	cursor:pointer;
}
.ab_on h2 span.tis{
	border-bottom:1px solid #ddd;
}
.ab_on div p{
	display:none;
	font-size: 14px;
	text-indent:2em;
}
.ab_on div p.cont{
	display:block;
}
.ab_on span.titr{
	right: 5px;
	bottom: 5px;
	width: 81px;
	height: 20px;
	display: block;
	position: absolute;
	line-height: 20px;
	text-align: center;
	border: 1px solid #9f7c5c;
}
.about i{
	width: 80px;
	height: 20px;
	margin-top: 5px;
	line-height: 20px;
	text-align: center;
	font-style: normal;
	margin-left: 484px;
	display: inline-block;
	border: 1px solid #a27d51;
}

.bg_liucheng{
	width: 100%;
}
.liucheng{
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center;
}
.liucheng .num{
	height: 260px;
	text-align: center;
	margin: 56px auto 42px;
	position: relative;
}
.liucheng .num span{
	position: absolute;
	top: -90px;
	right: 5px;
}
.liucheng .num span a{
	color: #fff;
	float: left;
	width: 112px;
	height: 28px;
	font-size: 18px;
	font-weight: bold;
	background: #818181;
}
.liucheng .num span a:hover{
	background: #be862f;
}
.liucheng .num img{
	margin: 0 auto;
}

/*应用场合*/
.list_ch{
	margin: 0 auto;
}
.ec .list_ch{
	width: 655px;
	margin-bottom: 20px;
}

/*底部新增导航*/
.dh{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.dh a{
	color: #000;
}
.dh li{
	float: left;
	margin-bottom: 15px;
	text-align: left;
}
.dh li:hover{
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.dh h3{
	text-indent: 8px;
	font-size: 24px;
	display: inline-block;
}
.dh p{
	line-height: 50px;
	font-size: 15px;
	padding-bottom: 8px;
}
 /* 首页客户实拍 */
.shipai{
	width: 100%;
	background: #fff;
	overflow: hidden;
}
/* marqueeleft */
.marqueeleft{width:100%;overflow:hidden;margin:20px auto 0;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;overflow:hidden;background: #eee;}
.marqueeleft li a{display:block;width:100%;overflow:hidden;}
.marqueeleft li a img{width:100%;}
.marqueeleft li p{text-align: left;color: #000;height: 20px;width: 100%;overflow: hidden;margin-top: 5px; font-size: 14px;}
.shipai-more{
	float: right;
	margin-right: 300px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.shipai-more p{
	font-size: 18px;
    color: #333;
    display: inline-block;
    margin-right: 20px;
}
.shipai-more span{
	font-size: 16px;
    font-weight: 700;
    padding: 5px 10px;
    background: #f09a13;
}
.shipai-more span a{
	font-size: 16px;
	color: #2f0006;
}
.sp-tit{
	width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
}
.sp-tit i{
	width: 374px;
    height: 51px;
    display: block;
    margin: 0 auto;
    background: url(../img/fenlei01.jpg) no-repeat;
}

.forms {
	max-width: 1050px;
	margin: 0 auto;
}
.forms input {
	width: 47%;
	margin-left: 2%;
	float: left;
	box-sizing: border-box;
	border: 1px solid #dce7ea;
	background: none;
	color: #605f5f;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	margin-bottom: 20px;
}
.forms input.btn {
	background: #b50065;
	color: #fff;
	max-width: 220px;
	margin: 0 auto;
	display: block;
	border: none;
	float: none;
	cursor: pointer;
	font-size: 20px;
	border-radius:10px;
}
.forms textarea {
	width: 96%;
	margin-left: 2%;
	box-sizing: border-box;
	border: 1px solid #dce7ea;
	background: none;
	color: #605f5f;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	margin-bottom: 20px;
	height: 120px;
}