@import url('goble.css');
@import url('header.css');

/*左导航*/
.nav_t{LINE-HEIGHT: 88px;WIDTH: 240px;BACKGROUND:url('../images/webnav.jpg') no-repeat;HEIGHT: 88px;COLOR: #681e00;FONT-SIZE: 24px;font-weight:bold;text-align:center;}
.nav_list{BORDER-BOTTOM: #DFDFD5 1px solid;LINE-HEIGHT: 40px;WIDTH: 240px;HEIGHT: 40px;background: #f9f9f9 url(../images/yicon.gif) no-repeat 50px;}
.nav_list A{DISPLAY: inline;COLOR: #000;MARGIN-LEFT: 70px;FONT-SIZE: 14px}
.nav_list a: hover{color: #FFEB12;}

.pagetop{width:100%;overflow:hidden;line-height:45px;font-size:14px;margin-bottom:10px;margin-top:10px;border-bottom:1px solid #ccc;}
.pagetop a{font-size:14px;color:#666;padding-left:3px;line-height:45px;}

.sub_lx{color: #fff;background: #333;padding: 11px;margin-top: 15px;font-size: 14px;line-height: 24px;}
.sub_lx01{border: #727272 solid 1px;padding: 10px 15px;}


/*  关于我们 */
.about_3 div{ width:1128px;}
.about_3 dl{ width:376px; float:left}
.about_3 dd{ margin-right:30px; padding-top:10px;}

/*案例*/
.caseshow ul{width:1100px;}
.caseshow li{float:left; width:274px; height:170px; background:#FFF; position:relative; z-index:2; overflow:hidden;}
.caseshow li a{ display:block}
.caseshow li a img{ position:absolute; z-index:3; top:10px; left:10px;display: inline-block; }
.caseshow li a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px; text-align:left}
.caseshow li a:hover .up_box{ display:block;position:absolute; z-index:4; top:10px; left:10px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;
margin-left:0px;
-webkit-transition:height;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 150ms;}
.caseshow li a .up_box h3{ margin:22px; font-size:14px; line-height:24px; color:#fff}


/* 图片展示*/
.hjnavcn{WIDTH: 900px;FLOAT: left;margin-top:20px;}
.hjone{PADDING-BOTTOM: 10px;LINE-HEIGHT: 22px;PADDING-RIGHT: 7px;padding-left:7px;}

.albumblock{padding:10px 15px;float: left;}
.albumblock .inner{width: 260px;height: 225px;position: relative;border: 1px solid #DEDEDC;overflow: hidden;}
.albumblock .inner img{border: 2px solid #fff;width: 255px;height: 190px;}
.albumblock .inner .albumtitle{height: 30px;line-height: 30px;font-size: 12px;width: 230px;position: relative;bottom: 0px;left: 0;color: #d00d16;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}
.albumblock .inner a{color: #6c6c6c;}
.albumblock .inner a:hover{text-decoration: none;}
.albumblock .inner a:visited{text-decoration: none;}
.albumblock .inner:hover{border: 1px solid #F8C401;}



/*内容 新闻*/
.weblist li{height:40px; line-height:39px; overflow:hidden; position:relative; font-size:14px; background:url(../images/line.gif) bottom repeat-x; color:#999;margin-right:15px;}
.weblist li span{position:absolute; top:0px; right:10px; white-space:nowrap;}
.weblist li a{background:url(../images/ico2.gif) 2px center no-repeat; padding-left:12px;color:#666;}
.weblist li a:hover{background:url(../images/ico1.gif) 2px center no-repeat;}


/* 标题 */
.title_web{ color:#f45751; font-size:30px; text-align:center;height:50px; padding-top:30px; margin:0 30px; font-weight:normal}
.title_web_m{ text-align:center; font-size:14px; padding-bottom:20px;}
.title_web_s{text-align:center; font-size:20px; line-height:52px; height:52px; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin:0 30px; color:#f45751}


/*photolist*/
.pagearea{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist{float:left; width:1080px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist li{float:left;margin-bottom:22px;margin-left:20px;overflow:hidden;}
ul.photolist li a{display:block;width:335px;height:240px;overflow:hidden;position:relative;}
ul.photolist li img{position:absolute;height:240px;width:320px;}

ul.photolist li a .n{position:absolute;width:335px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist li a .bg{position:absolute;width:320px;height:40px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist li a:hover .bg,ul.photolist li a:active .bg{background:#005ea3;filter:alpha(opacity=80);opacity:0.8;}
ul.photolist li a b{ width:320px; height:200px; display:block; position:absolute;top:-200px;filter:alpha(opacity=60);opacity:0.6; cursor:pointer;
background:url(../images/eye.png) center center no-repeat #005ea3;_background:url(../images/eye.gif) center center no-repeat #005ea3;}
ul.photolist li a:hover b,ul.photolist li a:active b{ top:0;filter:alpha(opacity=80);opacity:0.8;}

/*photolist2*/
.pagearea2{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist2{float:left; width:1080px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist2 li{float:left;margin-bottom:22px;margin-left:20px;overflow:hidden;}
ul.photolist2 li a{display:block;width:250px;height:330px;overflow:hidden;position:relative;}

ul.photolist2 li img{position:absolute;height:290px;width:250px;}

ul.photolist2 li a .n{position:absolute;width:250px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist2 li a .bg{position:absolute;width:250px;height:40px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist2 li a:hover .bg,ul.photolist li a:active .bg{background:#ff0000;filter:alpha(opacity=80);opacity:0.8;}


/*photolist3*/
.pagearea3{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist3{float:left; width:1100px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist3 li{float:left;margin-bottom:22px;overflow:hidden;width:275px;}
ul.photolist3 li a{display:block;width:260px;height:190px;overflow:hidden;position:relative;}

ul.photolist3 li img{position:absolute;height:190px;width:260px;}

ul.photolist3 li a .n{position:absolute;width:260px;height:35px;line-height:35px;font-size:14px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist3 li a .bg{position:absolute;width:260px;height:35px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist3 li a:hover .bg,ul.photolist li a:active .bg{background:#ff0000;filter:alpha(opacity=80);opacity:0.8;}


/* 内容 */
.web_title{ height:40px; line-height:40px; margin:0 40px; padding-top:30px; text-align:center}
.web_title h3{font-size:24px;color:#000;}
.web_scontent{text-align:center; border-bottom:1px dashed #F8C301; margin:20px;line-height:20px;}
.imgpson{ position:; height:auto}

.web_content{padding:20px; text-align:left; font-size:14px;line-height:30px;}

.case_page_img{margin:0 auto; text-align:center; padding:20px 0;}
.case_page_bc{margin:0 40px; padding:0 0 40px 0}

/*表单*/
.goods-details-R-comment{border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 100%; margin-top: 20px; width: 868px;}
.goods-details-R-comment-T{border-bottom: 1px solid #dddddd; border-top: 3px solid #F8C401; height: 40px; line-height: 40px; margin-top: 50px; text-indent: 17px;}
.goods-details-R-comment-1{border-bottom: 1px solid #dddddd; height: 100%; min-height: 90px; padding: 0 0 0 120px; position: relative; z-index: 0;}
.conment-line-t{color: #3c6887; font-size: 12px;}
.conment-line{background: #3c6887 none repeat scroll 0 0; display: inline-block; height: 10px; margin-right: 5px; width: 2px;}

.headpto{display: inline-block; height: 119px; left: 0; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 110px;}
.headpto img{height: 80px; margin-top: 15px; width: 80px;}

.conment-text{cursor: text; display: inline-block; height: 100%; margin-top: 20px; min-height: 90px; width: 730px;}

.user-name{color: #417eb7; margin-bottom: 12px; min-height: 17px;}
.user-comment{color: #526170; font-size: 11px; height: 100%; line-height: 24px; min-height: 17px; padding-bottom: 5px;}
.admin-comment{border-top: 1px dashed #dddddd; line-height: 22px; margin-left: -100px; min-height: 39px; width: 837px;}
.admin-comment-1{color: #3c6887;}
.admin-comment-1-text{color: #d71338; margin-left: 0;}

/*提交*/
.hy_pf_left {width:840px;float:left; display:inline;}
.hy_pf_left ul {width:840px; margin:0 auto;}
.hy_pf_left ul li {font-size:12px; font-weight:normal; color:#666;float:left; width:400px;margin:4px 0;}

.hy_pf_left ul li b {width:80px; font-weight:normal; float:left; display:inline; font-size:14px; color:#333; line-height:40px; text-align:center;background:#F8C401;}

.hy_pf_left ul li .li_box { float:left; display:inline;}
.hy_pf_left ul li .li_box select { width:96px; height:40px; border:1px solid #cdcdcd; margin-right:10px; font-size:14px; font-weight:normal; color:#333; line-height:40px; padding:5px 0; font-family:"微软雅黑";}
.hy_pf_left ul li .li_box .hy_input03 { height:38px; border:1px solid #F8C401; font-size:14px; font-weight:normal; color:#333;  font-family:"微软雅黑"; line-height:38px;}
.hy_pf_left ul li .li_box .hy_input04 { margin-left:10px;}
.hy_pf_left ul li a { color:#0b9a62;}
.hy_pf_left ul li a:hover { color:#0b9a62;}
.hy_pf_left ul li a.hy_a08 { width:200px; height:40px; background-color:#F8C401; -webkit-transition: background 0.25s linear;-moz-transition: background 0.25s linear;-o-transition: background 0.25s linear;transition: background 0.25s linear; font-size:18px; font-weight:normal; color:#333; display:block; text-align:center; line-height:40px;}
.hy_pf_left ul li a.hy_a08:hover { width:200px; height:40px; background-color:#F8C401; -webkit-transition: background 0.25s linear;-moz-transition: background 0.25s linear;-o-transition: background 0.25s linear;transition: background 0.25s linear;}
.textarea{
    color: #010101;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
    height: 80px;
	border: 1px solid #F8C401;
	width: 625px;
}

/*提示验证*/
#Validform_msg{color: #7d8289;font: 12px/1.5 tahoma, arial, 5b8b4f53, sans-serif;width: 280px;-webkit-box-shadow: 2px 2px 3px #aaa;-moz-box-shadow: 2px 2px 3px #aaa;background: #fff;position: absolute;top: 0px;right: 50px;z-index: 99999;display: none;filter: progid: DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position: absolute;left: 0px;top: -1px;z-index: -1;}
#Validform_msg .Validform_title{line-height: 25px;height: 25px;text-align: left;font-weight: bold;padding: 0 8px;color: #fff;position: relative;background-color: #000;}
#Validform_msg a.Validform_close: link,#Validform_msg a.Validform_close: visited{line-height: 22px;position: absolute;right: 8px;top: 0px;color: #fff;text-decoration: none;}
#Validform_msg a.Validform_close: hover{color: #cc0;}
#Validform_msg .Validform_info{padding: 8px;border: 1px solid #000;border-top: none;text-align: left;}

.Validform_checktip{color: #999; font-size: 12px; line-height: 20px;overflow: hidden;margin-left:1px;}
.Validform_checktip span{width: auto;}
.Validform_right{color: #71b83d;padding-left: 20px;background: url("../images/rights.png") no-repeat left center;text-align:left;}
.Validform_wrong{background: url("../images/error.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: red; padding-left: 20px; white-space: nowrap;text-align:left;}
.Validform_loading{background: url("../images/onLoad.gif") no-repeat scroll left center rgba(0, 0, 0, 0); padding-left: 20px;}
.Validform_error{/*background-color: #ffe7e7;*/}
.login .error{border: 1px solid #e9bb89; color: rgb(255, 0, 0); display: none; line-height: 30px; margin-bottom: -2px; margin-left: 50px; margin-top: 13px; padding-top: 0px; width: 218px; background-color: #fffbea;}