/*
Template Name: Xiangzhizun
Template URI: http://sighttp.qq.com/authd?IDKEY=a17425e3db9203606deba6e5acce98faa799369d3dad3846
Description: 五年如一,品质保证!
Version: 2014
Author: 悠悠山雨
Author URI: http://sighttp.qq.com/authd?IDKEY=a17425e3db9203606deba6e5acce98faa799369d3dad3846
Logo filename: logo.gif
Template Type: type_0
*/
/*-------------------- 基础重置 开始--------------------*/
/*全局消除padding,margin*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input{
margin: 0;
padding: 0;
}
/*全局字体设置*/
html,body{
font-size:14px;
line-height: 1.5;
min-height: 800px;
font-family: "microsoft yahei";
color:#333;
}
body, p, div {word-wrap: break-word;word-break: break-all;}
/*常用标签统一重置*/
a{color:#333;outline:none; text-decoration:none;}
a:hover{color:#333;}a:active{color:#333;}
img{vertical-align: middle;}
img.auto{display:block;max-width:100%;height:auto;}
a img{border:0;}
span{display: inline-block;}
q {quotes: none;margin:0 5px;text-decoration: underline;}
hr{border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px; margin:10px 0;}
abbr{font-weight: bolder;text-decoration: underline;cursor: help;}
/*-------------------- 基础重置 结束--------------------*/
/*-------------------- 公用样式 开始--------------------*/
/*块浮动及文字排版*/
.center{margin:0 auto;}
.fleft{float:left}.fright{float:right}.fnone{float:none;}
.tleft{text-align: left;}.tright{text-align: right;}.tcenter{text-align: center;}.tjust{text-align:justify;}
.hide{display: none;}.show{ display:block; visibility:visible;}.invisible{visibility:hidden;}
/*消除浮动*/
.clearfix {display:block; }
.clearfix:after {content:" "; display:block; height:0; font-size: 0;clear:both; visibility:hidden; }
.clear{clear:both; height: 0; line-height: 0; font-size: 0;}
/*距离控制*/
.mtp10{margin-top: 10px;}
.mbt10{margin-bottom: 10px;}
.blank10{height: 10px;clear: both;content: '';}
.blank5{height: 5px;clear: both;content: '';}
/*-------------------- 公用样式 结束--------------------*/
/*-------------------- 字体重置 开始--------------------*/
h1,h2,h3,h4,h5,h6{font-weight: normal;}
big{font-size: 130%;}
small{font-size: 60%;}
sup{vertical-align: super;font-size: 70%;}
sub{vertical-align: sub;font-size: 70%;}
s,del{text-decoration:line-through;}
strong,b{font-weight:bold;}
i,em{ font-style: normal;}
u{text-decoration: none;}
/*字体大小*/
.font12,h6{font-size: 12px;}
.font14,h5{font-size: 14px;}
.font16,h4{font-size: 16px;}
.font18,h3{font-size: 18px;}
.font20,h2{font-size: 20px;}
.font24,h1{font-size: 20px;}
/*字体样式*/
.songti{font-family: "\5b8b\4f53;"}
.yahei{font-family: "microsoft yahei";}
.heiti{font-family: "SimHei"}
.fang{font-family: "FangSong"}
.century{font-family: "Century Gothic"}
.antiqua{font-family: "Book Antiqua"}
.impact{font-family: "impact"}
/*字体颜色*/
.white{color:#fff;}
.gray{color: #6e6e6e;}
.red{color:#CC1C23; }
.blue{color: #007ead;}
.green{color:#50B150}
.orange{color: #F8960A;}
/*-------------------- 字体重置 结束--------------------*/
/*-------------------- 列表样式 开始--------------------*/
ul,li{list-style-type:none;}
/*横排列表*/
ul.flist {display:block;}
ul.flist li{float:left; }
ul.flist:after {content:"."; display:block; height:0; font-size: 0;clear:both; visibility:hidden; }
/*列表样式*/
ul.dot li,ul.arrow li,ul.arrows li{text-indent: -10px;margin-left: 15px;}
ul.dot li:before{display:inline-block;width:10px;text-align:center;content:'\•';}
ul.arrow li:before{display:inline-block;width:10px;text-align:center;content:'\›';}
ul.arrows li:before{display:inline-block;width:10px;text-align:center;content:'\»';}
ul.level li ul{padding-left: 2em;}
/*有序列表样式*/
ol{list-style-type: decimal;}
/*-------------------- 列表样式 结束--------------------*/
/*-------------------- 表格重置 结束--------------------*/
/*-------------------- 表单重置 开始--------------------*/
input{
display:inline-block;
border:1px #ccc solid;
vertical-align: middle;
margin-right: 10px;
font-family: inherit;
font-size: inherit;
color: #333;
outline: none;
}
input:focus, textarea:focus{
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
select{
padding: 5px 10px 5px 10px;
border: 1px solid #ccc;
vertical-align: middle;
}
textarea{
font-family:inherit;
padding: 5px 10px;
outline: none;
border: 1px solid #ccc;
color: #333;
overflow:auto;
min-height:32px;
vertical-align: middle;
}
/*-------------------- 表单重置 结束--------------------*/
/*-------------------- 栅格系统 开始--------------------*/
.wrapauto{width:100%;clear:both;}
.wrap{margin-left:auto;margin-right:auto;*zoom: 1;}
.row{overflow: hidden;*zoom: 1;}
.wrap:before,.wrap:after,.row:before,.row:after{display: table;content: "";line-height: 0;}
.wrap:after,.row.after{clear: both;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12{float: left;min-height: 1px;}
.wrap{width:950px;}
.row{margin-left: -10px;}
.col12{width:950px;}.col11{width:870px;}.col10{width:790px;}.col9{width:710px;}.col8{width:630px;}.col7{width:550px;}
.col6{width:470px;}.col5{width:390px;}.col4{width:310px;}.col3{width:230px;}.col2{width:150px;}.col1{width:70px;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12{margin-left: 10px;}
.w1190 .wrap{width:1190px;}
.w1190 .row{margin-left: -10px;}
.w1190 .col12{width:1190px;}.w1190 .col11{width:1090px;}.w1190 .col10{width:990px;}.w1190 .col9{width:890px;}.w1190 .col8{width:790px;}.w1190 .col7{width:690px;}
.w1190 .col6{width:590px;}.w1190 .col5{width:490px;}.w1190 .col4{width:390px;}.w1190 .col3{width:290px;}.w1190 .col2{width:190px;}.w1190 .col1{width:90px;}
.w1190 .col1, .w1190 .col2, .w1190 .col3, .w1190 .col4, .w1190 .col5, .w1190 .col6, .w1190 .col7, .w1190 .col8, .w1190 .col9, .w1190 .col10, .w1190 .col11, .w1190 .col12{margin-left: 10px;}
/*-------------------- 栅格系统 结束--------------------*/
/*-------------------- 彩色按钮 开始--------------------*/
.btn{
color: #333;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 0px 20px;
margin-right: 10px;
line-height: 215%;
cursor: pointer;
border:1px solid #ccc;
border-radius: 4px;
vertical-align: middle;
background-color:#FEFEFE;
background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FEFEFE),to(#E7E7E7));
}
.btn:hover { color: #333;}
.btn:active { position: relative; top: 1px; }
.btn_all,input.btn_all{padding: 0;width: 100%;}
/*彩色按钮*/
.btn_red,input.btn_red {color:#fff !important;border-color: #9F161B;background-color:#CC1C23;background: -webkit-gradient(linear,0% 0%,0% 100%,from(#EE232A),to(#CC1C23)); } .btn_red:hover { background: #CC1C23;border-color: #9F161B; }
.btn_blue,input.btn_blue {color:#fff !important;border-color:#2D88BF;background-color:#399DD8;background: -webkit-gradient(linear,0% 0%,0% 100%,from(#6DBDE4),to(#399DD8)); } .btn_blue:hover { background: #3280FC;border-color:#2D88BF; }
.btn_green,input.btn_green {color:#fff !important;border-color: #52A552;background-color:#50B150;background: -webkit-gradient(linear,0% 0%,0% 100%,from(#68C668),to(#50B150)); } .btn_green:hover { background: #50B150;border-color: #52A552; }
.btn_orange,input.btn_orange {color:#fff !important;border-color: #E1962D;background-color:#F8960A;background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FBB149),to(#F8960A)); } .btn_orange:hover { background: #F8960A;border-color: #E1962D; }
/*-------------------- 彩色按钮 结束--------------------*/
/*-------------------- 组件样式 开始--------------------*/
/*-------------------- 通用样式 开始--------------------*/
/*阴影*/
.shadow{
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);}
/*边框*/
.bordered{ border: 1px solid #ccc;}
.bordered:hover{border-color:#bbb;}
/*圆角*/
.radius { -webkit-border-radius: 5px;/*webkit*/ border-radius: 5px;/*(IE>=7)*/ -moz-border-radius : 5px; /*Mozilla*/ }
/*空心圆形*/
.rounder{border-radius: 50% 50% 50% 50%;}
/*进度条*/
.progress{ background-color: #F7F7F7; background-repeat: repeat-x; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden;border: 1px solid #ccc; }
.progress-bar{ -moz-box-sizing: border-box; background-color: #399DD8; background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #FFFFFF; float: left; font-size: 12px; height: 100%; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0; }
/*自动换行*/
.wordbreak{ word-wrap:break-word;overflow:hidden;}
/*首字2倍大小*/
.firstletter:first-letter{ font-size:200%;}
/*-------------------- 通用样式 结束--------------------*/