@charset "UTF-8";
/**
 * 
 * @author  vallery
 * @date    2015-10-16 14:30:36;
 * @version 1.0
 */
 /*网页整体设置*/ 
*{ margin:0; padding:0;}		
ul,li{ list-style:none;}		
.wrapper{ width:100%;}		 
html,body{height:100%;width:100%;} 
body{height:100%;width:100%;background:url('../../../static/images/mailbox/bj.png') no-repeat scroll center center;background-size: cover;background-attachment:fixed }
a:link{outline:none;}

 /*常用组件钩子*/
.clear{clear: both;}
.mt10{margin-top: 10px;}
 
 /*信箱布局*/
.layout-containerW{width:1000px;border:solid 1px #E6E1CA;margin:10px auto 0px;background:#fff;}

/* 邮箱声明 */


/*邮箱标题说明*/
.layout-container{position: relative;width: 100%; margin: 10px auto; height: auto; }
.layout-con-left{width: 235px;height: auto;float: left;margin-left:10px;}
.layout-con-right{width: 735px;margin-left:10px;height: auto;float: left;border:#ccc;}
.mailbox-title{height:50px;line-height:50px;background:#4799c1;color:#FFF;text-indent:2em;}

/*邮箱左侧标题*/
.mailbox-leftList{list-style:none;padding:0px}
.mailbox-leftList li{height:40px;line-height:40px;background:url('../../../static/images/mailbox/arrow_grey.png')  160px 15px no-repeat #f2f2f2 ; border-bottom:1px solid #c6c6c6;text-indent:2em;}
.mailbox-leftList li:hover{background:url('../../../static/images/mailbox/arrow_blue.png')  160px 15px no-repeat #f2f2f2 ;color:#4799c1 }
.mailbox-leftList li a{  display:block;height:40px;width:100%; color:#444;}
.mailbox-leftList li a:hover{color:#4799c1} 
.mailbox-leftTitle{height: 40px;width:100%;background:#4799c1;color:#FFF;text-align:center;}
.mailbox-leftTitle h4{margin-top:0px;line-height:40px;text-align:center;}

/*用户登录*/
.yhdlcon{width:100%;height:150px;background:#fff;border:solid 1px #ccc;}
.sjh{height:50px;width:100%;}
.sjhcon{width:75px;font-size:14px;float:left;line-height:50px;text-indent:15px;}
.sjhinput{display:block;width:135px;float:left;height:25px;border:solid 1px #ccc;line-height:25px;margin-top:13px;}
.yhdl{display:block;height:26px;width:75px;float:left;margin-left:15px;background:url('../../../static/images/mailbox/dlimg.gif') left top no-repeat;border:0;}
.diver{width:10px;float:left;height:30px;line-height:30px;margin-left:10px;color:#3EAAF2;}


/*邮件查询*/ 
.mailbox-queryTitle{height:50px; line-height:50px;color:#FFF;padding: 0px;background:#4799c1;text-indent:2em;}

.mailbox-result, .mailbox-result td{ border:1px solid #DDD;word-break: break-all;word-wrap: break-word;}

/* 分割线 */
.mail-divider { width:98%; margin:0px auto; border:1px solid #DCDCDC; box-shadow:5px 2px 6px #CCC;-webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:5px 2px 6px #000;}

/* 写信说明 */
.mailbox-note p{ text-indent: 5px;}

/* 写信 提交按钮 */
.mailbox-submit, .mailbox-reset{width: 100px;height: 27px;line-height:27px; letter-spacing:2px;border:none;color:#FFF;margin:0px 5px}
.bc-blue{ background:#4799c1;}
.bc-grey{ background:#6e6e6e;} 
.error{color:#f00;font-size:12px;font-weight:normal;}

/* 搜索信件按钮 */
.mailbox-serch-btn{width:120px;margin:0px 5px;}

/*网页头部、页脚*/ 		
.container{ padding-left:5px; padding-right:5px;margin:0px auto;}
		
/* .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 0px;  padding-left: 0px;margin-left:0px;margin-right:0px;}
 */	
@media (min-width:1200px){.container{width:1002px;margin: 0 auto;}}

/*头部*/
.head{	min-height:99px; height: auto; background-color:#343539 ;	}

/*logo*/
.logo{ height: 65px; background:url('../../../static/images/mailbox/layout/img_08.png') no-repeat center; margin-top: 17px;background-color:#343539 ;}
.col-bgcolor{background-color:#343539 ; width: 100%; height: auto;}
		
/*电话*/
.tel{height: 43px; background:url('../../../static/images/mailbox/layout/img_10.png') no-repeat right bottom;background-color:#343539 ;}
		
/*搜索*/
.head .input-search{ width:210px; height: 30px;  margin-top:15px;background-color:#343539 ; }
.btn-ys{ background-color: #EC3700; margin-top:15px; width: 68px;}
.btn-ys span{color: #fff;letter-spacing: 5px; font-family: "微软雅黑";font-size: 14px}
.top-search{ float:right!important; }
.top-search .form-control{ border-radius: 0px; background: #fff; }
.top-search .btn{ border-radius: 0px;line-height: 1.3; }

/*导航*/
.top-nav{background-color:#343539 ;}
.top-nav ul.nav-list{ padding-top:0px;}
.top-nav ul.nav-list li{ padding: 25px 0px 0px 20px;float:left; /*font-family: "微软雅黑";*/}
.top-nav li a{ display:inline-block;color: #fff; letter-spacing: 1px; }	
@media (max-width:992px){

/*导航*/
.top-nav ul.nav-list li{ padding: 10px 0px 15px 20px;float:left; }
.top-search{ float:right!important; }}
@media (max-width:768px){
		
/*电话*/
.tel{height: 43px; background:url('../../../static/images/mailbox/layout/img_10.png') no-repeat center bottom #343539;}

/*搜索*/
.head .input-search{ width:200px; height: 30px;  margin-top:15px;background-color:#fff ; }
.top-search{ float:none; margin: 0 auto; }

/*导航*/
.top-nav ul.nav-list li{ padding: 10px 0px 10px 20px;float:left; }}
			
/*底部连接*/
.dblj-box{ min-height: 287px; background: #4C4C4C;}
.dblj-box li a:link{  color: #C5C5C5; text-decoration: none;}
.dblj-box li a:visited{  color: #C5C5C5; text-decoration: none;}
.dblj-box li a:hover{  color: #FEEB80; text-decoration: none;}

/*产品服务*/
.cpfw-box{ border-right: 1px solid #525252; color: #fff; padding:10px 0px 0px 20px;  }
.cpfw-box .cpfw-list .first{ line-height: 50px; color: #07A7E1; font-size: 14px; cursor: default;}
.cpfw-box .cpfw-list li{ line-height: 30px;  font-size: 12px; }
		
/*关于山谷*/
.gysg-box{ border-right: 1px solid #525252; color: #fff; padding:10px 0px 0px 80px;  }
.gysg-box .gysg-list .first{line-height: 50px;  color: #07A7E1; font-size: 14px;cursor: default; }
.gysg-box .gysg-list li{ line-height: 30px;  font-size: 12px;}
		
/*友情链接*/
.yqlj-box{ color: #fff;padding:10px 0px 0px 50px; }
.yqlj-box .yqlj-list .first{line-height: 50px;  color: #07A7E1; font-size: 14px;cursor: default;}
.yqlj-box .yqlj-list li{ line-height: 30px; font-size: 12px; }
		
/*右侧二维码图片*/
.right-pic{  float: left; text-align:center; padding-top: 70px; color: #fff; line-height: 40px; cursor: default; }
.right-pic1{  padding-left: 40px; }
.right-pic2{  padding-left: 40px; }
@media (max-width:767px){

/*产品服务*/
.cpfw-box{ padding:10px 0px 0px 10px;  }
		
/*关于山谷*/
.gysg-box{ padding:10px 0px 0px 10px;  }

/*友情链接*/
.yqlj-box{ padding:10px 0px 0px 10px; }}
		
/*底部*/
.foot{height: 105px; background: #2D2D2D; font-size:12px; line-height: 25px; /*font-family: "微软雅黑"*/ }
.foot .copyright{ position:relative; padding:15px 0; min-height:90px; }
.foot .lianjie-box{ color:#A4A4A4  }
.foot .lianjie-box a:link{ color: #fff; }
.foot .lianjie-box a:hover{ color: #FF9900; }
.foot .lianjie-box a:visited{ color: #fff; }
.foot span{ color: #ACACAC; }
.copyright-mobile{ display:none;}
@media (max-width:767px){.foot .copyright{ display:none;}.foot .copyright-mobile{ display:block; padding:15px 0; color:#ACACAC; text-align: center; }}