@charset "utf-8";



/*-- 全局reset

-------------------------------------------*/

a:focus {

outline:none;

-moz-outline:none;

}

html, body, div,

h1, h2, h3, h4, h5, h6,

hr, p, blockquote,

dl, dt, dd, ul, ol, li,

pre, form, fieldset, object, code,

legend, button, input, textarea, label,

th, td, a, img {

    margin: 0;

    padding: 0;

    border: 0;



}





a{text-decoration:none}





body {

    font: 12px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';

    color: #333;

    background-color: #333; min-width:1280px;   overflow-y: scroll;

}



/*清除内外边距*/

h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

    font-size: 100%;

}



/*设置默认字体*/

:focus {

    outline: 0;

}



ul,

ol {

    list-style: none;

}



/*重置列表*/

fieldset, img {

    border: 0 none;

    vertical-align: top;

}



/*重置图片元素*/

address, caption, cite, code, dfn, em, i, th, var, optgroup {

    font-style: normal;

    font-weight: normal;

}



abbr, acronym {

    border: 0;

    font-variant: normal;

}



input, button, textarea, select, optgroup, option {

    font-family: inherit;

    font-size: inherit;

    font-style: inherit;

    font-weight: inherit;

}



code, kbd, samp, tt {

    font-size: 100%;

}



/*@purpose To enable resizing for IE */

/*@branch For IE6-Win, IE7-Win */

input, button, textarea, select {

    *font-size: 100%;

    outline: none;

}



/*

form label {

    cursor: pointer;

}

*/



textarea {

    resize: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



/*重置表格*/

blockquote, q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: color .2s ease-in-out;

    -moz-transition: color .2s ease-in-out;

    transition: color .2s ease-in-out;

    -webkit-transition: background-color .2s ease-in-out;

    -moz-transition: background-color .2s ease-in-out;

    transition: background-color .2s ease-in-out;



}



a:hover {

    text-decoration: none;

}



a.special,

.special a {

    color: #1eb37b;

}



a.special:hover,

.special a:hover {

    color: #1eb37b;

    text-decoration: none;

}



/*--清除浮动

-------------------------------------------*/

.cf:before,

.cf:after,

.clearfix:before,

.clearfix:after {

    content: "";

    display: table;

}



.cf:after,

.clearfix:after {

    clear: both;

}



.cf,

.clearfix {

    clear: both;

    *zoom: 1;

}



/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏

--------------------------------------------------------------------------*/

.c-333 {

    color: #333;

}



.c-666 {

    color: #666;

}



.c-999 {

    color: #999;

}



.c-green {

    color: #1fb079;

}



.c-orange {

    color: #fc714c;

}



.c-reg {

    color: #d90106;

}



/* 字号 */

.f9 {

    font-size: 9px;

    -webkit-text-size-adjust: none;

}



.f12,

.fb12 {

    font-size: 12px;

}



.simsun {

    font-family: SimSun;

}



.f14,

.fb14 {

    font-size: 14px;

}



.f16,

.fb16 {

    font-size: 16px;

}



.f18,

.fb18 {

    font-size: 18px;

}



.f20,

.fb20 {

    font-size: 20px;

}



.fb,

.fb12,

.fb14,

.fb16,

.fb18,

.fb20 {

    font-weight: 700;

}



/* 隐藏 居中 */



.tc {

    text-align: center;

}



.tr {

    text-align: right;

}



.show {

    display: block;

}



.hide {

    display: none !important;

}



/*文字隐藏,省略号*/

.ti,

.te {

    white-space: nowrap;

    overflow: hidden;

}



.ti {

    text-indent: -999em;

}



.te {

    text-overflow: ellipsis;

}





/*联系*/

