@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea{ font-family:'Microsoft yahei'; font-size:14px; color:#666666;}
*{ margin: 0; padding: 0; }
ul,ol,li{ list-style-type:none;}
html,body{ min-width:1200px;}
table{border-width: 1px;border-color: #999999;border-collapse: collapse;}
th{border-width: 1px;padding: 8px;border-style: solid;border-color: #999999;background-color: #dedede;}
td{border-width: 1px;padding: 8px; border-style: solid;border-color: #999999;background-color: #ffffff;}
a{ text-decoration: none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
a:hover{color:#da251d;}
img{border:0;}
li{ line-height:normal; }
a:link, a:visited{ color:#666666; text-decoration:none;}
a:hover{ color:#b90013; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
h3{ font-weight:normal;}
.clear{clear:both;}
.pt15{padding:15px 0;}
.main{ width:1100px; height:auto; margin:0 auto; padding-top:10px;}

/*顶部 效果*/
.top{ width:1100px; height:auto; margin:0 auto; height:90px;}
.logo{width:588px; margin-top:18px; height:54px;}
.tel{font-size:26px;line-height:90px;color:#DB2925;}

/*menu 效果*/
.nav{width:100%;height:48px;background:#DB2925}
.menu{width:1100px; margin:0 auto; height:48px;}
.menu ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:15; position:relative; width:157px;height:48px;  text-align:center;}
.menu ul .nli span{ display:inline-block;}
.menu ul .nli span a{float:left; display:inline-block;width:157px;line-height:46px;border-botom:2px solid rgba(177,196,43,0); color:#ffffff; font-size:16px;}
.menu ul .nli.first span a{ width:46px;}
.menu ul .nli:hover span a,.menu ul .nli.on span a{ border-bottom:2px solid #F06405; background:#f2f2f2; color:#F06405;}

/*下拉菜单（漂浮在menu .nli上）*/
.menu .sub{ display:none; float:left; width:100%; background:#ffffff;filter:alpha(opacity:60); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;position:absolute; left:0; top:48px; text-align:center; box-shadow:2px 2px 7px rgba(0,0,0,0.15)}
.menu .sub li{ width:100%; float:left; border-top:dashed 1px #b1c42b; margin-top:-1px; height:50px; line-height:50px;}
.menu .sub li a{display:inline-block;*display:inline; *zoom:1; width:100%; font-size:13px; color:#333; line-height:22px;}
.menu .sub li a:hover{ color:#F06405;}

/*banner*/
#banner {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;margin: 0px auto;}
#banner img{width:100%;}
#banner-inside {position: relative;width: 100%;height: 500px;overflow: hidden;margin: 0px auto;}
#banner-inside img {position: absolute;left: 50%;top: 0px;margin-left: -1000px;}

/* 标题 */
.h-title{ height:30px;line-height:30px; margin:0 0 15px; overflow:hidden;}
.h-title h3{ float:left; line-height:30px; font-size:20px; font-weight:normal; color:#4f4f4f; margin:0;}
.h-title h3 em{ font-style:normal; color:#ef091b;}
.h-title h3 span{ margin-left:5px; font-size:18px; color:#b2b2b1;}
.h-title .news_more{ float:right; display:inline-block; height:19px; line-height:19px; padding:0 9px; background-color:#efa650; font-size:12px; color:#fff; border-radius:9.5px; margin-top:6px;}
.h-title .news_more:hover{ text-decoration:none; color:#fff;}

/*更多*/
.bg1{ border-bottom:solid 1px #e6e6e6;margin-bottom:22px; }
.c_1200_1{ width:100%; float:left; padding:65px 0 31px 0; position:relative;}
.more{ display:block; width:175px; height:40px; border:solid 1px #F06405; text-align:center; line-height:40px; font-size:14px; color:#F06405; background:white; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; position:absolute; left:50%; bottom:-22px; margin-left:-88px;}
.more .img1{display:inline-block;*display:inline; *zoom:1;}
.more .img2{display:none;}
.more:hover{ background:#F06405; color:white;}
.more:hover .img1{display:none;}
.more:hover .img2{display:inline-block;*display:inline; *zoom:1;}

/*简介与新闻*/
#main .about{background:#fff;width:100%;padding:30px 0 31px 0;margin:0px auto;}
#main .about .con{width:90%;max-width:1100px;margin:0px auto;padding:0px 0px 40px 0px;overflow:hidden;}
#main .about .about_left{width:550px;}
#main .about .about_left .img{width:100%;height:auto;overflow:hidden;background:#000;}
#main .about .about_left .img img{width:100%;height:auto;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s;}
#main .about .about_left a:hover .img img{transform:scale(1.1,1.1);}
#main .about .about_left .txt{padding-top:15px;font-size:14px;line-height:30px;text-indent:2em}
#main .about .about_right{width:500px;}
.new-first{ height:90px; margin-bottom:10px;}
.new-first .pic{ float:left; width:120px; height:90px; overflow:hidden; margin-right:15px;}
.new-first dl{ margin:0;}
.new-first dl dt{ height:22px; line-height:22px; overflow:hidden; font-size:14px; font-weight:normal;}
.new-first dl dd{ height:44px; line-height:22px; overflow:hidden; color:#989797; font-size:12px;}
.new-first dl .time{ height:22px; color:#f5af09;}
.new-list{ margin:0; overflow:hidden;}
.new-list li{ height:32px; line-height:32px; overflow:hidden; border-bottom:1px dotted #d1d1d1; font-size:14px;}
.new-list li .time{ float:right; display:inline-block; height:17px; line-height:17px; padding:0 2px; color:#fff; background-color:#cbcaca; color:#fff; margin-top:7px; margin-left:10px;}
.new-list li:hover a{ color:#F06405;}
.new-list li:hover .time{ background-color:#F06405;}


/*产品展示*/
#main .product{background:#fff;width:100%;padding:0 0 31px 0;margin:0px auto;}
#main .product .bd{width:1100px;height:370px;margin:0px auto;padding:40px 0px;overflow:hidden;}
#main .product .bd li{
	position:relative;
	display:block;
	float:left;
	width:255px;
	height:370px;
	text-align:center;
	background:#444444;
	background-size:100% 100%;
	background-position:left top;
	margin:0px 10px;
	overflow:hidden;
}
#main .product .bd li .img{	
	max-width:250px;
	max-height:250px;
	width:96%;
	margin:30px auto 0px auto;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s; 
	-webkit-transition-duration: .5s;
}
#main .product .bd li .name{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:40px;
	overflow:hidden;
	background:#F06405;
	color:#fff;
	text-align:center;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s; 
	-webkit-transition-duration: .5s;
}
#main .product .bd li .name h3{
	height:40px;
	line-height:40px;
	font-size:13px;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
}
#main .product .bd li .name h4{
	background:url(../images/btn_2.png) no-repeat;
	background-position: center bottom;
	line-height:30px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	padding-bottom:30px;
}
#main .product .bd li:hover .img{
	margin-top:20px;
}
#main .product .bd li:hover .name{
	height:110px;
	background:#DB2925;
}
#main .product .arrow {
	margin:0px auto;
	text-align:center;
}
#main .product .arrow a{
	position:relative;
	display:inline-block;
	width:90px;
	height:28px;
	border:1px solid #ddd;
	border-radius:30px;
	margin:0px 10px;
	overflow:hidden;
	cursor:pointer;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s; 
	-webkit-transition-duration: .5s;
}
#main .product .arrow a:hover{
	background-color:#f06405;
	border:1px solid #f06405;
}
#main .product .arrow a:hover img{
	margin-top:-28px;
}



/*服务与支持*/
#main{width:100%;height:auto;margin:0px auto;position:relative;}
#main .support{width:100%;height:auto;margin:0px auto;}
#main .support .con{width:1100px;margin:0px auto;padding:40px 0px;}
#main .support .con .external {display:inline-block;margin:0px 11px;width:250px;height:420px;text-align:center;overflow: hidden;padding: 0px;border: 0px;position: relative;box-sizing: border-box;cursor: pointer;-webkit-perspective: 1700px;-moz-perspective: 1700px;perspective: 1700px;-webkit-perspective-origin: 50% 50%;-moz-perspective-origin: 50% 50%;perspective-origin: 50% 50%;}
#main .support .con .inner {width: 100%;height: 100%;padding: 0;margin: 0;position: relative;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
#main .support .con .inner > div.text {background:#f3f3f3;height: 420px;backface-visibility: hidden;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;	}
#main .support .con .inner > div.text .icon{margin:0px auto;padding:30px 0px 10px 0px;}
#main .support .con .inner > div.text h3{width:80%;margin:0px auto;font-size:18px;font-weight:normal;color:#131313;}
#main .support .con .inner > div.text h4{width:80%;margin:0px auto;padding-top:25px;color: #8e8e8e;font-size: 12px;font-weight:normal;line-height:20px;}
#main .support .con .inner > div.text .img {position:absolute;left:50%;bottom:0px;width:100%;margin-left:-50%;}
#main .support .con .inner:hover > div.text {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
#main .support .con .inner .on {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	color: #fff;
	height: 100%;
	width: 100%;
	margin: 0;
	opacity: 0;
	background-color: #f06405;
	text-align: center;
	backface-visibility: hidden;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
#main .support .con .inner .on a{
	display:block;
	height:100%;
}
#main .support .con .inner .on .icon{
	height:120px;
	margin-top:50px;
	opacity:0.5;
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s; 
	-webkit-transition-duration: 1s;
}
#main .support .con .inner .on h3{
	position:absolute;
	left:50%;
	top:60%;
	width:80%;
	margin-left:-40%;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s; 
	-webkit-transition-duration: 0.5s;
}
#main .support .con .inner .on h4{
	position:absolute;
	left:50%;
	top:70%;
	width:80%;
	margin-left:-40%;
	color: rgba(255,255,255,0.8);
	font-size: 13px;
	font-weight:normal;
	line-height:24px;
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s; 
	-webkit-transition-duration: 1s;
}
#main .support .con .inner:hover .on {opacity: 1;-webkit-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0)}
#main .support .con .inner:hover .on .icon{opacity:1;margin-top:70px;}
#main .support .con .inner:hover .on h3{top:50%;}
#main .support .con .inner:hover .on h4{top:60%;}

/*<!--内页-mian-->*/
.main_top{width:100%;height:215px;background:url(../images/cer.png) no-repeat center #EF6208;}
.main1{ width:1100px; height:auto; margin:40px auto;}
.lefter{width:255px;float:left;}
.righter{float:right;width:825px;}
.leftnav{background:#F06405;width:315px;height:140px;text-align:center;display:table-cell; vertical-align:middle;color:#fff;font-size:24px;}
.subnav{background:#f1f1f1;border-bottom:0;margin:0;padding-bottom:30px;list-style:none;}
.subnav li{padding-top:22px;font-size:16px;}
.subnav li a{display:block;color:#000000;padding-left:60px;background:url(../images/bnt.png) no-repeat 15px -51px;line-height:40px;height:40px;}
.subnav li a:hover{color:#ffffff;padding-left:60px;background:url(../images/bnt.png) no-repeat 15px 0;}
.subnav .hover a{display:block;padding-left:60px;color:#ffffff;background:url(../images/bnt.png) no-repeat 15px 0;}

.leftpro{padding:10px 0;}
.leftpro .protitle{background:#F06405;width:315px;height:50px;text-align:center;display:table-cell; vertical-align:middle;color:#fff;font-size:24px;}
.leftpro dl dt{height:40px;line-height:40px;font-size:13px;}
.leftpro dl dt a{display:block;padding:0 20px;color:#333;}
.leftpro dl dt a:hover{background:#efefef;}
.leftpro dl dt.on{background:#efefef; border-left:4px solid #e9280c;}

.location{ clear:both; overflow:hidden; line-height:60px;border-bottom:1px solid #eeeeee;}
.location dt{ color:#DB2925; font-size:12px; background:url(../images/location.png) no-repeat 0 center;  float:right; padding:0 20px}
.location dt a{ color:#DB2925; margin:0 8px}
.location dd{ float:left;  display:inline-block; overflow:hidden; font-size:18px; color:#DB2925}
.location dd span{ background:url(../images/location1.png) no-repeat left center;padding-left:24px; display:inline-block}
.contact_article{ width:100%; overflow:hidden; margin-top:20px;padding:0 10px;line-height:30px; font-size:15px; color:#555555;}
.contact_article img{ max-width:100%;}

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:24px;color:#999;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;font-family:microsoft yahei;display:block;line-height:40px;}

.work_article{ clear:both; overflow:hidden; padding:10px 0; text-align:center; color:#a5a5a5}
.work_article h1{ font-weight:lighter; color:#006637; font-size:20px; padding:5px 0; line-height:1.5; margin:0 0 10px}
.work_article p{ background: #fafafa; font-size: 12px;}
.work_article p em{ font-style:normal; margin:0 10px; display:none}
.work_article p span{ margin:0 10px}

.pro_list li{float:left;width:33.3%;}
.pro_list li a{display:block;padding:10px;}
.pro_list li a img{border:1px solid #eee;width:255px;height:352px}
.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;}
.pro_list li a:hover .title{color:#006637;}

#main1 .product{
	background:#fff;
	width:100%;
	padding:0 0 31px 0;
	margin:0px auto;
}
#main1 .product .bd{
	width:845px;
	max-width:1100px;
	margin:0px auto;
	overflow:hidden;
}
#main1 .product .bd li{
	position:relative;
	display:block;
	float:left;
	width:255px;
	height:370px;
	background:#444444;
	background-size:100% 100%;
	background-position:left top;
	margin:20px 10px;
	overflow:hidden;
}
#main1 .product .bd li .img{	
	max-width:250px;
	max-height:250px;
	width:96%;
	margin:30px auto 0px auto;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s; 
	-webkit-transition-duration: .5s;
}
#main1 .product .bd li .name{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:40px;
	overflow:hidden;
	background:#F06405;
	color:#fff;
	text-align:center;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s; 
	-webkit-transition-duration: .5s;
}
#main1 .product .bd li .name h3{
	height:40px;
	line-height:40px;
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
}
#main1 .product .bd li .name h4{
	background:url(../images/btn_2.png) no-repeat;
	background-position: center bottom;
	line-height:30px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	padding-bottom:30px;
}
#main1 .product .bd li:hover .img{
	margin-top:20px;
}
#main1 .product .bd li:hover .name{
	height:110px;
	background:#DB2925;
}
#main1 .product .arrow {
	margin:0px auto;
	text-align:center;
}
#main1 .product .arrow a{
	position:relative;
	display:inline-block;
	width:90px;
	height:28px;
	border:1px solid #ddd;
	border-radius:30px;
	margin:0px 10px;
	overflow:hidden;
	cursor:pointer;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s; 
	-webkit-transition-duration: .5s;
}
#main1 .product .arrow a:hover{
	background-color:#f06405;
	border:1px solid #f06405;
}
#main1 .product .arrow a:hover img{
	margin-top:-28px;
}

/* 分页 */
.mpage { display:block;padding:40px 0 10px;margin:0 auto; text-align:center;}
.mpage li{ display:inline; padding:8px;}
.mpage .count,.mpage .pend,.mpage .phome{ display:none;}
.mpage .pnext a,.mpage .ppre a,.mpage .ppage a{ display:inline-block;*display:inline;zoom:1; line-height:31px; width:31px; text-align:center;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius: 5px; -khtml-border-radius: 5px; font-size:16px; background:#FF6600;color:#FFF;}
.mpage .pnext a,.mpage .ppre a{width:auto; padding:0 20px;background:#FF6600;color:#FFF;display:none;}
.mpage  a:hover,.mpage  a.hover{ background:#cccccc;color:#FFF;}

/* 留言 */
.tourist{ clear: both; overflow: hidden;padding-top:20px;}
.house1_1{ clear: both; overflow: hidden; padding: 10px 0; }
.tourist1{line-height: 35px;}
.tourist1 th{ padding: 7px 5px; text-align: right; font-weight: lighter; width: 100px}
.tourist1 td{padding: 7px 5px;border:0}
.tourist1 span{ color:#f00;}
.tourist1 label{ margin-right: 10px; width: 70px; text-align: right;}
.tour_1 input{ vertical-align: middle; margin: 0 8px;}
.house1_1 textarea{width: 80%; resize: none;border: 1px solid #d6d6d6; padding: 5px 10px; line-height: 24px; height:144px ;}
.tourist_i1{ width: 80%; border: 1px solid #d6d6d6; line-height: 33px; height: 35px; *height: 33px; padding: 0 10px;}
.house_select{-webkit-appearance: button;-webkit-padding-end: 30px;-webkit-padding-start:1px;-webkit-user-select: none;color: #ababab; height: 35px;*height: 33px; line-height: 33px; width:49%;outline:none;float: left;}
.h_s{margin-left: 2%; display: inline-block;}
.vip_i2{border-radius: 4px; background: #ffa200; color: #fff; cursor: pointer; text-align: center; width: 80%; height: 44px; line-height: 44px;border: 0;font-size: 16px;}

/*右侧漂浮*/
.pf_right{ position:fixed; right:50px; top:50%;z-index:999;margin-top:-142.5px}
.pf_right ul{ width:46px;}
.pf_right ul li{ width:46px; height:46px; margin-top:11px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; float:left; background-color:#999; background-position: center; background-repeat:no-repeat; position:relative;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.pf_right ul li.l1{ background-image:url(../images/icon-qq.png);}
.pf_right ul li.l2{ background-image:url(../images/icon-weixin.png);}
.pf_right ul li.l3{ background-image:url(../images/ico01_3.png);}
.pf_right ul li.l4{ background-image:url(../images/ico01_4.png);}
.pf_right ul li.l5{ background-image:url(../images/ico01_5.png);}
.pf_right ul li:hover{ background-color:#F06405;}
.pf_right ul li .tel{ padding:10px 15px; position:absolute; right:63px; top:0; font-size:18px; color:white; line-height:26px; font-weight:bold; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background:#F06405; display:none; white-space:nowrap;}
.pf_right ul li .tel .span{ background:url(../images/ico01_6.png) no-repeat; width:6px; height:15px; position:absolute; right:-6px; top:50%; margin-top:-8px;}
.pf_right ul li:hover .tel{ display:block;}

footer { background: #202120; color: #626262; text-align: center; font:12px/28px;padding:20px;}