@charset "utf-8";
body{font-family:'Microsoft YaHei' ;font-size: 14px;}
h1,h2,h3,h4,h5{font-family:'Microsoft YaHei' ;}
*{margin:0px; padding:0px; list-style: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
.clean{ clear:both; width:0px; height:0px; line-height:0px; overflow:hidden;}
.center{ margin:0 auto; text-align:left; max-width:1300px;}
fieldset,img {border:0;}
.bx_wrap a {border:0;text-decoration: none;}

*{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
a input{ mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ 
i{ font-style:normal;}
::selection{  background:#328ede;  color:#fff;}  
::-moz-selection {  background:#328ede;  color:#fff;  }  
::-webkit-selection {  background:#328ede;  color:#fff;  } 
html,body{ width:100%;}

.row{width:101%;transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}
.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%}
}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both}

.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
/*定位*/  
.tl{text-align:left;}  
.tc{text-align:center;}  
.tr{text-align:right;}  
.fl{float:left;display:inline;}  
.fr{float:right;display:inline;}
.h100{height: 100px;}

.hide{display: none;}
.show{display: block;}

.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/*online qq*/
aside#top{ }
.online_q {position: fixed;right: 30px;bottom: 30%;z-index: 9999;transition:.5s;-webkit-transition:.5s;}
.online_q .btn2{width: 45px;height: 45px;line-height: 45px;cursor:pointer;position:relative;margin-bottom: 0;font-size:12px;transition:.3s;}
.online_q .btn-top{background: #108f91;padding:0;}
.online_q .btn2 a{ }
.online_q .btn2 span{display:block;float:left;width: 45px;height: 45px;line-height: 45px;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;font-size:12px;color:#6a6c6d;border-radius: 0;background: #333335;}
.online_q .btn2:hover{ }
.online_q .btn-01 span{}
.online_q .btn-02 span{}
.online_q .btn-03 span{}
.online_q .btn-top{background: #af0e16;}

.online_q .open.pic{position:absolute;background: #af0e16;border-radius:3px;width:100px;height:100px;right:95px;top:50%;margin-top:-50px;text-align:right;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;}
.online_q .open.pic:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #af0e16;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{opacity:1;right: 60px;visibility:visible;}

#gotop.hide{ height:0; overflow: hidden;}

.online_q .btn2:hover span{background: #af0e16;}
.online_q .btn2:hover img.img01{ display:none}
.online_q .btn2:hover img.img02{ display:inline-block}
.online_q .btn2 img.img02{ display:none}

.online_q .social-share{position:absolute;background: #af0e16;border-radius:3px;width: 160px;height: 45px;right:95px;top:50%;margin-top: -22.5px;text-align: center;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;font-size: 18px;color: #fff;}
.online_q .social-share:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #af0e16;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .social-share img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .social-share{opacity:1;right: 60px;visibility:visible;}


.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}

/**页面框架 End**/
.auto{ margin:0 auto;}
.auto_1300{ max-width:1300px;}
.auto_width{ padding:0 3%; }
@media(max-width:1300px){.auto_1300{ padding:0 2%;}}
.auto_1280{ max-width:1280px;}
@media(max-width:1280px){.auto_1280{ padding:0 2%;}}
.auto_1180{ max-width:1180px;}
@media(max-width:1180px){.auto_1180{ padding:0 2%;}}
.auto_1150{ max-width:1150px;}
@media(max-width:1150px){.auto_1150{ padding:0 2%;}}
.auto_1100{ max-width:1100px;}
@media(max-width:1100px){.auto_1100{ padding:0 2%;}}
.auto_1050{ max-width:1050px;}
@media(max-width:1050px){.auto_1050{ padding:0 2%;}}
.auto_1000{ max-width:1000px;}
@media(max-width:1000px){.auto_1000{ padding:0 2%;}}
.auto_950{ max-width:950px;}
@media(max-width:950px){.auto_950{ padding:0 2%;}}
.article {color:#828283; font-size:16px; line-height:32px;padding-bottom:30px;}
.article p{font-size:16px; color:#828283; line-height:32px; }
.article strong{ font-weight:bold;}
.article td,.article th{ border:1px solid #dcdcdc; font-size:16px; padding:0 10px;}
.article img{ max-width:100%;}

/*内容样式*/
.ar_article td,
.ar_article th{padding: 1rem 0.9375rem !important;border: 1px solid #c6c5c5;vertical-align:middle;text-align:center;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important}
.ar_article table tr:not(:first-child) td{ background:none !important}
.ar_article table td { border-left: 1px solid #ccc;border-top: 1px solid #ccc; width:auto !important; }
.ar_article{font-size: 15px;color: #7b7b7b;line-height: 30px;margin-bottom: 30px;}
.ar_article p{font-size: 15px;color: #7b7b7b;line-height: 40px;}  
.ar_article strong{font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article img{ display:inline-block;}

/*分页*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 25px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.8;
  text-decoration: none;
  color: #af0e16;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #af0e16;
  border-color: #af0e16;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination > li > .active,
.pagination > li > .active > span,
.pagination > li > .active > a:hover,
.pagination > li > .active > span:hover,
.pagination > li > .active > a:focus,
.pagination > li > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #af0e16;
    border-color: #af0e16;
}
.pagination > li > .active:hover {
    color: #fff;
    cursor: default;
    background-color: #ff3300;
    border-color: #ff3300;
}

/*=====select=====*/
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}
#zoom .content.loading{background-image:url(../images/loading.gif)}
#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}
#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}
#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}
#zoom .previous{left:0;background:url(../images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}
#zoom .next{right:0;background:url(../images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}
#zoom .close:hover{background-color:#da4f49}
#zoom .next:hover,#zoom .previous:hover{background-color:#08c}