/*
Author: smallni
Author URL: LiYu And Shen
Description:  CS DESIGN
Version: 2.0
Date: 2017.07.27
*/

/* ====================================================================================================
 * Basic Styles (全站级基础样式)
 * ==================================================================================================== */
*{ margin:0px; padding:0px;}
html,body,form,iframe{padding: 0px;margin:0px;}
html{overflow-y:scroll;}
body{font-size:12px;font-family:"Noto Sans SC","Arial","Microsoft YaHei","微软雅黑";font-weight:300;color:#6b6b6b;background:#f7f8f9;}
ul,li,ol,dl,dt,dd,form,input{margin:0; padding:0; list-style:none;}
img{border:0;}
a{color:#6b6b6b;text-decoration: none;outline:none;}
a:hover{color:#f66524; text-decoration:none;}
.clear{ clear:both;}
.clearfix:after{content:"";display: block;height: 0;clear: both;}
.yahei,input{ font-family:"微软雅黑";}
input,button{ outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:300; margin:0px;}

.floatleft{ float:left;}
.floatright{ float:right;}

a.title-fff{color: #fff;}
a:hover.title-fff{color: #eee;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
div,span,h1,h2,h3,h4,h5,h6,ul,li,ol,p,dt,dd,dl,input,button,select,textarea,label,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{position:relative;}

.absolute,.absobg{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
.absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
canvas{pointer-events:none;}
input.no, textarea.no{border:1px red solid;}
.ht-30{ height:30px;}

.mbtn,button,.button{
    display: inline-block;
    padding:8px 12px;
    line-height: 1;
    font-size: 13px;
    color: #fff;
    border: 1px solid #fd793f;
    font-weight: 400;
    background: #fd793f;
    background: -webkit-linear-gradient(top,#fd793f,#f66524);
	border-radius:2px;
    position: relative;
    cursor: pointer;
    height:32px
}
a.mbtn{color: #fff !important;}
.mbtn:hover{background: #333 !important;}
.mbtn:hover,button:hover,.button:hover{
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 0 rgba(0,0,0,.15);
}
.mbtn:focus,button:focus,.button:focus{
    outline: none
}
button.empty,.button.empty{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    border-radius: 2px;
    -webkit-user-select: none;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    color:#757575
}
button.empty:hover,.button.empty:hover{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color: #f8f8f8;
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #222;
}

.row{width:101%;transition:.2s width ease}
.row:after,.row:before{display:table;clear:both;content:''}
.row>[class*=span-]{float:left;margin-right:1%}
.row>.span-1{width:7.33333333%}
.row>.span-2{width:15.66666667%}
.row>.span-3{width:24%}
.row>.span-4{width:32.33333333%}
.row>.span-5{width:40.66666667%}
.row>.span-6{width:49%}
.row>.span-7{width:57.33333333%}
.row>.span-8{width:65.66666667%}
.row>.span-9{width:74%}
.row>.span-10{width:82.33333333%}
.row>.span-11{width:90.66666667%}
.row>.span-12{width:99%}
.full-row{width:100%;transition:.2s width ease}
.full-row:after,.full-row:before{display:table;clear:both;content:''}
.full-row>[class*=span]{float:left}
.full-row>.span-1{width:8.33333333%}
.full-row>.span-2{width:16.66666667%}
.full-row>.span-3{width:25%}
.full-row>.span-4{width:33.33333333%}
.full-row>.span-5{width:41.66666667%}
.full-row>.span-6{width:50%}
.full-row>.span-7{width:58.33333333%}
.full-row>.span-8{width:66.66666667%}
.full-row>.span-9{width:75%}
.full-row>.span-10{width:83.33333333%}
.full-row>.span-11{width:91.66666667%}
.full-row>.span-12{width:100%}
.full-row>.pull-right,.row>.pull-right{float:right}
.row>.center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.pull-left-1{position:relative;left:-8.33333333%}
.pull-left-2{position:relative;left:-16.66666667%}
.pull-left-3{position:relative;left:-25%}
.pull-left-4{position:relative;left:-33.33333333%}
.pull-left-5{position:relative;left:-41.66666667%}
.pull-left-6{position:relative;left:-50%}
.pull-left-7{position:relative;left:-58.33333333%}
.pull-left-8{position:relative;left:-66.66666667%}
.pull-left-9{position:relative;left:-75%}
.pull-left-10{position:relative;left:-83.33333333%}
.pull-left-11{position:relative;left:-91.66666667%}
.pull-left-12{position:relative;left:-100%}
.pull-right-1{position:relative;left:8.33333333%}
.pull-right-2{position:relative;left:16.66666667%}
.pull-right-3{position:relative;left:25%}
.pull-right-4{position:relative;left:33.33333333%}
.pull-right-5{position:relative;left:41.66666667%}
.pull-right-6{position:relative;left:50%}
.pull-right-7{position:relative;left:58.33333333%}
.pull-right-8{position:relative;left:66.66666667%}
.pull-right-9{position:relative;left:75%}
.pull-right-10{position:relative;left:83.33333333%}
.pull-right-11{position:relative;left:91.66666667%}
.pull-right-12{position:relative;left:100%}
@media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}
.row>.midd-2{width:15.66666667%}
.row>.midd-3{width:24%}
.row>.midd-4{width:32.33333333%}
.row>.midd-5{width:40.66666667%}
.row>.midd-6{width:49%}
.row>.midd-7{width:57.33333333%}
.row>.midd-8{width:65.66666667%}
.row>.midd-9{width:74%}
.row>.midd-10{width:82.33333333%}
.row>.midd-11{width:90.66666667%}
.row>.midd-12{width:99%}
.midd-hide{display:none}
.midd-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.midd-1{width:8.33333333%}
.full-row>.midd-2{width:16.66666667%}
.full-row>.midd-3{width:25%}
.full-row>.midd-4{width:33.33333333%}
.full-row>.midd-5{width:41.66666667%}
.full-row>.midd-6{width:50%}
.full-row>.midd-7{width:58.33333333%}
.full-row>.midd-8{width:66.66666667%}
.full-row>.midd-9{width:75%}
.full-row>.midd-10{width:83.33333333%}
.full-row>.midd-11{width:91.66666667%}
.full-row>.midd-12{width:100%}
}
@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}
.row>.smidd-2{width:15.66666667%}
.row>.smidd-3{width:24%}
.row>.smidd-4{width:32.33333333%}
.row>.smidd-5{width:40.66666667%}
.row>.smidd-6{width:49%}
.row>.smidd-7{width:57.33333333%}
.row>.smidd-8{width:65.66666667%}
.row>.smidd-9{width:74%}
.row>.smidd-10{width:82.33333333%}
.row>.smidd-11{width:90.66666667%}
.row>.smidd-12{width:99%}
.smidd-hide{display:none}
.smidd-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.smidd-1{width:8.33333333%}
.full-row>.smidd-2{width:16.66666667%}
.full-row>.smidd-3{width:25%}
.full-row>.smidd-4{width:33.33333333%}
.full-row>.smidd-5{width:41.66666667%}
.full-row>.smidd-6{width:50%}
.full-row>.smidd-7{width:58.33333333%}
.full-row>.smidd-8{width:66.66666667%}
.full-row>.smidd-9{width:75%}
.full-row>.smidd-10{width:83.33333333%}
.full-row>.smidd-11{width:91.66666667%}
.full-row>.smidd-12{width:100%}
}
@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}
.row>.smal-2{width:15.66666667%}
.row>.smal-3{width:24%}
.row>.smal-4{width:32.33333333%}
.row>.smal-5{width:40.66666667%}
.row>.smal-6{width:49%}
.row>.smal-7{width:57.33333333%}
.row>.smal-8{width:65.66666667%}
.row>.smal-9{width:74%}
.row>.smal-10{width:82.33333333%}
.row>.smal-11{width:90.66666667%}
.row>.smal-12{width:99%}
.smal-hide{display:none}
.smal-show{display:block}
.smal-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
[class*=pull-left-],[class*=pull-right-]{right:auto;left:auto}
.full-row>.smal-1{width:8.33333333%}
.full-row>.smal-2{width:16.66666667%}
.full-row>.smal-3{width:25%}
.full-row>.smal-4{width:33.33333333%}
.full-row>.smal-5{width:41.66666667%}
.full-row>.smal-6{width:50%}
.full-row>.smal-7{width:58.33333333%}
.full-row>.smal-8{width:66.66666667%}
.full-row>.smal-9{width:75%}
.full-row>.smal-10{width:83.33333333%}
.full-row>.smal-11{width:91.66666667%}
.full-row>.smal-12{width:100%}
}
*{box-sizing: border-box;}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px;}
.form-control:focus {border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}
input:-ms-input-placeholder{
    color: #ccc;
}
input::-webkit-input-placeholder{
    color: #ccc;
}

.left{float: left;}
.right{float:right;}

/*文字链接样式*/
.grey a:link{ color:#9b9696;}
.grey a:hover { color:#fff;}

.roundedCorner{
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

/*添加鼠标悬浮显示手的形状*/
.hand { cursor:pointer;}

/*单行截字*/
.el{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/**{
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition-property: background;
}
*//*隐藏元素*/
.hide {	display:none;}

/*解决IE6双边距加倍错误*/
.inline { display:inline;}

.ov,.overflow{ overflow:hidden;}

.cover-page-wrapper{ width:1210px; margin:0px auto;}

/*最小高度*/
.danye p{ margin-bottom:5px;}
/*文本对齐样式*/
.auto { margin:0px auto;}
.txt-center { text-align:center;}
.floatRight{float:right;}
.floatLeft{float:left;}

.td50{ text-indent:64px;}
.wfs{ width:100%;}
.h3{ font-size:24px;}
.grid-c1{ width:1210px; margin:0px auto;}
.w1200,.width1200{ width:1200px; margin:0px auto;}

/*字体*/
.strong,.bold { font-weight:bold;}
.nobold{ font-weight:normal;}
.yahei { font-family:微软雅黑;}
.songti { font-family:宋体;}

/* 字体样式 */
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-26{font-size:26px;}
.f-28{font-size:28px;}
.f-30{font-size:30px;}
.f-38{font-size:38px;}
.fbold{font-weight:bold;}
.fboldno{font-weight:normal;}
.f-c{text-align:center;}
.f-r{text-align:right;}
.f-f{font-family:"宋体","Microsoft YaHei","微软雅黑","Arial","Helvetica",sans-serif;}
.f-t{text-decoration:underline;cursor:pointer;}
.f-v{vertical-align:middle;}
.f-v img{float:none;margin:0 5px;}
.f-u{text-transform:uppercase;}
.f-w{white-space:nowrap;}
.greent,a.greent{color:#7acd00;}
.oranget,a.oranget{color:#ff6600;}
.greyt,a.greyt{color:#999;}
.grey6t,a.grey6t{color:#666;}
.grey6t,a.grey6t{color:#666;}
.redt,a.redt{color:#e55151;}
.blackt,a.blackt{color:#333;}
.bluet,a.bluet{color:#198eed;}
.lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}
.lightbluet a:hover{text-decoration:underline;}
.whitet{color:#fff;}
.purplet,a.purplet{color:#eb7a79;}
.wm-70{min-width:70px;}
a.redt:hover,a.greent:hover,a.oranget:hover,a.greyt:hover,a.blackt:hover,a.bluet:hover,a.lightbluet:hover,a.purplet:hover{text-decoration:underline;}
.link a{border-bottom:1px #c1c1c1 dashed;}

/* w系列控制宽度 */
.wauto { width: auto }
.w-25 { width: 25%; }
.w-33 { width: 33.3%; }
.w100{width:100%;}
.w-50{width:50%;}

/* h系列控制高度 */
.h100 { height:100%; }
.hauto { height:auto; }

.h20px { height: 20px; }
.h30px { height: 30px; }
.h40px { height: 40px; }
.h50px { height: 50px; }
.h75px { height: 75px; }
.h100px { height: 100px; }
.h130px { height: 130px; }
.h150px { height: 150px; }
.h210px { height: 210px; }
.h250px { height: 250px; }
.h585px { height: 585px; }

/*边框*/
.b-a{border:1px #dbdbdb solid;}
.b-l{border-left:1px #dbdbdb solid;}
.b-r{border-right:1px #dbdbdb solid;}
.b-t{border-top:1px #dbdbdb solid;}
.b-b{border-bottom:1px #dbdbdb solid;}
.b-ld{border-left:1px #dbdbdb dashed;}
.b-rd{border-right:1px #dbdbdb dashed;}
.b-td{border-top:1px #dbdbdb dashed;}
.b-bd{border-bottom:1px #dbdbdb dashed;}

/* 行高 */
.h-35{line-height:35px;}
.h-30{line-height:30px;}
.h-20{line-height:20px;}
.h-22{line-height:22px;}
.h-24{line-height:24px;}
.h-25{line-height:25px;}
.h-26{line-height:26px;}
.h-29{line-height:29px;}
.h-33{line-height:33px;}
.h-37{line-height:37px;}
.h-38{line-height:38px;}
.h-40{line-height:40px;}
.h-54{line-height:54px;}

/*左右漂浮样式*/
.l { float: left; }
.r { float: right; }

/* p系列控制padding */
.pl0{padding-left: 0px !important;}
.p5 { padding:5px;}
.p10 { padding:10px !important;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}

.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}

.pr0{padding-right: 0px !important;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr60 { padding-right:60px;}

.pb0 { padding-bottom:0px !important;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb13 { padding-bottom:12px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px !important;}

.pl2 { padding-left:2px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl60 { padding-left:60px;}

/* m系列控制padding */
.m5 { margin:5px!important;}
.m10 { margin:10px!important;}
.m15 { margin:15px!important;}
.m20 { margin:20px!important;}
.m25 { margin:25px!important;}
.m30 { margin:30px!important;}

.mt0 { margin-top:0px!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt12 { margin-top:12px!important;}
.mt15 { margin-top:15px!important;}
.mt18 { margin-top:18px!important;}
.mt20 { margin-top:20px!important;}
.mt25 { margin-top:25px!important;}
.mt30 { margin-top:30px!important;}
.mt35 { margin-top:35px!important;}
.mt40 { margin-top:40px!important;}
.mt50 { margin-top:50px!important;}
.mt60 { margin-top:60px!important;}
.mt45 { margin-top:45px!important;}
.mt90 { margin-top:90px!important;}

.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mr20 { margin-right:20px!important;}
.mr25 { margin-right:25px!important;}
.mr30 { margin-right:30px!important;}
.mr70 { margin-right:30px!important;}

.mb0 { margin-bottom:0px!important;}
.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important;}
.mb25 { margin-bottom:25px!important;}
.mb30 { margin-bottom:30px!important;}

.ml0 { margin-left:0px!important;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}
.ml20 { margin-left:20px!important;}
.ml25 { margin-left:25px!important;}
.ml30 { margin-left:30px!important;}
.ml35 { margin-left:35px!important;}
.ml100 { margin-left:100px!important;}