body{padding:0px; margin:0px auto; font-size:14px; line-height:24px; font-family:"微软雅黑"; color:#666;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
button{ cursor:pointer; border:0px;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0;  vertical-align:top;}
a{ color:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0075c2;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ text-align: center;}.tc{ text-align:center;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.Contain{width:90%; margin:0px auto;}
.cx-fex,.cx-fex-c,.cx-fex-l,.cx-fex-r{
    display:-webkit-flex;
    display:flex;
    display:-moz-flex;
    flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.cx-fex{justify-content:space-between;-webkit-justify-content:space-between;}
.cx-fex-c{justify-content:center;-webkit-justify-content:center;}
.cx-fex-l{justify-content:flex-start;-webkit-justify-content:flex-start;}
.cx-fex-r{justify-content:flex-end;-webkit-justify-content:flex-end;}
.cx-fex-nowrap{flex-wrap:nowrap;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;}
.fex-row-reverse{flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;}
.fex-column{flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;}
.fex-rcolumn{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;}
.fex-items-c{align-items:center;-webkit-align-items:center;}

.fex-content-c{align-content:center;-webkit-align-content:center;}
.cx-fex .x1,.cx-fex .x2,.cx-fex .x3,.cx-fex .x4,.cx-fex .x5,.cx-fex .x6,.cx-fex .x7,.cx-fex .x8,.cx-fex .x9,.cx-fex .x10,.cx-fex .x11,.cx-fex .x12,.cx-fex .xl1,.cx-fex .xl2,.cx-fex .xl3,.cx-fex .xl4,.cx-fex .xl5,.cx-fex .xl6,.cx-fex .xl7,.cx-fex .xl8,.cx-fex .xl9,.cx-fex .xl10,.cx-fex .xl11,.cx-fex .xl12,.cx-fex .xs1,.cx-fex .xs2,.cx-fex .xs3,.cx-fex .xs4,.cx-fex .xs5,.cx-fex .xs6,.cx-fex .xs7,.cx-fex .xs8,.cx-fex .xs9,.cx-fex .xs10,.cx-fex .xs11,.cx-fex .xs12,.cx-fex .xm1,.cx-fex .xm2,.cx-fex .xm3,.cx-fex .xm4,.cx-fex .xm5,.cx-fex .xm6,.cx-fex .xm7,.cx-fex .xm8,.cx-fex .xm9,.cx-fex .xm10,.cx-fex .xm11,.cx-fex .xm12,.cx-fex .xb1,.cx-fex .xb2,.cx-fex .xb3,.cx-fex .xb4,.cx-fex .xb5,.cx-fex .xb6,.cx-fex .xb7,.cx-fex .xb8,.cx-fex .xb9,.cx-fex .xb10,.cx-fex .xb11,.cx-fex .xb12,.cx-fex-c .x1,.cx-fex-c .x2,.cx-fex-c .x3,.cx-fex-c .x4,.cx-fex-c .x5,.cx-fex-c .x6,.cx-fex-c .x7,.cx-fex-c .x8,.cx-fex-c .x9,.cx-fex-c .x10,.cx-fex-c .x11,.cx-fex-c .x12,.cx-fex-c .xl1,.cx-fex-c .xl2,.cx-fex-c .xl3,.cx-fex-c .xl4,.cx-fex-c .xl5,.cx-fex-c .xl6,.cx-fex-c .xl7,.cx-fex-c .xl8,.cx-fex-c .xl9,.cx-fex-c .xl10,.cx-fex-c .xl11,.cx-fex-c .xl12,.cx-fex-c .xs1,.cx-fex-c .xs2,.cx-fex-c .xs3,.cx-fex-c .xs4,.cx-fex-c .xs5,.cx-fex-c .xs6,.cx-fex-c .xs7,.cx-fex-c .xs8,.cx-fex-c .xs9,.cx-fex-c .xs10,.cx-fex-c .xs11,.cx-fex-c .xs12,.cx-fex-c .xm1,.cx-fex-c .xm2,.cx-fex-c .xm3,.cx-fex-c .xm4,.cx-fex-c .xm5,.cx-fex-c .xm6,.cx-fex-c .xm7,.cx-fex-c .xm8,.cx-fex-c .xm9,.cx-fex-c .xm10,.cx-fex-c .xm11,.cx-fex-c .xm12,.cx-fex-c .xb1,.cx-fex-c .xb2,.cx-fex-c .xb3,.cx-fex-c .xb4,.cx-fex-c .xb5,.cx-fex-c .xb6,.cx-fex-c .xb7,.cx-fex-c .xb8,.cx-fex-c .xb9,.cx-fex-c .xb10,.cx-fex-c .xb11,.cx-fex-c .xb12,.cx-fex-l .x1,.cx-fex-l .x2,.cx-fex-l .x3,.cx-fex-l .x4,.cx-fex-l .x5,.cx-fex-l .x6,.cx-fex-l .x7,.cx-fex-l.x8,.cx-fex-l .x9,.cx-fex-l .x10,.cx-fex-l .x11,.cx-fex-l .x12,.cx-fex-l .xl1,.cx-fex-l .xl2,.cx-fex-l .xl3,.cx-fex-l .xl4,.cx-fex-l .xl5,.cx-fex-l .xl6,.cx-fex-l .xl7,.cx-fex-l .xl8,.cx-fex-l .xl9,.cx-fex-l .xl10,.cx-fex-l .xl11,.cx-fex-l .xl12,.cx-fex-l .xs1,.cx-fex-l .xs2,.cx-fex-l .xs3,.cx-fex-l .xs4,.cx-fex-l .xs5,.cx-fex-l .xs6,.cx-fex-l .xs7,.cx-fex-l .xs8,.cx-fex-l .xs9,.cx-fex-l .xs10,.cx-fex-l .xs11,.cx-fex-l .xs12,.cx-fex-l .xm1,.cx-fex-l .xm2,.cx-fex-l .xm3,.cx-fex-l .xm4,.cx-fex-l .xm5,.cx-fex-l .xm6,.cx-fex-l .xm7,.cx-fex-l .xm8,.cx-fex-l .xm9,.cx-fex-l .xm10,.cx-fex-l .xm11,.cx-fex-l .xm12,.cx-fex-l .xb1,.cx-fex-l .xb2,.cx-fex-l .xb3,.cx-fex-l .xb4,.cx-fex-l .xb5,.cx-fex-l.xb6,.cx-fex-l .xb7,.cx-fex-l .xb8,.cx-fex-l .xb9,.cx-fex-l .xb10,.cx-fex-l .xb11,.cx-fex-l .xb12,.cx-fex-r .x1,.cx-fex-r .x2,.cx-fex-r .x3,.cx-fex-r .x4,.cx-fex-r .x5,.cx-fex-r .x6,.cx-fex-r .x7,.cx-fex-r .x8,.cx-fex-r .x9,.cx-fex-r .x10,.cx-fex-r .x11,.cx-fex-r .x12,.cx-fex-r .xl1,.cx-fex-r .xl2,.cx-fex-r .xl3,.cx-fex-r.xl4,.cx-fex-r .xl5,.cx-fex-r .xl6,.cx-fex-r .xl7,.cx-fex-r .xl8,.cx-fex-r .xl9,.cx-fex-r .xl10,.cx-fex-r .xl11,.cx-fex-r .xl12,.cx-fex-r .xs1,.cx-fex-r .xs2,.cx-fex-r .xs3,.cx-fex-r .xs4,.cx-fex-r .xs5,.cx-fex-r .xs6,.cx-fex-r.xs7,.cx-fex-r .xs8,.cx-fex-r .xs9,.cx-fex-r .xs10,.cx-fex-r .xs11,.cx-fex-r .xs12,.cx-fex-r .xm1,.cx-fex-r .xm2,.cx-fex-r .xm3,.cx-fex-r .xm4,.cx-fex-r .xm5,.cx-fex-r .xm6,.cx-fex-r .xm7,.cx-fex-r .xm8,.cx-fex-r .xm9,.cx-fex-r.xm10,.cx-fex-r .xm11,.cx-fex-r .xm12,.cx-fex-r .xb1,.cx-fex-r .xb2,.cx-fex-r .xb3,.cx-fex-r .xb4,.cx-fex-r .xb5,.cx-fex-r .xb6,.cx-fex-r .xb7,.cx-fex-r .xb8,.cx-fex-r .xb9,.cx-fex-r .xb10,.cx-fex-r .xb11,.cx-fex-r .xb12{
    display: -webkit-inline-flex;
    display: inline-flex;}
/*栅格*/
.cont{margin:0 auto;padding:0 10px;}
.x1{width:8.333333333%;}
.x2{width:16.666666666%;}
.x3{width:25%;}
.x4{width:33.333333333%;}
.x5{width:41.666666666%;}
.x6{width:50%;}
.x7{width:58.333333333%;}
.x8{width:66.666666666%;}
.x9{width:75%;}
.x10{width:83.333333333%;}
.x11{width:91.666666666%;}
.layout,.x12{width:100%;}
@media(min-width:300px){
    .cont{padding:0;}
    .xl1{width:8.33333333%;}
    .xl2{width:16.66666666%;}
    .xl3{width:25%;}
    .xl4{width:33.33333333%;}
    .xl5{width:41.66666666%;}
    .xl6{width:50%;}
    .xl7{width:58.33333333%;}
    .xl8{width:66.66666666%;}
    .xl9{width:75%;}
    .xl10{width:83.33333333%;}
    .xl11{width:91.66666666%;}
    .xl12{width:100%;}
}
@media(min-width:760px){
    .cont{width:750px;}
    .xs1{width:8.33333333%;}
    .xs2{width:16.66666666%;}
    .xs3{width:25%;}
    .xs4{width:33.33333333%;}
    .xs5{width:41.66666666%;}
    .xs6{width:50%;}
    .xs7{width:58.33333333%;}
    .xs8{width:66.66666666%;}
    .xs9{width:75%;}
    .xs10{width:83.33333333%;}
    .xs11{width:91.66666666%;}
    .xs12{width:100%;}
}
@media(min-width:1000px){
    .cont{width:1000px;}
    .xm1{width:8.33333333%;}
    .xm2{width:16.66666666%;}
    .xm3{width:25%;}
    .xm4{width:33.33333333%;}
    .xm5{width:41.66666666%;}
    .xm6{width:50%;}
    .xm7{width:58.33333333%;}
    .xm8{width:66.66666666%;}
    .xm9{width:75%;}
    .xm10{width:83.33333333%;}
    .xm11{width:91.66666666%;}
    .xm12{width:100%;}
}
@media(min-width:1200px){
    .cont{width:1200px;}
    .xb1{width:8.33333333%;}
    .xb2{width:16.66666666%;}
    .xb3{width:25%;}
    .xb4{width:33.33333333%;}
    .xb5{width:41.66666666%;}
    .xb6{width:50%;}
    .xb7{width:58.33333333%;}
    .xb8{width:66.66666666%;}
    .xb9{width:75%;}
    .xb10{width:83.33333333%;}
    .xb11{width:91.66666666%;}
    .xb12{width:100%;}
}

.relative{ position:relative;}
.mr15{ margin-right:15px;}

:-moz-placeholder { /* mozilla firefox 4 to 18 */
    color: #a9a9a9;}

::-moz-placeholder { /* mozilla firefox 19+ */
    color: #a9a9a9;}
.tithead{
    color: #0075c2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a9a9a9;}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a9a9a9;}

.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.f666{ color:#666;}

/*pages*/
.pages{
    letter-spacing: 2px;
    padding: 5px 10px;
    margin-left: 10px;}

/*pages end*/


/*Top*/
header{ background:#fff;position:absolute;width: 100%;
    background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2) ); /* safari 5.1 - 6 */
    background: -o-linear-gradient(bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2)); /* opera 11.1 - 12*/
    background: -moz-linear-gradient( bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); /* firefox 3.6 - 15*/
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); /* 标准的语法 */
    z-index:10
;}
.Toper{ width:90%; margin:0px auto; height:70px; position:relative;z-index: 10;}
.Toper .Logo{ float:left; padding-top:10px;}

.Toper .search{ float:left;}
.Toper .search .icon{ cursor:pointer; display:none; padding-top:20px; margin-left:20px;height:18px;}
.Toper .searchbox{ padding-left:21px; width:240px; position:absolute; right:0px; top:15px; border:1px solid #eeeeee; border-radius:3px; height:36px; background:#fff;}
.Toper .searchbox .i2{ position:absolute; top:-37px; right:60px; cursor:pointer; width:25px; height:25px; background: #fff url(../image/close.jpg) center center no-repeat; display:none; border-radius:50%;}
.Toper .searchbox .btn{ position:absolute; right:16px; top:11px; background:url(../image/line.jpg) right center no-repeat;}
.Toper .searchbox .input{width:95%; font-size:12px; height:35px; line-height:35px;background:transparent; border:0px;}
.Toper .lang{text-align: center;color: white; width: 30px;height: 30px;line-height: 30px;position: absolute;right: 70px;top: 38px;background: #0067ac;color: white;border-radius: 15px;}
.Toper .lang a{color: white;}

.XFXX_A{position: absolute;right: 0;top: 38px;line-height: 30px;font-size: 14px;}

@media(max-width:998px){
    .Toper .lang{top: 12px;}
    .XFXX_A{top:12px;}
}

.MainNav{ height:48px; line-height:48px;}
.MainNav ul{ width:90%; margin:0px auto;}
.MainNav li{ float:left; position:relative; z-index:888; width:13%;background: url(../image/dian.jpg) right 15px center no-repeat;}
.MainNav li span a{ color:#fff; display:block; text-align:center; line-height:48px; font-size:18px;font-weight: 600;}

.MainNav li span a:hover,.MainNav li.onnav span a,.MainNav li .sele{
    border-bottom: 3px solid #FFFFFF;
    font-weight: 600;}

.SubNav{ display:none; left: 0px; top: 0px; position:absolute; border-radius:0px 0px 5px 5px; top:48px; margin-left:0px;width:100%; text-align:center; background:#fff; box-shadow:0px 5px 5px #ccc; line-height:30px;}
.SubNav dd a{display:block; border-bottom:1px solid #e3e3e3; line-height:35px;}
.SubNav dd a:hover{ background:#027ed5; color:#fff;}
.SubNav dd:last-child a{ border-bottom:0px;}
.SubNav dd:last-child a:hover{ border-radius:0px 0px 5px 5px;}

.MainNav li:hover .SubNav{
    display: block;}


/*Top*/

/*Bottom*/
.Footer{background:#e9e9e9;margin-top: 20px;padding-bottom: 30px;}
.Footer .sitemap{ float:left; padding-top:30px;}
.Footer .sitemap dl{ width:180px; float:left;}
.Footer .sitemap dl dt{ line-height:40px; background:url(../image/dtline.jpg) 0px bottom no-repeat; margin-bottom:8px; color:#2f2f2f;}
.Footer .sitemap dl dd{ line-height:26px; font-size:12px;}
.Footer .sitemap dl dd a{ color:#949494;}.Footer .sitemap dl dd a:hover{ color:#0075c2;}
.Footer .Contact{ width:201px; float:right; padding-top:30px; font-size:12px; color:#808080; text-align:center;}
.Footer .Contact .tel{ line-height:54px; font-size:28px; color:#36b0ff; font-family:Arial, Helvetica, sans-serif;}
.Footer .Contact dd{ width:100px; float:left; line-height:17px;}
.Footer .Contact dd img{ display:block; margin:0px auto 12px; border:3px solid #fff; width:80px; height:80px;}
.Footer .Select{ clear:both; padding:32px 0px 38px; margin-left:-45px;}
.Footer .Select li{ width:215px; float:left; padding-left:45px;}
.Footer .Select select{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none; width:215px; height:35px; text-indent:1em; color:#666666; background: #fff url(../image/selectarr.jpg) right center no-repeat;}
select::-ms-expand { display: none;}/*Ie clear arr*/
.Copyright{color:#fff; background:#0075c2; font-size:12px;padding: 10px 0;text-align: center;}

/*Bottom*/

/*首页*/
.homebg{ background:#f9f9f9;}
.HomeBan{ min-width:1200px; max-width:100%;position:relative; height:500px; overflow:hidden;clear:both;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd ul{ width:100% !important; height: 490px !important;}
.HomeBan .bd li{ width:100% !important; height: 100% !important;}
.HomeBan .bd li a{ height:500px; display:block;}
.HomeBan .hd{ width:100%;position:absolute; z-index:2; bottom:36px; left:0; height:6px; line-height:6px; text-align:center;}
.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px;border-radius: 15px; margin:0px 5px;overflow:hidden;line-height:9999px; background:#fff;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6;}
.HomeBan .hd ul .on{ background:#daac32;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.HomeBan .prev,
.HomeBan .next{ position:absolute;left:-45px; top: 50%; margin-top:-20px; width:40px; height:40px; overflow:hidden; background:url(../image/banarr.jpg) 0px top no-repeat; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan .next{ left:auto; right:-45px; background-position:-40px 0;}
.HomeBan:hover .prev{ left:25px;}
.HomeBan:hover .next{ right:25px;}

.HomeNews{ border:1px solid #e8e8e8; background:#fff; margin-bottom:14px; padding:12px 0px 0px 13px; height:443px;}
.NewsFocus { float:left; position: relative; width: 660px; height: 430px;overflow: hidden;}
.NewsFocus .item { position:relative;height: 100%;}
.NewsFocus .item img { width: 100%;display: block;height: 100%;}
.NewsFocus .item p { background:url(../image/filter70.jpg); display:block; position:absolute; width:100%; line-height:40px; text-indent:1em; z-index:10; left:0px; bottom:0px; color:#fff;}
.NewsFocus .item p span{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:70%; display:block;}

.NewsFocus .owl-pagination{position:absolute; right:10px;bottom:16px; line-height:8px; z-index:99;}
.NewsFocus .owl-pagination .owl-page{width:8px; height:8px; border-radius:50%; margin-left:9px; float:left; background:#fff;}
.NewsFocus .owl-pagination .owl-page.active{ background:#e70012;}


.NewsGroup{ margin-left:13px; height: 430px; float:left;box-shadow: 0 0 10px 1px #dedede;flex: 1;width: 0;}
.NewsGroup .tithead{ padding-left:13px; line-height:40px; height:40px; color:#0075c2; font-size:16px; background:url(../image/titlebg.jpg); position:relative; margin-bottom:5px;}
.NewsGroup li{ background:url(../image/liarr.jpg) 1px center no-repeat; padding-left:13px; height:37px; line-height:37px; border-bottom: 1px dashed #808080;}
.NewsGroup li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:70%; display:block;}

.mores{ position:absolute; width:38px; height:13px; right:0px; font-size: 14px;color: #7a7979;}
.date{ float:right; font-size:12px; color:#bbbbbb;}

.HomeAbout{ width:249px;}
.HomeAbout .con{ padding:12px 13px 0px 13px; line-height:26px; color:#767575;}
.HomeAbout .con a{ color:#067ece; display:inline-block; margin-left:10px;}

.HomeNav{ width:250px; float:right;}
.HomeNav ul{ margin-left:-7px;}
.HomeNav li{ width:121px; height:66px; float:left; margin:0px 0px 6px 7px; display:inline;}
.HomeNav li i{ width:24px; height:24px; position:absolute; left:7px; background:url(../image/navicon.jpg) no-repeat;}
.HomeNav li a{ display:block; height:46px; padding:20px 0 0 35px; line-height:20px; font-size:15px; color:#fff; position:relative;}
.HomeNav li a.a1{ background:#6ebaf3;}.HomeNav li a:hover.a1{ background:#348dcf;}
.HomeNav li a.a1 i{ background-position:0px top;}
.HomeNav li a.a2{ background:#f0b745;}.HomeNav li a:hover.a2{ background:#c78f1e;}
.HomeNav li a.a2 i{ background-position:-24px top;}
.HomeNav li a.a3{ background:#a4cf5c;}.HomeNav li a:hover.a3{ background:#83b82a;}
.HomeNav li a.a3 i{ background-position:-48px top;}
.HomeNav li a.a4{ background:#69d4d7;}.HomeNav li a:hover.a4{ background:#33aeb1;}
.HomeNav li a.a4 i{ background-position:-72px top;}
.HomeNav li a.a5{ background:#80a6eb;}.HomeNav li a:hover.a5{ background:#4373c8;}
.HomeNav li a.a5 i{ background-position:-96px top;}
.HomeNav li a.a6{ background:#ada5f0;}.HomeNav li a:hover.a6{ background:#7166cd;}
.HomeNav li a.a6 i{ background-position:-120px top;}



@media ( max-width:998px) and (min-width: 768px){

}

/*选项卡*/
.active{
    color: #0075c2;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    box-sizing: border-box;
    background: #fff;}
.tab-title li:first-child{
    border-left: none;}
.tab-title-2 li:first-child{
    border-left: none;}
.tab-title{
    width: 100%;
    height: 40px;
    border: 1px solid #dedede;
   
    box-sizing: border-box;
    background-size: 100% 107%;}
.tab-title-2{
    width: 100%;
    height: 40px;
    border: 1px solid #dedede;
  
    box-sizing: border-box;
    background-size: 100% 107%;}
.tab-title li{
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;}
.tab-title-2 li{
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;}
.tab-list{
    height: 285px;
    background: #fff;
    overflow:hidden;
    padding: 10px 15px;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;}
.tab-list-content{
    display: none;
    width: 100%;}
.tab-list-content-2{
    display: none;
    width: 100%;}
.Column2-list a{
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    font-weight: 100;
    color: #000;}
.Column2-list{
    height: 100%;
    line-height: 42px;}
.Column2-list li{
    background: url(../image/liarr.jpg) 1px center no-repeat;
    padding: 0 5px 0 15px;}
.Column2-list span{
    color: #808080;
    font-size: 13px;}
/*栏目页*/
.SubPage{ height:auto !important; height:300px; min-height:300px; padding-bottom:40px;}
.SubBan{ height:300px; overflow:hidden;width: 100%;background-size: 100% 100% !important;}

.LeftBar{ width:20%; float:left; margin-top:30px; background:#eeeeee; position:relative; z-index:1;}
.LeftBar .columname{ padding-top:25px; text-align:center; height:60px; font-size:20px; color:#fff; line-height:26px; background:url(../image/columnname.jpg);}
.LeftBar .columname .en{ display:block; line-height:15px; padding-bottom:7px; background:url(../image/icons.jpg) center bottom no-repeat; color:#588dbe; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.MenuList{ padding:5px 20px 20px;}
.MenuList li{ margin-top:14px;}
.MenuList li a{ background:#fff; color:#464646; display:block; padding:5px 0px 5px 25px; line-height:25px;}
.MenuList li a i{ display:inline-block; padding:0px 5px 0px 17px; background:url(../image/menuarr.jpg) 0px 9px no-repeat;}
.MenuList li a:hover,.MenuList li.onli a { color:#fff;background:#e0b43e;}
.MenuList li a:hover i,.MenuList li.onli a i{ background:url(../image/menuarr2.jpg) 0px 9px no-repeat;}

.public{
    color:#fff!important;
    background:#e0b43e!important;}
.public-bg{
    background:url(../image/menuarr2.jpg) 0px 9px no-repeat!important;}
.RightBar{width:78%;float:right;min-height: 33rem;}
.Position{ border-bottom:1px solid #eeeeee; padding-top:27px; height:30px;}
.Position .place{ background:url(../image/home.jpg) 0px center no-repeat; float:left; padding-left:24px; color:#a3a3a3; font-size:12px;}
.Position .place a{color:#a3a3a3;}.Position .place a:hover{color:#0067ac;}

.SinglePage{width: 100%;word-wrap:break-word;padding:20px 0px 0px 0px;line-height:28px;min-height: 17rem;text-indent: 2em;font-size: 16px;}
.SinglePage img{
    max-width: 100%!important;
    height: auto !important;
    padding: 10px 0;
    width: 80% !important;
    display: block;
    margin: 0 auto;}
.slides_box{position:relative; width:100%; height:420px;overflow:hidden;}
.slides_box div{position: absolute; text-align:center;}
.slides_box div img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
.slides_box div dl{background: rgba(0,0,0,0.3);position: absolute;left:0;bottom:0;width:100%;height:12px;padding:5px 5px 20px;color:#FFF;text-align:left;}
.slides_box div dl dt{line-height:35px;height:35px;width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 14px;font-weight: bold;}
.slides_box div dl dd{line-height:20px;height:60px;overflow:hidden;}
.slides_nav{position:absolute; right:5%; bottom:10px;}
.slides_nav li{ cursor:pointer;float:left;width:6px;height:6px;border:4px solid #DDDDDD;background:#DDDDDD;margin:0 5px;text-indent: -9999px;}
.slides_nav .current{background:#FFF;border-color:#088A68;}


.subname{ text-align:center; line-height:15px; color:#939191; font-size:12px;}
.subname h2{ line-height:22px; font-size:20px; color:#424141; margin-bottom:12px;}
.subname i{ display:block; margin:0px auto; width:31px; height:12px; border-bottom:4px solid #0067ac;}

.Culture{ background:url(../image/culture.jpg) 0px top no-repeat; width:750px; margin:0px auto; padding-top:180px;}
.Culture .dl1{ width:125px; float:left;}
.Culture .dl2{ margin:0px 73px 0px 27px; float:left; display:inline; width:125px;}
.Culture .dl3{ float:left; width:182px;}
.Culture dd{ background:#eeeeee; color:#626161; line-height:36px; text-align:center; margin-bottom:4px;}
.Culture dd:hover{ background:#e0b43e; color:#fff;}
.Culture dd a{ color:#626161; display:block;}.Culture dd a:hover{ background:#e0b43e; color:#fff;}

.HornorList{ margin:15px 0px 15px -3%;}
.HornorList li{ width:30.333%; float:left; text-align:center; margin-left:3%; display:inline; height:282px; margin-bottom: 5px;}
.HornorList li .img{ position:relative; height:220px; border-radius: 5px;}
.HornorList li .img img{ width:100%; height:220px; display:block; margin:0px auto;border-right: 5px;}
.HornorList li p{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; display:block;margin-top:6px;}
.HornorList .play{ z-index:2; background:url(../image/filter40.jpg); position:absolute; left:0px; top:0px; width:100%; height:157px;}
.HornorList .play i{ position:absolute; background:url(../image/play.jpg); width:35px; height:35px; left:50%; top:50%; margin:-18px 0px 0px -18px;}

.HornorList li a{ color:#4e4c4c;}.HornorList li a:hover{ color:#0067ac;}

.NewsList{ margin:0px 0px 30px 0px;}
.NewsList li{ padding:20px 0px 0px 24%; position:relative; height:157px; border-bottom:1px solid #eeeeee;}
.NewsList li .img{ position:absolute; width:20%; left:0px; top:20px;border-right: 5px;}
.NewsList li .img img{ display:block; width:100%; height:160px;border: 1px solid #dddddd;box-sizing: border-box;border-right: 5px;object-fit: cover;}
.NewsList li .tit{ padding:9px 0px 8px; font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; display:block;}
.NewsList li .tit a{ color:#333333;}.NewsList li .tit a:hover{ color:#0067ac;}
.NewsList li .p{ font-size:13px; color:#666666; margin-bottom:17px; height:48px; overflow:hidden;}
.NewsList li .dates{ line-height:32px; background:url(../image/date.jpg) 0px center no-repeat; padding-left:20px; color:#7f7e7e; font-size:12px;}
.NewsList li .detail{ display:block; float:right; background: #bfbfbf url(../image/morearr.jpg) center center no-repeat; width:100px; height:32px; border-radius:3px;}
.NewsList li a:hover.detail{background: #e0b43e url(../image/morearr.jpg) center center no-repeat;}

.NotiteList{ margin:17px 0px;}
.NotiteList li{ overflow:hidden; height:36px; line-height:36px; background:url(../image/linebg.jpg) 0px center repeat-x;}
.NotiteList li a.tit{ background: #fff url(../image/arr.jpg) 0px center no-repeat; padding:0px 0px 0px 16px; float:left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:61%; display:block;}
.NotiteList li a.tit2{padding-right:17px; float:left; background:#fff;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:65%; display:block;}
.NotiteList li a.tit2 i{ display:inline-block; width:31px; vertical-align:middle;}
.NotiteList li a.tit2 img{ display:block; width:20px; height:21px;}
.NotiteList li .dates{ float:right; background:#fff; padding-left:8px; color:#858585;}
.NotiteList li a{color:#5b5b5b;}.NotiteList li a:hover{color:#0067ac;}

.Titleinfo{ padding:24px 0px 20px 0px; text-align:center; border-bottom:1px solid #e3e3e3; line-height:29px; color:#888;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo i{ margin:0px 20px;}
.Titleinfo .dates{
    letter-spacing: 1px;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.PrevNextBox { border-top:1px solid #dadada; margin:32px 0px 0px; padding-top:15px; position:relative; color:#888888;}
.PrevNextBox a.back{ position:absolute; right:0px; top:16px; display:block; text-align:center; color:#fff; width:100px; line-height:35px; border-radius:5px; background:#3576b4;}
.PrevNextBox dl{ padding-left:56px; position:relative;height:22px; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox a{ color:#666666;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:80%; display:block;}.PrevNextBox a:hover{ color:#e52613;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

#video{ margin-bottom:15px;}

.Contactli{ padding-bottom:30px;}
.Contactli li{ width:33.333%; float:left; padding:15px 0px 0px 0px;}
.Contactli li i{ display:inline-block; vertical-align:middle; width:54px; height:54px; margin-right:9px;}
.Contactli li .tel{ background:url(../image/tel.jpg);}
.Contactli li .fax{ background:url(../image/fax.jpg);}
.Contactli li .add{ background:url(../image/add.jpg);}

.HrList{ margin:4% 0;}
.HrList th{ background:#0067ac; color:#fff; font-size:16px; padding:9px 0px; font-weight:normal; border-right:2px solid #f5f5f5;}
.HrList th:last-child{ border-right:0px;}
.HrList td{border-right:2px solid #f5f5f5;border-bottom:2px solid #f5f5f5;}
.HrList td:last-child{ border-right:0px;}
.HrList .tit{ font-size:16px; font-weight:bold;}
.HrList .con{ padding:2% 2% 2% 4%; color:#666666; line-height:21px;}
.HrList a.apply{ background:url(../image/line.jpg) 0px bottom repeat-x; border-radius:3px; border:1px solid #e5e5e5; width:86px; line-height:28px; text-align:center; color:#3e3a39; display:block; margin:0px auto;}
.HrList a:hover.apply{ color:#eb6e14;}
.HrList .hr1{ width:24%;}
.HrList .hr2{ width:59%;}
.HrList .hr3{ width:17%;}
.HrList .dis{ display:none;}

.Hrtit{ font-size:16px; color:#eb6e14; line-height:32px; margin-top:18px; padding-left:15px; background:#ebebeb;}
.JobForm{ color:#666666; margin:4% 0px 35px 0%;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:20%; float:left;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:9.7%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ color:#fff; width:90px; height:35px; background:#eb6e14; margin-right:8px;}
.resetbtn{ color:#fff; width:90px; height:35px; background:#747474;}

.page-cover {
    background:#fff url(../image/loding.jpg) no-repeat center 350px;
    width:100%;
    height:0;
    position:absolute;
    bottom:0;
    z-index:10000001;}
/* ============================= animate ============================= */
@-webkit-keyframes bounceIn {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1);}
    100% {
        -webkit-transform:scale(0.80);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        transform:scale(0.8);}
}
@-moz-keyframes bounceIn {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1);}
    100% {
        -webkit-transform:scale(0.80);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        transform:scale(0.8);}
}
@-ms-keyframes bounceIn {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1);}
    100% {
        -webkit-transform:scale(0.80);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        transform:scale(0.8);}
}
@keyframes bounceIn {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1);}
    100% {
        -webkit-transform:scale(0.80);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        transform:scale(0.8);}
}
@-webkit-keyframes upAndDown {
    0% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
    50% {
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        transform:translate(0, 0);}
    100% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
}
@-moz-keyframes upAndDown {
    0% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
    50% {
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        transform:translate(0, 0);}
    100% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
}
@-ms-keyframes upAndDown {
    0% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
    50% {
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        transform:translate(0, 0);}
    100% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
}
@keyframes upAndDown {
    0% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
    50% {
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        transform:translate(0, 0);}
    100% {
        -webkit-transform:translate(0, 15px);
        -ms-transform:translate(0, 15px);
        -moz-transform:translate(0, 15px);
        transform:translate(0, 15px);}
}


/*20180105*/
.mobileban{ display:none;}
@media ( max-width:998px){
    img{ max-width:100%;vertical-align:top;}
    .Toper{ width:auto; margin:0px 10px; height:50px;}
    .Toper .Logo{padding-top:12px;}
    .Toper .Logo img{ display:block;height:26px; width: 250px!important;}
    .MainNav{ display:none;}
    #navigation { display:block;}
    .Toper .search .icon{display:block;}.Toper .search .i2{ display:block;}
    .Toper .searchbox{ display:none; background:#fff; top:50px; padding-left:5%; width:95%; z-index:88;}
    .Copyright{line-height:24px; padding:5px 0px; height:auto; text-align:center;}
    .Copyright .fl,.Copyright .fr{ float:none;}
    .Copyright .cnzz{ margin-top:5px;}
    .top-nav{
        position: absolute;
        right: 0;
        top: 10px;
         top: 18px;
        display: block!important;}
    #panel{
        position: fixed;
        top: 45px;
        display: none;
        right: 0;
        background: #7d9db3;
        z-index: 20;
        width: 150px;
        text-align: center;}
    #panel li{
        width: 100%;}
    #panel li a{
        color: #fff;
        width: 100%;
        display: block;
        border-bottom: 1px solid #fff;
        line-height: 45px;}
    .HomeBan{ width:100% !important;min-width: 0px;max-width: 0 position:relative; height:200px; overflow:hidden;clear:both;}

    .mobileban{ display:block;}
    #owl-demo1 .owl-pagination{ text-align:center;position:absolute; width:100%; bottom:5.5%; z-index:99;}
    #owl-demo1 .owl-pagination .owl-page{width:20px; height:4px; margin:0px 5px; display:inline-block; *display:inline; zoom:1; background:#f6f8fa;}
    #owl-demo1 .owl-pagination .owl-page.active{ background:#daac32;}
    .LeftBar{ width:180px;}
    .MenuList li a{ padding-left:15px;}
    .RightBar{ width:580px; float:right;}
    .SubBan{ height:160px; overflow:hidden;}
}
@media ( max-width:998px) and (min-width: 768px){
    .Contain{ width:768px;}
    .Footer .sitemap dl{ width:110px; float:left;}
    .Footer .Select{margin-left:-15px;}
    .Footer .Select li{ width:180px; float:left; padding-left:15px;}
    .Footer .Select select{width:180px;}
    .NewsFocus {width: 370px; height: 355px;}
    .NewsFocus .item img { width: 370px; height: 355px;}
    .new-list{width: 48%;}
    .Column2-list a{width: 70%;}
    .Footer h2{
        width:768px!important;}
    .Footer-list{
        width:768px!important;}
    .nav-ul1 ul{
        width: 70%!important;}
    .gongZhongHao{
        width: 28% !important;
        flex-direction: row;
        -webkit-flex-direction: row ;}
    .gongZhongHao img{
        width: 70%!important;
        width: 70%!important;}
    .nav-ul1{
        width: 100%!important;}
    #demo3{
        width:768px!important;}
    .list-img{
        width: 100% !important;
        justify-content: space-between;}
    .list-img div{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row
    ;}
    .list-img div a{
        margin-top: 10px;}
    .list-img img{
        width: 140px!important;}
    .index-img img{
        height: 80px!important;}
    .NewsGroup{  width:360px;}
    .mr15{ margin-right:10px;}
    .Column{width:270px;}
    .HomeAbout{ width:202px;}
    .HomeAbout .con{ line-height:19px;}
    .HomeNav{ width:202px;}
    .HomeNav ul{ margin-left:-7px;}
    .HomeNav li{ width:97px;}
    .HomeNav li i{ margin-right:2px;}
    .HomeNav li a{ height:46px; padding-top:20px; font-size:14px;}
    .HomeCase{ width:553px;}
    .HomeVideo{ width:202px; height:238px; margin-bottom:33px;}
    .HomeVideo .video{ width:180px;}
    .HomeVideo .video img{ width:180px;}
}
@media ( max-width:767px) and (min-width: 300px){

    .Toper .Logo{padding-top:17px;}
    .Toper .Logo img{height:20px;}
    .Contain{ width:auto; margin:0px 10px;}
    .Footer .sitemap{ display:none;}
    .Footer .Contact{ float:none; margin:0px auto; padding-top:12px;}
    .Footer .Select{margin-left:-2%; padding:15px 0;}
    .Footer .Select li{ width:23%; padding-left:2%;}
    .Footer .Select select{width:100%;}

    .HomeNews{ height:auto; margin-top:12px; padding:0!important;border: none;background: none;}
    .NewsFocus {width: 100%!important; height: auto!important; float:none!important;margin-bottom: 20px;display: block!important;}
    .NewsFocus .item img { width: 100%; height: 220px;}
    .NewsGroup{ padding-left:0px; width:100%; float:none;box-shadow:none;}
    .mr15{ margin-right:0px;}
    .Column{width:auto; height:auto; padding-bottom:10px;}.Column.fl{ float:none;}.Column.fr{ float:none;}
    .HomeAbout{ width:auto;}
    .HomeNav{ width:auto; float:none;}
    .HomeNav ul{ margin-left:-2%;}
    .HomeNav li{ width:31.333%; margin-left:2%;}
    .HomeCase{ width:auto;}
    .HomeVideo{ width:auto; height:230px; margin-bottom:20px;}
    .HomeVideo .video{ width:90%;}
    .HomeVideo .video img{ width:100%;}
    .LeftBar{ width:auto; float:none;}
    .RightBar{ width:auto; float:none;}
    .LeftBar .columname{padding-top:6px; height:56px;}
    .MenuList{ padding:0px 4px 4px;}
    .MenuList li{ margin-top:4px;}
    .Position{padding-top:7px; height:30px;}
    .Contactli li{ width:auto; float:none;}

    .JobForm{margin:4% 0px 35px 0%;}
    .JobForm dl{ width:auto; float:none; clear:both; padding-left:76px; position:relative;}
    .JobForm dl dt{ width:auto; position:absolute; left:0px; top:0px; text-align:right;}
    .JobForm dl dd{ width:auto; float:none;}
    .JobForm dl.other{ padding-left:76px; width:auto;}
    .JobForm dl.other dt{ width:auto; text-align:right;}
    .JobForm dl.other dd{ width:auto;}


}
@media ( max-width:480px){
    .Footer .Select li{ width:48%; margin-bottom:2%;}
    .HornorList li{ height:auto; padding-bottom:10px;}
    .HornorList li .img{ position:relative; height:80px;}
    .HornorList li .img img{height:80px;}
    .HornorList .play{height:80px;}
    .HornorList .play i{ background-size:cover; width:25px; height:25px; left:50%; top:50%; margin:-12px 0px 0px -12px;}
    .NewsGroup{margin-left: 0;background: #fff;box-sizing: border-box;border: 1px solid #dedede;}
    .NewsList li { height:100px; padding-top:10px;}
    .NewsList li .img{ top:10px;}.NewsList li .img img{ height:88px;}
    .NewsList li .tit{ font-size:14px; padding-left: 30px;}
    .NewsList li .p{ font-size:12px;margin-bottom:0px; line-height:18px; height:36px;padding-left: 30px;}
    .NewsList li .detail{ display:none;}
    .HrList .hr3{ display:none;}
    .HrList .dis{ display:block; padding:12px 0px;}
    .HrList .con{ line-height:18px; font-size:12px;}
    .HomeBan .bd li{
        height: 150px !important;}
    .HomeBan{
        height: 150px !important;}
    .HomeBan .hd{
        height: 0px!important;
        bottom: 25px!important;}
    .HomeBan .hd ul li{
        width: 10px!important;
        height: 10px!important;}
    #demo2 ul li img{
        width: 120px;
        height: 80px;}
    #demo2 ul li a div{
        padding-right: 10px!important;
        width: 120px!important;}
    #demo2{
        height: 105px!important;}
    .index-img img{
        height: 60px!important;}
    #demo3{
        margin: 10px auto 0px!important;
        font-size: 12px!important;
        padding: 2px!important;}
    .Column2-list a{
        width: 70%!important;}
    .list-mt{
        margin-top: 20px;}
    .list-img{
        width: 100% !important;
        justify-content: space-between;}
    .list-img div{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row
    ;}
    .list-img div a{

        margin-top: 10px;}
    #demo1 ul li img{
        width: 120px;
        height: 80px;}
    #demo1 ul li a div{
        padding-right: 10px!important;
        width: 120px!important;}
    #demo1{
        height: 105px!important;}
    .nav-ul1 ul{
        width: 100%;}
    .nav-ul1 li.one{
        width: 32%!important;
        height: 35px!important;}
    .nav3{
        width: 338.3px!important;}
    .nav-ul1 li.one a.aa{
        line-height: 35px!important;
        font-size: 14px!important;
        font-weight: 500!important;}
    .nav3-list2{
        right: 106.5%!important;}
    .nav3-list3{
        right: 213%!important;}
    .nav3 a{
        font-size: 12px!important;
        line-height: 30px!important;
        padding: 0px 10px 0 15px!important;
        background: url(../image/dian1.jpg) 8px center no-repeat!important;}
    .gongZhongHao{
        display: none;}
    .new-list{
        width: 100%!important;}
    .Copyright{
        align-items: center;}
    .foot-left{
        display: block!important;
        width: 20% !important;
        height: 20%!important;}
    .foot-left div{
        line-height: 20px;}
    .Copyright img{
        width: 100%;
        height: 100%;}
    .Copyright ul{
        width: 68%;
        padding-left: 5px;}
    .Copyright ul li{
        line-height: 25px;}
    .NewsList li .img{
        width: 30% !important;}
    .NewsList li .dates{
        padding-left: 50px!important;
        background: url(../image/date.jpg) 30px center no-repeat;}
    .NewsList li .tit{
        padding:0px 30px 8px!important;
        width: 81% !important;}
    .el-pagination__jump{
        margin-left:0!important;}
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
        margin: 0 3px!important;}
    #fl img{
        width: 160px!important;
        height: 80px!important;}
    .box-list{
        width: 100%!important;}

}



/*信访信箱*/
.Message .title{background: #f5f5f5;padding: 2.5% 5%;text-align: left;margin-bottom:30px;}
.Message .title h2{font-size: 18px;line-height: 28px;color: #333333;}
.Message .title p{color:#333;}
.Message dl{ line-height:32px; margin-bottom:25px; color:#333333; position:relative; padding-left:93px;}
.Message dl dt{ position:absolute; width:115px; left:-25px; top:0px; text-align:right; font-size:15px;}
.Message dl dd label{display:inline-block;margin-right:15px;}
.Message dl dd label input{margin-right:5px;}
.Message dl .input{ font-size:12px; width:264px; height:30px; line-height:30px; border:1px solid #cccccc; text-indent:1em;}
.Message dl .f_red{ color:#ff0000; margin-right:10px;}
.Message dl .right{ font-size:12px; margin-left:19px; display:inline-block; background:url(../image/yes.jpg) 0px center no-repeat; padding-left:22px; color:#999999;}
.Message dl .error{ font-size:12px; margin-left:19px; display:inline-block; background:url(../image/error.jpg) 0px center no-repeat; padding-left:22px; color:#999999;}
.Message dl .textarea{ width:396px; padding:10px;border:1px solid #cccccc;}
.Message dl .textarea textarea{ width:100%; height:166px;}
.Message dl .sendbtn{ width:140px; height:41px; color:#fff; border-radius:6px; background:#0076be; cursor:pointer; font-size:16px; margin-right:45px;}
.Message dl .resetbtn{ width:140px; height:41px; color:#fff; border-radius:6px; background:#505050; cursor:pointer; font-size:16px;}

@media ( max-width:998px){
    .Message .tithead{ font-size:16px; line-height:50px;}
    .Message{ margin-left:0px;}
    .Message dl{ margin-bottom:15px;}
    .Message dl .right{ display:block; margin-left:0px;}
    .Message dl .error{ display:block; margin-left:0px;}
    .Message dl .input{ width:97%;}
    .Message dl .textarea{ width:91%; padding:3%;}
}
@media ( max-width:640px){
    .Message dl .sendbtn{ width:90px; height:35px;margin-right:15px;}
    .Message dl .resetbtn{ width:90px; height:35px;}

    .Contacttxt{ float:none; padding-bottom:20px;}
    .Ewmbox{ float:none; padding-left:0px; margin:0px auto;}

}



#demo1{width:100%;height:155px;overflow:hidden;background:#fff; padding-top: 15px; padding-bottom: 20px; margin: 15px 0;box-shadow: 0 0 5px 1px #dedede;}
#demo1 ul li{float:left; padding:0 8px;}
#demo1 ul li a div{
    text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    width: 180px;}
#demo1 ul li img{display:block; border: 1px solid #dedede;padding: 5px;}

#demo2{width:100%;height:155px;overflow:hidden;background:#fff; padding-top: 15px; padding-bottom: 20px;margin: 15px 0;box-shadow: 0 0 5px 1px #dedede;}
#demo2 ul li{float:left; padding:0 8px;}
#demo2 ul li img{display:block; border: 1px solid #dedede;padding: 5px;}
#demo2 ul li a div{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    width: 180px;}
#demo1 ul li a div{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    width: 180px;}

#demo2 ul li a div{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
#demo1 ul li a div{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
#demo3{
    width:90%;
    height:25px;
    overflow:hidden;
    box-shadow: 0 0 8px 1px #d4d4d4;
    margin:10px auto 10px;
    padding: 3px;
    border-radius: 50px;}
#demo3 ul li{
    float:left;
    padding:0 35px;
    line-height:25px;}
.tab-title li:hover {
    transition: all 0.03s linear;
    -webkit-transition: all 0.03s linear;}
.Links{
    margin-top: 15px;
    width: 100%;
    background: #FFFFFF;
    padding: 10px;}
.Links li{
    margin:5px;}
.Links li a img{
    width: 158px;
    height: 50px;
    border: 1px solid #dedede;
    box-sizing: border-box;}
.lianJie{
    margin-top: 20px;
    height: 150px;}
.lianJie ul li {
    width: 200px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    color: #666666;
    line-height: 35px;
    height: 35px;
    padding: 0 5px;
    position:relative;
    background: #fff url(../image/selectarr.jpg) right center no-repeat;}
.lianJie_list{
    position: absolute;
    background: #fff;
    left: 0;
    width: 210px;
    border-top: 1px solid #cbc9c9;
    display: none;}
.lianJie_list a{
    display: block;
    line-height: 33px;
    height: 33px;
    padding-left: 10px;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;}
.lianJie ul li:hover .lianJie_list {
    display: block;}
.button{

    border: 1px solid #0075c2;
    padding: 3px 40px;
    color: #0075c2;
    border-radius: 5px;}
.tablew{
    width: 100%;}
.tablew tbody tr td{
    font-size: 14px!important;}



.nav{width:100%;height:42px;}
.nav-ul{width:100%;padding:0px 0px 0;}
.nav-ul li.one{position:relative;float:left;width:12.5%;height:100%;padding:0px 0 0 ;}
.nav-ul li.li1{float:left;width:2px;height:50px;}
.nav-ul li.one a.aa{display:block;width:100%;line-height:42px;text-align:center;font-size:18px;color:#FFF;font-weight: bold;text-decoration: none;}

.nav-ul li.one:hover a.aa,.nav-ul li.on:hover a.aa{background: #ffffff;color: #535353;}
.nav2{z-index:2;display:none;position: absolute;left:0px;top:42px;width:300%;font-size:14px;padding:10px 0 ;text-align:center;background:#FFF;}
.nav2 a{display:block;line-height:35px;color:#4E356B;}
.nav2 li{width: 33%;display:block;float: left;}
.nav2 a:hover{background:#088A68;color:#FFF;text-decoration: none;}
.nav-ul li.one:hover .nav2{display:block;}



.nav1{position: absolute;width:100%;bottom:0;left:0;height:40px;background-size:100%;}
.nav-ul1{width:90%;height:41.8px;padding:0px 0px 0;position: relative;}
.nav-ul1 li.one{float:left;width:28%;height:42px;padding:0px; background: #FFFFFF;}

.nav-ul1 li.li{float:left;width:2px;height:50px;}
.nav-ul1 li.one a.aa{color: #616161;display:block;width:100%;line-height:40px;text-align:center;font-size:16px;font-weight: bold;text-decoration: none;}

.nav-ul1 li.one:hover a.aa,.nav-ul1 li.on:hover a.aa{color: #fff;background: #0075c2;}
.Footer-list{
    min-height: 100px;}

.nav3{display:none;position: relative;width:357.3%;min-height:88px; top:0px;background:#FFF;}

.nav3 a{display:block;line-height:40px;color:#4E356B;font-size:15px;color:#000000;text-decoration: none;background: url(../image/dian1.jpg) 15px center no-repeat; padding: 0px 20px 0 25px;}
.nav3 li{display:block;}
.nav3 a:hover{text-decoration: none;}
.nav-ul1 .one:hover .nav3{display:block; border-top: 1px dashed #cacaca; box-sizing:border-box;}

.nav3 ul li a:hover{
    color: #0075c2;}
.Column2-list li a:hover{
    color: #0075c2;}
.index-img img{
    width: 100%;height: 100px;border-radius: 5px;box-sizing: border-box;margin-top: 5px
;}
.foot-left{
    display: none;}

.lbt-text{
    background: url(../image/filter70.jpg);
    display: block;
    position: absolute;
    width: 100%;
    line-height: 40px;
    text-indent: 1em;
    z-index: 10;
    left: 0px;
    bottom: 0px;
    color: #fff;}
#panel{
    display: none;}
.top-nav{

    display: none;}
.box-list{
    margin: auto;width: 70%
;}