@charset "utf-8";

.wrap_content {
	width:100%;
	height:100%;
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
}

.wrap_menu {
	width:210px;
	height:100%;
	position:relative;
	margin-left:100px;
	float:left;
	z-index:9;
}
.menu_bak {
	width:100%;
	height:100%;
	background:#000;
	opacity:0.9;
}
.menu {
	width:100%;
	position:absolute;
	top:0px;
	z-index:9;
}
.menu .logo {
	width:118px;
	height:93px;
	border-bottom:1px solid #39332c;
	padding:33.5px 46px;
}
/*电脑版——导航*/
.nav {
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #39332c;
	text-align:center;
	font-size:0.875em;
}
.nav ul li {
	position:relative;
	width:100%;
}
.nav ul li .star {
	width:17px;
	height:15px;
	background:url(../images/star.png)) no-repeat center;
	position:absolute;
	right:-8px;
	top:32.5%;
	opacity:0;
}
.nav ul li .star.current {
	-moz-animation: fadeInLeft .3s .2s both;
	-o-animation: fadeInLeft .3s .2s both;
	-webkit-animation: fadeInLeft .3s .2s both;
	animation: fadeInLeft .3s .2s both;
}
.nav ul li .nth_fath {
	height:40px;
	line-height:40px;
	margin-top:10px;
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
}
.nav ul li .nth_fath.current,.nav ul li .nth_fath:hover {
	background-color:#be9e71;
	color:#fff;
}
.nth_child {
	width:125px;
	position:absolute;
	right:-125px;
	top:-6px;
	z-index:9;
	display:none;
	/*opacity:0;*/
}
.nth_child.current {
	-moz-animation: fadeIn 0.2s 0.2s both;
	-o-animation: fadeIn 0.2s 0.2s both;
	-webkit-animation: fadeIn 0.2s 0.2s both;
	animation: fadeIn 0.2s 0.2s both;
}
.nth_child dl dd {
	width:105px;
	height: 30px;
	line-height: 30px;
	font-size: 0.75em;
	color: #353535;
	padding-top: 13px;
	overflow:hidden;
	padding-left:5%;
	padding-right:5%;
}
.nth_child dl dd a {
	color:#1a1a1a;
}
.nth_child dl dd a:hover {
	color:#fff;
}
.c_menu_bak {
	width:125px;
	height:100%;
	position:relative;
	background:#c9a063;
	float:left;
	left:-200px;
	opacity:0;
	z-index:6;
}
/*内容页导航右侧*/
.right_con {
	width:65%;
	height:100%;
	position:absolute;
	float:left;
	left:335px;
	z-index:9;
}
.right_con.current {
	-moz-animation: fadeOutLeft 1s both;
	-o-animation: fadeOutLeft 1s both;
	-webkit-animation: fadeOutRight 1s both;
	animation: fadeOutRight 1s both;
}
.con_bak {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background:#fff;
	opacity:0.8;
}
.con_des {
	width:90%;
	height:85%;
	left:50%;
	margin-left:-45%;
	position:absolute;
	top:0;
	z-index:9;
	padding-top:10%;
	padding-bottom:5%;
	overflow:scroll;
}
.con_tit {
	width:auto;
	height:14px;
	text-align:center;
	color:#fff;
	font-size:1em;
	line-height:30px;
	background:#c9a063;
	padding:8px 20px 8px 20px;
}

.con_box {
	width:auto;
	height:14px;
	text-align:center;
	color:#fff;
	font-size:1em;
	line-height:30px;
	background:#b19e71;
	padding:8px 20px 8px 20px;
}

.p_tit ul li{
    float:left;
	line-height:20px;
	height:20px;
	margin:15px 10px 0;
}
.con_txt {
	width:100%;
	height:92%;
	overflow:scroll;
	margin-top:10px;
	line-height:25px;
}
.con_txt.co_parther img {
	width:100%;
	height:auto;
}
/*右上角小导航*/
.versions {
	position:absolute;
	right:20px;
	top:20px;
	z-index:9;
}
.versions ul li {
	float:left;
	margin-left:5px;
	font-size:0.625em;
	color:#fff;
}