.toptitle{ width:100%; text-align:center; font-size:26px; color:#000}

.user_mesg{margin:0 auto 0px auto; width:600px;}

.user_mesg input, .user_mesg select, .user_mesg textarea{border:1px solid #999;color:#666;}

.user_mesg .star{color:#dd2218;display:inline-block;padding:0 5px;vertical-align:middle;}

.user_mesg .star1{color:#FFF;display:inline-block;padding:0 5px;vertical-align:middle;}

.user_mesg .quick_liuyan_con{overflow:hidden;}

.user_mesg .quick_liuyan_con p{margin-bottom:10px;}

.user_mesg .item-right input{padding:5px 2px; }

.user_mesg .btn-mesSubmit{float:left;line-height:36px;height:36px;}

.user_mesg textarea{font:14px "Microsoft Yahei";padding:5px;color:#666;resize:none;height:148px;width:600px;border-radius:5px;background-color:#212223;}

.user_mesg .item{margin-bottom:26px;_height:31px;text-align:left }

.user_mesg .item strong{ font-size:16px; color:#999}

.user_mesg .item span{display:block;float:left;width:128px;margin-right:10px;text-align:right;line-height:30px;font-size:16px;color:#333333;}

.user_mesg .item:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.user_mesg .item input[type="text"]{padding:5px; height:40px;width:600px;font-size:14px;border-radius:5px;background-color:#212223;}

.user_mesg .item input[type="text"]:focus{border:1px solid #999;border-radius:5px;}

.user_mesg .item textarea:focus{border:1px solid #999;border-radius:5px;}

.user_mesg .item input:disabled, .user_mesg .item textarea:disabled, .user_mesg .item select:disabled{background:#eee;}

.user_mesg .item-right{float:left;}



.user_mesg .item .btn-mesSubmit{display:block;width:100%;height:40px;background:#333; border:none;color:#fff;border-radius:5px;line-height:10px;float:left;font-size:18px;margin-right:30px;font-family:Microsoft Yahei;cursor:pointer }

.user_mesg .item .btn-mesSubmit:hover{background:#292a2a;color:#fff;}

.user_mesg .item .btn-mesSubmit:disabled{background:#ccc;}



/*add form right*/

.form-right{width:540px;height:380px;margin:0 0 0 25px;border:1px solid #999;border-radius:5px;position:relative; float:right}

.form-right h3{width:310px;height:46px;padding-left:40px;line-height:46px;font-size:16px;background:#444;color:#fff;}

.form-right h3 span{font-size:18px;font-weight:bold;color:#ffffff;}

.form-right ul{height:254px;padding:0 12px;overflow-y:auto;overflow-x:hidden;}

.form-right ul li{width:325px;min-height:40px;border-bottom:dashed 1px #999999;font-size:14px;color:#666666;cursor:pointer;}

.form-right ul li a{width:100%;height:100%;display:block;font-size:14px;}

.form-right ul li:hover{border-bottom:dashed 1px #fff;color:#fff;}

.form-right ul li:hover a{text-decoration:none;}

.form-right ul li:hover p{color:#fff;}

.form-right ul li p{line-height:40px;font-size:14px;display:inline;}



.sub_menu{ text-align:center;position: relative;margin-top:75px;}

.sub_menu a.sbon{ border-bottom:solid 2px #000}

.sub_menu a.dalei{color:#333; font-size:14px;  margin:0 15px; display:inline-table}

.sub_menu .xiaolei{ position:absolute; z-index:999; top:50px; width:100%}

.sub_menu .yingchang{ display:none}

.sub_menu .xianshi{ display: block}





.piclist{ width:100%; text-align:center; padding-bottom:15px;}

.piclist li{padding-bottom:15px; display:block}

.piclist img{ max-width:100%;}



/*返回顶部*/

.fanhui{ text-align:center; font-size:18px; color:#666; margin-top:50px; width:100%; float:left}

.fanhui a{ color:#999; font-family: inherit;}

.fanhui a p{ display:inline-block; padding-right:10px; }

.fanhui a span{ display: inline-block; font-size:16px;}

.fanhui a:hover{ color:#666}

.link{ width:100%; text-align:center; margin:40px 0 40px 0; width:100%; float:left}

.link a{ display:inline-table; margin:0 10px}





/*底部*/

.footcenter{ width:1200px; margin:0 auto;}

.foot{ background: #000;float:left; width:100%;  padding-top:10px;}

.footewm{ text-align:center}
.footewm p{ display:inline-table; padding:0 20px; line-height:2; font-size:14px; color:#999}
.footewm p img{ height:150px}



.footmenu{ display:inline-table;}

.footmenu dl{ width:150px; float:left}

.footmenu dl b{ padding-bottom:20px; width:100%; display:block; color:#ddd}

.footmenu dl dd{ padding-bottom:10px;}

.footmenu dl dd a{ color:#999}



.foot .footlogo{  float:left; text-align:center; margin-left:195px; margin-top:30px}

.foot .footlogo span{ width:100%; color:#999; display:block; padding-top:30px;}



.footsearch{ float:left;}

.footsearch b{ color:#ddd}

.footsearch dl{ margin-top:18px;}

.footsearch dl .footsearchinput{ width:250px; height:36px; border-radius:6px 0 0 6px; border:solid 1px #333; padding-left:10px; float:left; border-right:none;background:#212223; color:#999}

.footsearch dl .footsearchbutton{ height:36px;width:30px;border:solid 1px #333;border-radius:0 6px 6px 0; float:left; border-left:none; background:#212223; color:#999}


.foot_right{ float:right}
.foot_right_left{ float:left; margin-right:15px;}
.foot_right_right{ float:right; color:#999}
.foot_right_right h1{ font-size:14px; margin-top:0; padding-top:0}
.foot_right_right span{ font-size:14px;margin-top:10px; padding-top:0; margin-bottom:0; padding-bottom:0; float:left; width:100%}
.foot_right_right span a.btn-qq {
	padding: 5px 10px;
    background-color: #5BC3E9;
    text-align: center;
    margin-bottom: 22px;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    height: 30px;
}
.foot_right_right span a.btn-qq:hover{
	background:#2a8cc2; text-decoration:none
}

.bg-qq img{ width:17px;}
.foot_right_right h3{ font-size:14px;margin-top:0; padding-top:0; line-height:1.5}


.copyright{ width:100%; text-align:center; color:#999; float:left; background:url(../images/foot_line.png) repeat-x top; line-height:50px; margin-top:10px;}









/* ----- PB分页数字条效果 结束 ----- */



.paging { font-size: 16px; display:block; margin:0  auto; width:100%;  text-align:center; padding-bottom:7px; padding-top:0}

.paging2 { font-size: 16px; display:block; margin:0  auto; width:100%;  text-align:center; padding-bottom:7px; padding-top:7px}



.paging .page-status { margin:0 auto; display:inline-table; color:#666}



.paging .page-numbar {  color:#666}



.paging .page-numbar .page-num,



.paging .page-index,



.paging .page-pre,



.paging .page-next,



.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #666; border-radius: 2px; color:#666 }



.paging .page-numbar .page-num a,



.paging .page-index a,



.paging .page-pre a,



.paging .page-next a,



.paging .page-last a{ color:#666}



.paging .page-numbar .page-num-current,



.paging .page-numbar .page-num:hover { border-color: #000; background:#000; color:#fff; text-decoration:none}




/*loading*/
.loading_con{
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 1000;
    background-color: #000;
    transition: all .3s linear;
    transform: translateY(0);
    /*transform: translateY(-100vh);*/
    /*display: none;*/
}
.loading_wrap{
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
}
.loading_wrap img{
    width: 424px; display: block;
    position: absolute; top: 50%; left: 50%;
    transition: all .5s ease-out 0.5s;
    transform: translate(-50%, 0);
    opacity: 0;
}
.loading_con.show{
    transform: translateY(0);
}
.loading_con .loading_wrap.show img{
    opacity: 1;
    transform: translate(-50%, -50%);
}
.loading_con.hide{
    transform: translateY(-100vh);
}
.loading_con .loading_wrap.hide img{
    opacity: 0;
    transform: translate(-50%, -100%);
}
/*loading*/