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


/*------------------banner-----------------------*/
.ban{ width:100%;}
.ban .ban01{
	width:1600px;
	height:347px; background:url('../images/ban_ny_1.jpg')}	
	
	/*------------------联系我们-----------------------*/
.content{ width:100%;padding:50px 0; }	
.content .cont{ width:1000px;}	
.cleft{
	width:255px;
	margin-right:10px;}	
.title_about{
	width:255px; 
	height:94px;
	background: url(../images/about_t_2.png) no-repeat #e35c00;}
.title_pr{
	width:255px; 
	height:94px;
	background: url(../images/pro_t_2.png) no-repeat #e35c00;}
.title_ne{
	width:255px; 
	height:94px;
	background: url(../images/news_t_2.png) no-repeat #e35c00;}
	.title_su{
	width:255px; 
	height:94px;
	background: url(../images/jishu_t_2.png) no-repeat #e35c00;}
		.title_vi{
	width:255px; 
	height:94px;
	background: url(../images/video_t_2.png) no-repeat #e35c00;}
			.title_co{
	width:255px; 
	height:94px;
	background: url(../images/contact_t_2.png) no-repeat #e35c00;}		
.stext{
	width:239px;
	height:300px;
	margin:30px 0;
	padding:17px 8px;
	background-color:#FFF;}
.stext h5{
	font-size:16px;
	height:25px;
	font-family:"微软雅黑";
	border-bottom:#828282 solid 1px;	
	text-transform:uppercase;
	margin-bottom:17px;}
.stext h4 { text-align:left;font-weight: normal;}
.stext h4 a {float:right; margin-right:15px}
.stext h5 span{font-size:12px;}		
.stext h5 a{
	display:block;
	float:right;
	font-size:12px;
	color:#707070;
	margin-top:5px;}
.stext ul li{
	width:235px;
	display:block;
	float:left;
	font-size:12px;
	height:36px;
	line-height:36px;
	border-bottom:1px solid #828282;}	
.stext ul li a{	color:#848081; padding-left:5px;}
.stext ul li a:hover{	color:#e35c00;}
.stext ul li:first-child{
/*	margin-bottom:7px; */
	height:auto;
	border-bottom:0px;} 

.hotline{
	position:relative;
	margin-top:30px;
	width:255px;
	height:200px;
	background:url(../images/kehu_1.png) no-repeat center top;}
.hotline p{
	position:absolute;
	top:161px;
	left:0px;
	width:255px;
	height:56px;
	background:#e35c00;
	color:#FFF;
	font-size:30px;
	line-height:56px;
	text-align:center;
	display:block;}

.cright{
	width:720px;
	padding:0px;
	background:#FFF;}

.cright h3{
	font-size:18px;
	color:#1d1d1d;
	height:33px;
	padding-left:10px;
	border-bottom:#e35c00 2px solid;
	margin-bottom:20px;}
.cright strong{
	margin-left:10px;
	font-size:18px;
	color:#5c5c5c;
	display:block;
	margin-bottom:15px;}
.cright ul.news01{margin-left:10px;}
.cright ul.news01 li{
	font-size:14px;
	color:#5c5c5c;
	height:55px;
	line-height:55px;
	padding-left:50px;}	
.cright ul.news01 li.icon01{ background:url(../images/icon_2.png) no-repeat 0px 7px;}
.cright ul.news01 li.icon02{ background:url(../images/icon_2.png) no-repeat 0px -46px;}
.cright ul.news01 li.icon03{ background:url(../images/icon_2.png) no-repeat 0px -98px;}
.cright ul.news01 li.icon04{ background:url(../images/icon_2.png) no-repeat 0px -151px;}
.cright ul.news01 li.icon05{ background:url(../images/icon_2.png) no-repeat 0px -204px;}

.cright .code{
	float:right;
	width:323px;	
	margin-top:-141px;}
.cright .code >p	{
	width:131px;
	height:172px;
	display:block;
	float:left;
	margin-left:30px;
	font-size:12px;
	color:#5c5c5c;}
.cright .code >p strong{
	display: block;
	font-size:12px;
	text-align:center;
	color:#5c5c5c;}	
.cright .code >p span{
	display:block;
	color:#e35c00;
	text-align:center;
	margin-top:5px;}
.cright  .way{ margin-top:57px;}
.cright  .way ul {
	font-family:"微软雅黑";
	display:block;
	float:left;
	margin:0 0  40px 10px;}
.cright  .way ul li:first-child{ margin-top:8px;}
.cright  .way ul li{
	color:#5c5c5c;
	font-size:14px;
	margin-bottom:20px;
	height:50px;
	padding-left:68px;
	background:url(../images/way_i_2.png) no-repeat;
	display:block;
	float:left;
	padding-top:6px;}
.cright  .way ul li span{ width:447px; display:block; margin-bottom:5px;}
.cright  .way ul li.way01{ background-position:0 -67px;}
.cright  .way ul li.way02{ background-position:0 -133px;}
.cright  .way ul li.way03{ background-position:0 -201px;}

.map{ margin-left:15px;}


   /*------------------关于我们-----------------------*/
.menu{
	width:255px; 
	background:#FFF;
	overflow:auto; zoom:1;}
.menu > ul{ display:block;}
.menu > ul li{
	display:block;
	float: left;
	min-height:56px;
	width:255px;
	border-bottom:#e9e9e9 1px solid;}
.menu > ul li:nth-last-child(1){ border:0px;}
.menu > ul li a{
	margin-left:23px;
	padding: 15px 0px 15px 20px;
	display:block;
	float: left;
	color:#525151;
	font-size:18px;
	background:url(../images/a_2.png) no-repeat 0px 23px;
	transition: padding-right 300ms ease;
	-webkit-transition: padding-left 300ms ease;
	-moz-transition: padding-left 300ms ease;
	-o-transition: padding-left 300ms ease;
	-ms-transition: padding-left 300ms ease;}
.menu > ul li a.en{
	margin-left:23px;
	padding: 16px 0px 16px 20px;
	display:block;
	float: left;
	color:#525151;
	font-size:16px;
	background:url(../images/a_2.png) no-repeat 0px 23px;
	transition: padding-right 300ms ease;
	-webkit-transition: padding-left 300ms ease;
	-moz-transition: padding-left 300ms ease;
	-o-transition: padding-left 300ms ease;
	-ms-transition: padding-left 300ms ease;}
.menu > ul li a:hover{
	background:url(../images/a_2.png) no-repeat 0px -64px;
	padding-left:25px;
	color:#e35c00}
.menu > ul li a.en:hover{
	background:url(../images/a_2.png) no-repeat 0px -64px;
	padding-left:20px;
	color:#e35c00}
h4{
	height:36px;
	border-bottom:3px solid #e35c00;
	font-size:20px;
	color:#1d1d1d;
	text-align:center;}

.text{margin-top:40px;}
.text p.img{
	margin-bottom:40px; 
	text-align:center;
	display:block;
	width:645px;}	
.text p{
	color:#5c5c5c; 
	font-size:14px;
	text-indent:2em;
	line-height:28px;}
.text p span{ color:#e35c00;}


/*------------------展览展示-----------------------*/	
	
	#container {
	width: 720px;
	background: #fff;
	padding: 10px 0 10px 20px;
}
#container ul li { width:200px; padding:0px; float:left;margin-right:27px; margin-bottom:20px}
#container ul li .textname a{display:block; text-align:center; line-height:24px; color:#666;}
#container ul li .textname a:hover{ color:#e6190f;}


#container ul li.video { width:310px; padding:0px; float:left;margin-right:22px; margin-bottom:20px}
#container ul li.video .textname a{display:block; text-align:center; line-height:24px; color:#666;}
#container ul li.video .textname a:hover{ color:#e6190f;}

	
.main_box {
	background: red;
	/* Important parameters of style start */
	position: relative;
	overflow: hidden;
	float: left; margin-bottom:20px; padding:0px
	 
	 
}
.main_box > img {
	display: block;
	z-index: 10;
	
}
.main_box > a {
	text-decoration: none;
}



.overlayText {
	/* Important parameters of style start */
	position: absolute;
	overflow: hidden;
	display: none;
	z-index: 20;
	margin: 0;
	/* Important parameters of style end */	
	background: #000;
	color: white;
}


.textBox {
	/* Important parameters of style start */
	position: absolute;
	float: left;
	z-index: 30;
	margin: 0;
	padding: 0;/* Important parameters of style end */	
}

.user_style5 .textBox {
	background: rgb(63,31,65);
	background: rgba(63, 31, 65, 0.7);
	color: #d9c3db;
	margin-bottom: 30px;
	font-size: 14px;
	opacity: 0.8;
}
.user_style5 a {
	color: #f5e7f6;
}


/*------------------产品详情-----------------------*/	
.main_nav { width:1000px; margin:0 auto; padding:10px 0px;color:#666; font-size:14px}
.main_nav a {color:#666;font-size:14px}
.main_nav span a { color:#E35D00}
.details { width:1000px}
.details .details_left{ width:720px;}
/*产品图*/
.preview{width:400px; margin:10px 0}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08_2.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09_2.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;
background-attachment: scroll;
background-repeat: repeat;
cursor: move;
z-index: 1;
position: absolute;
overflow: hidden;
background-position: 0px 0px;background-image: url("../images/lanrenzhijia-bag_1.png");}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999; height:350px}
#bigView img{position:absolute;}

.shuomin { width:290px; padding:10px}
.shuomin h1 {padding-bottom: 0.2em;
line-height: 24px;
font-size: 16px;
font-weight: 700;
color: #333;}
.shuomin .jiage {background: url(../images/jiage_2.png) no-repeat; height:68px; margin-top:10px}
.shuomin .jiage li { color:#999; font-size:14px; height:30px; line-height:30px; padding-left:10px}
.shuomin .jiage li p { width:50px; float:left; display:block}
.shuomin .jiage li span { width:400px; margin-left:30px}
.shuomin .jiage li span.jage { color:#666;text-decoration:line-through;}
.shuomin .jiage li span.chux { color:#C40000; font-size:30px;font-weight: bolder;font-family: Arial;}
.shuomin .tedian { padding:5px; margin-top:10px; height:100px; color:#666}
.shuomin .miaos {padding: 5px;
margin-top: 10px;
height: 177px;
color: #666;}

.kyzb_d_btn{ margin:20px 20px 20px 10px; float:left}
.kyzb_d_btn a{width:120px; height:45px; display:block; font-size:24px; line-height:45px; background:#e80000; text-align:center; color:#fff; border-radius:5px;animation:egg_two 0.6s linear infinite alternate; -ms-animation:egg_one 0.6s linear infinite alternate; -moz-animation:egg_one 0.8s linear infinite alternate; 
-webkit-animation:egg_one 0.6s linear infinite alternate; -o-animation:egg_one 0.6s linear infinite alternate;}
.kyzb_d_btn a:hover{background:#ff6c00;-moz-transition: background 0.8s ease-out 0s; -webkit-transition: background 0.8s ease-out 0s; transition: background 0.8s ease-out 0s;}

.kyzb_d_btn2{ margin:20px 0 20px 10px;float:left}
.kyzb_d_btn2 a{width:120px; height:45px; display:block; font-size:24px; line-height:45px; background:#20a3d5; text-align:center; color:#fff; border-radius:5px;animation:egg_two 0.6s linear infinite alternate; -ms-animation:egg_one 0.6s linear infinite alternate; -moz-animation:egg_one 0.8s linear infinite alternate; 
-webkit-animation:egg_one 0.6s linear infinite alternate; -o-animation:egg_one 0.6s linear infinite alternate;}
.kyzb_d_btn2 a:hover{background:#37b7e8;-moz-transition: background 0.8s ease-out 0s; -webkit-transition: background 0.8s ease-out 0s; transition: background 0.8s ease-out 0s;}


.fxd { height:36px; color:#999; line-height:36px; padding-right:20px}

.mainwrap { width:100%; margin-top:60px}

#con {	font-size: 12px; margin: 0px auto; width:98%;}
#tags {border-bottom: 1px solid #F0B887;height: 40px;}
#tags li{float: left;height: 40px;line-height: 40px;font-size: 20px;border-right: 1px solid #F0B887;cursor: pointer;background: #F0B887 none repeat scroll 0% 0%; }
#tags li a { color:#FFF; display:block; width:80px; height:40px; padding:0 40px}
#tags li:hover {background: #E35C00 none repeat scroll 0% 0%;}
#tags li.selectTag,#tags li.selectTag0 {background: #E35C00 none repeat scroll 0% 0%;}
.tagContent { padding:10px 0px; width:100%}
.xg { margin-top:10px; color:#666; font-size:12px; line-height:24px}
.tagContent img { max-width:700px}

.tagContent .union { width:720px;}
.tagContent .union ul { text-align:left}
.tagContent .union ul li { width:220px; float:left; margin-right:25px; margin-bottom:20px;}
.tagContent .union ul li img {width:220px; height:220px}
.tagContent .union ul li a { text-align:center; display:block; color:#999;}
.tagContent .union ul li p a { height:30px}


.details .details_right {width:260px;}
.ald-hd {
    position: relative;
    height: 26px;
    margin-top: 0px;
    overflow: hidden;
}
.ald-hd s {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 260px;
    height: 0px;
    text-decoration: none;
    border-top: 1px dotted #C9C9C9;
}

.ald-hd span {
    position: absolute;
    color: #999;
    text-align: center;
    top: 0px;
    left: 50%;
    margin-left: -3em;
    background-color: #FFF;
}


.scrolllist{width:260px;margin:0 auto;}
.scrolllist .imglist_w{width:260px;height:780px;overflow:hidden;float:left;position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{height:20000px;width:auto;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{float:none;width:260px; height:250px; padding:0; margin:0 0 10px 0}
.scrolllist .imglist_w li img{ width:250px; height:250px; padding:0; margin:0}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li p{height:48px;line-height:24px;overflow:hidden;float:left; display:none}

a.abtn{display:block;height:27px;width:27px;background-image: url("../images/arrowp_2.png");}
a.aleft{float: left;
width: 27px;
background-repeat: no-repeat;
background-color: transparent;
height: 27px;
cursor: pointer;}

a.aright{background-color: transparent;
background-repeat: no-repeat;
float: right;
width: 27px;
height: 27px;
cursor: pointer;
background-position: 0px -30px;}




/* 新闻 */

.reg01 .rge_con{ 
    width:720px; 
	height:130px; 
	margin:0 15px;
	border-bottom:1px solid #eeeeee;
	margin-bottom:15px;} 
.rge_con > img{ display:block;float:left; width:200px; height:116px}
.rge_con dl{
	display:block;
	float:left; 
	width:490px;
	margin: 12px 0 0 23px;}
.rge_con dl dt{
	font-size:18px;
	margin-bottom:15px;}
.rge_con dl dt a{color:#F32424;font-weight: bold;
font-size: 14px;}
.rge_con dl dt a:hover{ text-decoration:underline;color:#457a04;}
.rge_con dl dd{ color:#666;
	font-size:14px;
	font-family:"宋体", "微软雅黑";
	line-height:24px;}
.rge_con dl dd a{color:#457a04;}
.rge_con dl dd a:hover{ text-shadow: 5px 5px 10px #457a04;}

.details .news h1 { text-align:center; font-size:16px; font-weight:bold; color:#555; font-family:"宋体", "微软雅黑"; line-height:30px}
.details .news .newssj { line-height:28px; text-align:center; color:#666}
.details .news_cont { text-align:left; line-height:24px; font-size:14px; margin-top:20px}
.details .news_cont img { max-width:700px}
.details .xiayi a { color:#666; width:100px; display:block; float:right}

.sideph { width:260px}
.sideph h3 {color:#000000; font:normal 20px/20px "微软雅黑"; padding:20px 0 21px 18px; display:block;}
.sideph em { display:block; font:bold 32px/32px "Arial"; float:left; padding:0 17px 0 27px; color:#F00}
.sideph ul {padding-bottom:21px; clear:both;}
.sideph ul li { clear:both; border-bottom:1px solid #ececec; height:29px;}
.sideph ul li span { float:left; text-align:center; color:#ffffff; font:normal 11px/16px "Arial"; background:url(../images/icon_27_2.png) no-repeat; width:16px; display:block; height:16px; margin:7px 15px 0 10px;}
.sideph ul li a {width: 211px;
height: 24px;
overflow: hidden;}
.sideph ul li:nth-child(1) span{ background:url(../images/icon_26_2.png) no-repeat;}
.sideph ul li:nth-child(2) span{ background:url(../images/icon_26_2.png) no-repeat;}
.sideph ul li:nth-child(3) span{ background:url(../images/icon_26_2.png) no-repeat;}
.sideph ul li span.red { background:url(../images/icon_26_2.png) no-repeat;}
.jishu{
	counter-reset:jiawin 0;
}
.jishu span:before {
	content:counter(jiawin);
	counter-increment:jiawin;
}

.sideph ul li a { float:left; color:#555555; font:normal 12px/29px "宋体";}
.sideph ul li p { float:right; color:#000000; font:normal 11px/29px "Arial"; margin-right:41px;}