.contact {
	position:absolute;
	bottom:65px;
	text-align:center;
}
/*左侧搜索电话*/
.search {
	width:160px;
	height:25px;
	border:1px solid #5c5c60;
	margin-left:25px;
	line-height:25px;
	margin-bottom:20px;
}
.input_txt {
	width:135px;
	border:none;
	height:24px;
	padding-left:5px;
	background:none;
	line-height:24px;
	float:left;
	font-size:0.875em;
	color:#c9a063;
}
.search_but {
	float:left;
	background:url(../images/search_but.png) no-repeat;
	border:none;
	width:13px;
	height:14px;
	margin-top:5px;
}
.phone {
	background:url(../images/phone.png) no-repeat left;
	padding-left:20px;
	font-size:0.875em;
	margin-left:12px;
	color:#c9a063;
}
/*主页中小图*/
.wrap_txt {
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:167px;
	/*opacity:0;*/
	-moz-animation: fadeInDown .8s .2s both;
	-o-animation: fadeInDown .8s .2s both;
	-webkit-animation: fadeInDown .8s .2s both;
	animation: fadeInDown .8s .2s both;
}
.wrap_txt img {
	width:100%;
	height:auto;
}
.flg_icon {
	position:absolute;
	bottom:-50px;
	right:0px;
}
.flg_icon ul li {
	float:left;
	width:40px;
	height:40px;
	opacity:0;
	margin-left:5px;
}
.flg_icon ul li:nth-child(1) {
	-moz-animation: fadeInUp .8s .6s both;
	-o-animation: fadeInUp .8s .6s both;
	-webkit-animation: fadeInUp .8s .6s both;
	animation: fadeInUp .8s .6s both;
}
.flg_icon ul li:nth-child(2) {
	-moz-animation: fadeInUp .8s .7s both;
	-o-animation: fadeInUp .8s .7s both;
	-webkit-animation: fadeInUp .8s .7s both;
	animation: fadeInUp .8s .7s both;
}
.flg_icon ul li:nth-child(3) {
	-moz-animation: fadeInUp .8s .8s both;
	-o-animation: fadeInUp .8s .8s both;
	-webkit-animation: fadeInUp .8s .8s both;
	animation: fadeInUp .8s .8s both;
}
.flg_icon ul li:nth-child(4) {
	-moz-animation: fadeInUp .8s .9s both;
	-o-animation: fadeInUp .8s .9s both;
	-webkit-animation: fadeInUp .8s .9s both;
	animation: fadeInUp .8s .9s both;
}
/*底部*/
.footer {
	position:absolute;
	right:0px;
	bottom:0px;
	padding-left:20px;
	padding-right:20px;
	height:35px;
	line-height:35px;
	font-size:0.75em;
	z-index:8;
	overflow:hidden;
	width:100%
}
.f_bak {
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	position:absolute;
}
.f_txt {
	width:100%;
	position:absolute;
	right:-28%;
	z-index:9;
	text-align:center;
	color:#e7e7e7;
}

