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

/*产品分类*/
.list-nav{width: 219px;border:3px solid #2973cc;background: #fff;float: left;margin: 20px 0;}

.list-nav .tit{width: 100%;height: 83px;background:url("../image/bt.jpg") no-repeat scroll left bottom;text-align: center;}

.list-nav h4{width: 210px;margin:0 auto;height: 42px;background: url(../image/nynv210.jpg) no-repeat;text-indent: 45px;line-height: 42px;font-size: 16px;margin-top: 7px;}
.list-nav h4 a{color:#333;font-weight: normal;}

.list-nav ul{width: 210px;margin:0 auto;height: auto;overflow: hidden;background: #f4f4f4;padding: 10px 0;}
.list-nav ul li{width: 100%;height: auto;overflow: hidden;text-indent: 40px;line-height:30px;}
.list-nav ul li a{color:#666;font-size: 14px;}
.list-nav ul li:hover{color:#2973cc;}


/*左导航*/
.gy_z{float: left;width: 201px;}
.gy_z ol{background: #f0f0f0 none repeat scroll 0 0; border-left: 3px solid #1153A7; border-radius: 2%;}
.gy_z ol li{border-bottom: 2px solid #dfdfdf; height: 47px; line-height: 47px;}
.gy_z ol .active{background: #1153A7 none repeat scroll 0 0; border-top-right-radius: 3px; height: 60px; line-height: 60px;color: #fff; font-size: 20px;padding-left:20px;}
.gy_z ol li a{color: #7f7f7f; font-size: 16px; margin-left: 28px;}
.gy_z ol li a:hover{color: #252525;}
.gy_z ol li img{display: inline-block; margin-left: 65px;}
.gy_z ol li .ds{margin-left: 82px;}
.gy_z ul{border-radius: 2%; margin-top: 133px;}
.gy_z ul{background: #f0f0f0 none repeat scroll 0 0; border-left: 3px solid #1153A7;}
.gy_z ul .active{background: #1153A7 none repeat scroll 0 0; border-top-right-radius: 3px; height: 60px; line-height: 60px;}
.gy_z ul .active a{color: #fff; font-size: 20px; margin-left: 28px;}
.gy_z ul li{line-height: 35px;}
.gy_z ul li a{color: #636363; font-size: 14px; margin-left: 10px;}
.gy_z ul li a:hover{color: #000;}
.gy_z ul li img{margin-left: 10px;}

.gy_y{
	width: 935px;
	margin-bottom:20px;
	margin-top:15px;
	background-image: url(../image/nybt.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:50px;
	line-height: 50px;
}
.gy_y h2{color: #3c3c3c; font-size: 20px;line-height:40px;padding-bottom:10px;padding-left:5px;float:left;}

.pagetop{line-height:45px;height:45px;font-size:13px;text-align:right;float:right;}
.pagetop a{font-size:13px;color:#666;padding-left:3px;line-height:45px;}


/*左边联系方式*/
#lefttel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #006db8 #eee #eee;
    border-image: none;
    border-style: solid;
    border-width: 3px 1px 1px;
    padding: 20px 10px;
	margin:10px 0 20px 0;
}
#lefttel p {
    color: #666;
    padding: 10px 0;
    text-align: left;
	font-size:14px;
}
#lefttel img {
    margin-right: 7px;
}

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


#bt{background: rgba(0, 0, 0, 0) url("../image/bt.jpg") no-repeat scroll left bottom; height: 83px; margin-bottom: 3px;margin-top: 15px; text-align: center; width: 225px;}
.m2{color: #fff; display: block; font-size: 25px; font-weight: bold; line-height: 35px;}
.m3{color: #fff; display: block; font-size: 16px; line-height: 20px; padding-top: 15px;}

.leftCategory{clear: both; color: #4c4948; margin: 0 auto; overflow: hidden; text-align: left; width: 225px;}
.leftCategory UL{list-style-image: none; list-style-type: none; margin: 0; padding: 0;}
.leftCategory LI{list-style-image: none; list-style-type: none; margin: 0; padding: 0;}

.leftCategory .menu-first UL LI.menu-none A{background: rgba(0, 0, 0, 0) url("../image/nynv.jpg") no-repeat scroll left top; display: block; font-size: 14px; height: 42px; line-height: 42px; margin: 2px 0; text-decoration: none; width: 225px;}
.leftCategory .menu-first UL LI.menu-none A:hover{color: #005bb8; text-decoration: none;}

.leftCategory A.menu-text:link{color: #4c4948; font-size: 12px; padding-left: 60px; text-decoration: none;}
.leftCategory A.menu-text:visited{color: #4c4948; font-size: 12px; padding-left: 60px; text-decoration: none;}
.leftCategory A.menu-text:active{color: #4c4948; font-size: 12px; padding-left: 60px; text-decoration: none;}
.leftCategory A.menu-text:hover{color: #06c; font-size: 12px; text-decoration: underline;}


/*案例*/
.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;}
.hjone{PADDING-BOTTOM: 10px;LINE-HEIGHT: 22px;}

.albumblock{padding:10px;float: left;}
.albumblock .inner{width: 260px;height: 225px;margin:0 3px;position: relative;border: 1px solid #DEDEDC;overflow: hidden;background:#f2f2f2;}
.albumblock .inner img{border: 4px solid #fff;width: 251px;height: 190px;}
.albumblock .inner .albumtitle{height: 30px;line-height: 30px;font-size: 12px;width: 100%;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 #1153A7;}

/* 品牌展示*/
.brandnavcn{WIDTH: 850px;FLOAT: left;}
.brandone{PADDING-BOTTOM: 10px;LINE-HEIGHT: 22px;}

.brandalbumblock{padding:5px;float: left;}
.brandalbumblock .brandinner{width: 197px;height: 100px;position: relative;border: 1px solid #DEDEDC;overflow: hidden;background:#f2f2f2;}
.brandalbumblock .brandinner img{border: 4px solid #fff;width: 189px;height: 63px;}
.brandalbumblock .brandinner .brandalbumtitle{height: 30px;line-height: 30px;font-size: 12px;width: 100%;position: relative;bottom: 0px;left: 0;color: #d00d16;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}
.brandalbumblock .brandinner a{color: #6c6c6c;}
.brandalbumblock .brandinner a:hover{text-decoration: none;}
.brandalbumblock .brandinner a:visited{text-decoration: none;}
.brandalbumblock .brandinner:hover{border: 1px solid #1153A7;}



/*内容 新闻*/
.weblist li{height:40px; line-height:39px; overflow:hidden; position:relative; font-size:14px; background:url(../image/line.gif) bottom repeat-x; color:#999;}
.weblist li span{position:absolute; top:0px; right:10px; white-space:nowrap;}
.weblist li a{background:url(../image/ico2.gif) 2px center no-repeat; padding-left:12px;color:#666;}
.weblist li a:hover{background:url(../image/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(/Public/Home/images/eye.png) center center no-repeat #005ea3;_background:url(/Public/Home/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:10px; text-align:center}
.web_title h3{font-size:24px;color:#000;}
.web_scontent{text-align:center; border-bottom:1px dashed #ddd; margin:10px;line-height:20px;}
.imgpson{ position:; height:auto}

.web_content{padding:20px 5px; 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}


/*提交*/
.hy_pf_left {float:left; display:inline;}
.hy_pf_left ul {margin:0 auto;}
.hy_pf_left ul li {font-size:12px; font-weight:normal; color:#666;margin:3px 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;}

.hy_pf_left ul li .li_box { float:left; display:inline;}
.hy_pf_left ul li .li_box .hy_input03 {width:420px;height:32px; border:1px solid #ccc; font-size:14px; font-weight:normal; color:#333;  font-family:"微软雅黑"; line-height:32px;padding-left:5px;}
.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:#1153A7; -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:#fff; display:block; text-align:center; line-height:40px;}
.hy_pf_left ul li a.hy_a08:hover { width:200px; height:40px; background:#1153A7; -webkit-transition: background 0.25s linear;-moz-transition: background 0.25s linear;-o-transition: background 0.25s linear;transition: background 0.25s linear;}


.mainFoot{;border-top:1px solid #949494;height:90px;text-align:center;width:1000px;margin:0 auto;}
.mainFoot .mainFootBtn{margin:30px 8px 10px 8px;display:inline-block;font-size:20px;width:200px;height:46px;border:2px solid #e50005;color:#e50005;text-align:center;line-height:46px;cursor:pointer;}
.mainFoot .mainFootBtn:hover{background:#e50005;color:#fff;}


/*提示验证*/
#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: 10px;overflow: hidden;left:0;margin-left:80px;}
.Validform_checktip span{width: auto;}
.Validform_right{color: #71b83d;padding-left: 20px;background: url("../image/rights.png") no-repeat left center;text-align:left;}
.Validform_wrong{background: url("../image/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("../image/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;}