/*首页右浮动*/
.right_info{
    position:absolute;
    right:0px;
    top:167px;
}
.right_info ul li{
    width:30px;
    height:115px;
    margin-bottom:35px;
    background:rgba(0,0,0,.8);
    font-size:0.75em;
    cursor:pointer;
    position:relative;
}
.right_info ul li .icon{
    width:30px;
    height:30px;
    background:url(../images/date.png) no-repeat center;
    border-bottom:1px solid #39332c;
}
.right_info ul li:nth-child(2) .icon{
    background:url(../images/wx_icon.png) no-repeat center;
}
.right_info ul li .i_txt{
    width:15px;
    text-align:center;
    margin:0 auto;
    color:#e6e6e6;
    line-height:14px;
    margin-top:10px;
}
.news_list {
	width:0;
	opacity:0;
	height:95px;
	position:absolute;
	right:30px;
	background:#8c754b;
	top:0px;
	padding:10px 10px;
}
.news_img {
	width:138px;
	height:93px;
	border:2px solid #fff;
}
.news_con {
	width:195px;
	position:relative;
	overflow:hidden;
	color:#fff;
	font-size:0.95em;
	line-height:22px;
	display:none
}
.news_txt{
    max-height:44px;
	overflow:hidden;
}
.news_det {
	color:#333;
	margin-top:5px;
}
.focus {
	width:0;
	height:95px;
	position:absolute;
	right:30px;
	background:#8c754b;
	top:0px;
	padding:10px 10px;
	opacity:0;
}
.focus_txt {
	width:15px;
	color:#fff;
	font-size:0.75em;
	float:left;
}
.wx_img {
	position: absolute;
	right:10px;
}
/*phone_menu*/
.p_menu {
	position:absolute;
	width:240px;
	height:100%;
	top:0px;
	left:-240px;
	cursor:pointer;
	z-index:99;
	opacity:0;
	display:none;
	-moz-animation: fadeInLeft 1s .2s both;
	-o-animation: fadeInLeft 1s .2s both;
	-webkit-animation: fadeInLeft 1s .2s both;
	animation: fadeInLeft 1s .2s both;
}
.p_close {
	display:none;
}
.p_logo {
	width:100%;
	height:10%;
	padding-top:20px;
	padding-bottom:30px;
	border-bottom:1px solid #3d3932;
}
.p_logo a {
	width:90px;
	margin:0 auto;
	display:block;
}
.p_menu_bak {
	width:100%;
	height:100%;
	background:#000;
	top:0;
	opacity:0.8;
	position:absolute;
}
.p_menu_wrap {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index:99;
}
.btn-navbar {
	position:absolute;
	float:right;
	top:10px;
	right:-40px;
}
.p_menu ul li .icon-bar {
	width: 30px;
	height: 3px;
	border-radius:3px;
	background: #c9a063;
	margin-top: 5px;
	display: block;
}
.p_m_list {
	width:100px;
	height:77%;
	float:left;
	position:relative;
	left:70px;
}
.p_m_list ul li:first-child {
	margin-top:20px;
}
.p_m_list ul li {
	width:100%;
	margin:0 auto;
	text-align:center;
	height:40px;
	line-height:45px;
	color:#c9a063;
	position:relative;
}
/*contact*/
.close,.chh{
    width:48px;
    height:48px;
    background:url(../images/close.png) no-repeat center;
    position:absolute;
    right:-63px;
    top:15px;
    z-index:9;
    cursor:pointer;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
.close:hover,.chh:hover{
    -webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
.close.black {
	background:url(../images/close.png) no-repeat center;
}

/*新闻列表*/
.news_list_l ul li {
	width:100%;
	float:left;
	color:#fff;
	margin-top:30px;
}
.news_list_l ul li .news_icon {
	width:5%;
}
.news_list_l ul li .news_icon img {
	width:100%;
	height:auto;
}
.news_list_l ul li .news_con {
	width:93%;
}
.news_list_l ul li .news_l_tit {
	font-size: 1.6em;
	margin-bottom: 10px;
}
.news_list_l ul li .news_l_tit{
    color:#333;
}
.news_list_l ul li .news_l_con {
	height:46px;
	overflow:hidden;
	color:#666;
	font-size:14px;
}
.news_list_l ul li .news_icon img {
	width:100%;
	height:auto;
}
/*产品列表*/
.pro_list_l ul li {
	width:48%;
	float:left;
	color:#333;
	margin-top:30px;
	margin-right:2%;
	text-align:center;
}
.pro_list_l ul li a{
    display:block;
}
.pro_list_l ul li img{
    width:300px;
	height:200px
}
.pro_list_l ul li a span{
    display:block;
	height:30px;
	line-height:30px;
	overflow:hidden;
	margin-top:5px;
	font-size:14px;
}
/* page*/
.Page{width:100%; text-align:center; margin:50px 0px;margin-left:1px;float:left;}
.Page a{display:inline-block;height:27px; vertical-align:middle; line-height:27px; font-size:14px;/* border:1px solid #333;*/ margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;padding:0 6px;}
.Page a:hover{color:#C9A063;}
.Page span{display:inline-block;padding:0 6px;height:27px; vertical-align:middle; line-height:27px; font-size:14px; /*border:1px solid #333;*/ margin-left:-1px;float:left;color:#333;}
.Page span.current{color:#C9A063;}

/*about*/
.about_tit {
	font-size:1.4em;
	margin-bottom:10px;
	color:#333; text-align:center;
	line-height:60px;
}
.about_des {
	/*padding-top:20px;*/
	padding-bottom:40px;
	color:#666;
}
.about_des img{
    max-width:98%;
    margin:15px auto;
    display: block;
}

/*内页右侧图片*/
.dt_txt{
    width:82px;
    height:438px;
    position:absolute;
    top:12%;
    right:10%;
}
.dt_txt div{
    float:left;
}

.dt_txt .font_1{
    width:41px;
    height:438px;
    /*opacity:0;*/
    -moz-animation: fadeInRight 1s .2s  both;
    -o-animation: fadeInRight 1s .2s  both;
    -webkit-animation: fadeInRight 1s .2s both;
    animation: fadeInRight 1s .2s  both;
}

.dt_txt .font_2{
    width:41px;
    height:438px;
    /*opacity:0;*/
    -moz-animation: fadeInRight 1s .4s  both;
    -o-animation: fadeInRight 1s .4s  both;
    -webkit-animation: fadeInRight 1s .4s both;
    animation: fadeInRight 1s .4s  both;
}



/***********客户留言***********/

.feedback_text{ width:800px; margin:0px auto; margin-top:20px; overflow:hidden;}
.feedback_text ul{ margin-top:15px; overflow:hidden;}
.feedback_text ul li{ margin-right:8px; line-height:30px; color:#666; float:left;}
.feedback_text ul li.feed_title1{ width:80px; font-size:14px; text-align:right; overflow:hidden;}
.feedback_text ul li a{}
.feedback_text ul li a:hover{}

.feedback_text ul li input{ width:200px; height:25px; line-height:25px;}
.feedback_text ul li input.back_text{ width:400px;}
.feedback_text ul li textarea{ width:400px; height:100px;} 

.feedback_text ul li.feed_red{ color:#f00; margin-left:3px; overflow:hidden;}
.back_btn{background-color:#F60;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 100px; display:block;}


.Tips{ width:760px; height:30px; line-height:30px; border:#ff9800 1px solid; overflow:hidden; margin:0px auto; margin-top:20px;}
.Tips ul{ width:760px; overflow:hidden;}
.Tips ul li{ float:left;}

.Tips ul li.Tips_Text{ text-indent:10px;}
.Tips ul li.Tips_Text a{ color:#1A66B3;}
.Tips ul li.Tips_Text a:hover{ text-decoration:underline;}

.Tips ul li.Tips_Btn{ width:57px; height:21px; float:right; margin-top:4px; margin-right:10px; _margin-right:5px;}

a.Comment_Btn{ width:57px; height:21px; line-height:21px; text-align:center; color:#555; background:url(../images/Submit_Btn.gif); overflow:hidden; display:block;}

/******************在线留言******************/
.Msg_Box{ width:760px; min-height:127px; _height:127px; background:#fff; border:#ccc 1px solid; overflow:hidden; _overflow:visible; margin:0px auto; margin-top:20px;}

.Msg_Box ul{ width:760px; overflow:hidden; clear:both;}

.Msg_Box ul.Msg_Title{ height:30px; color:#069; background:#ededed; border-bottom:#ccc 1px solid;}
.Msg_Box ul.Msg_Title li{ height:30px; line-height:30px; _line-height:32px; overflow:hidden; float:left; margin-left:10px; display:inline;}

.Msg_Box ul.Msg_Text{ border-bottom:#ccc 1px solid; margin-top:10px;}
.Msg_Box ul.Msg_Text li{ width:720px; min-height:50px; _height:50px; line-height:22px; overflow:hidden; _overflow:visible; margin:0px auto; }

.Msg_Box ul.Msg_Reply{ margin-top:5px;}
.Msg_Box ul.Msg_Reply li{ width:720px; min-height:30px; _height:30px; line-height:22px; color:#555; overflow:hidden; _overflow:visible; margin:0px auto;}