@charset "utf-8";

@font-face {
  font-family: 'SourceHanSansCN';
  src: url("../fonts/SourceHanSansCN-Normal.otf");
}

@font-face {
  font-family: 'DINCond';
  src: url("../fonts/DINCond-Bold.ttf");
}

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"SourceHanSansCN","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1200px}
img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

.bg1 { background:#F0F2F5}


a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none}
a:hover { color:#0168B7}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:84%; margin:0 auto}

@media all and (max-width:1100px){
body { min-width:inherit}
}
@media all and (max-width:800px){
.w100 { width:90%}
}





header { position:fixed; left:50%; margin-left:-815px; width:1630px; top:0px; height:132px; z-index:777; background:rgba(255,255,255,0.8)}
header.hb { left:0; width:100%; margin-left:0; background:#fff}
header .w100 { width:1630px; margin:0 auto; position:relative; height:132px}
header .logos { float:left; padding:28px 0 0 35px}
header .logos img { display:block; height:70px}

header nav { position:absolute; bottom:0; right:70px; z-index:22}
header nav ul li { float:left; padding:0 15px; font-size:16px; position:relative; height:60px; position:relative; position:relative}
header nav ul li a { color:#0168B7; height:60px}
header nav ul li i { height:3px; left:18px; right:18px; position:absolute; bottom:0px; background:#0168B7; color:#0168B7; border-radius:2px; opacity:0; overflow:hidden}
header nav ul li:hover a { font-weight:bold}
header nav ul li.nav_on a i { opacity:1}

header nav ul li h3 { position:absolute; top:60px; padding-top:17px; left:3px; line-height:14px; color:#0168B7; white-space: nowrap; display:none}
header nav ul li h3 a { color:#333; padding:0 15px; font-size:16px; border-left:1px #0168B7 solid}
header nav ul li h3 a:nth-child(1) { border:0 none}
header nav ul li:hover h3 a { font-weight:normal}

header nav ul li:last-child h3 { left:auto; right:0}

header nav ul li h4 { background:#f8f8f8; position:absolute; top:74px; display:none; left:-25%; width:150%; padding:10px 0}
header nav ul li h4 a { display:block; color:#333; line-height:40px; font-size:16px; text-align:center}
header nav ul li h4 a:hover { color:#0E86FE}


header .s_nav { background:rgba(255,255,255,0.8); position:absolute; left:0; width:100%; bottom:-50px; height:50px; display:none}



header .head_r { display:none}
header .head_r2 { position:absolute; top:30px; right:35px; line-height:16px; font-size:14px; z-index:444; overflow:hidden; padding-left:160px}
header .head_r2 h3 { position:absolute; left:0px; top:2px}

#he-plugin-simple * { width:auto !important}


header .head_ss { position:absolute; z-index:333; right:35px; bottom:35px}
header .head_ss i.i1 { display:block; width:18px; height:18px; background:url(../images/head_ss1.png); background-size:100%; cursor:pointer}
header .head_ss form { display:none; width: 225px;height: 30px;background:#fff; border:1px solid #EEEEEE; border-radius: 2px; position:absolute; right:0; top:-10px}
header .head_ss i.i2 { display:block; width:30px; height:18px; background:url(../images/head_ss1.png) center no-repeat; background-size:auto 100%; float:left; margin-top:6px;}
header .head_ss .inp1 { position:absolute; left:0; top:0; width:30px; height:30px; opacity:0; cursor:pointer}
header .head_ss .inp2 { width:180px; line-height:28px; height:28px}
header .head_ss i.i3 { display:block; width:30px; height:18px; background:url(../images/head_ss2.png) center no-repeat; background-size:auto 100%; position:absolute; top:6px; right:0; cursor:pointer}



@media all and (max-width:1680px){
header { margin-left:-740px; width:1480px;}
header .w100 { width:1480px;}
header .logos { padding:15px 0 0 35px}
header .logos img { height:60px}
header nav ul li { line-height:50px}
header .head_ss { bottom:25px}
}

@media all and (max-width:1480px){
header { margin-left:-600px; width:1200px;}
header .w100 { width:1200px;}
}

@media all and (max-width:1280px){
header { margin-left:0px; width:100%; left:0; height:120px}
header .w100 { width:100%; height:120px}

header .logos { padding:15px 0 0 25px}
header .head_r2 { right:25px}
header .logos img { height:50px}

header nav ul li { height:50px}
header nav ul li h3 { top:50px;}

header .head_ss { bottom:15px}
}

@media all and (max-width:1000px){
header nav ul li { padding:0 10px;}
header nav ul li i { left:10px; right:10px;}
header nav ul li h3 { left:-5px}
}


@media all and (max-width:800px){
header { height:60px; background:#fff}
header .w100 { height:60px;}
header .logos { padding:12px 0 0 15px}
header .logos img { display:block; height:36px}
header .head_r2 { display:none}
header nav { background:#0168B7; left:0; right:0; top:60px; height:auto; bottom:auto; padding:10px 0; display:none}
header nav ul li { padding:0; float:none; line-height:40px; height:auto; position:relative}
header nav ul li a { padding:0 15px; color:#fff}
header nav ul li a:hover { color:#fff}
header nav ul li i { position:absolute; right:15px; top:12px; line-height:20px; height:20px; left:auto; color:#fff; opacity:1}

header nav ul li.nav_on2 { background:#67A5D4}
header nav ul li.nav_on2 i { background:#67A5D4}
header nav ul li h3 { position:relative; left:auto; top:auto; height:auto; background:#fff; overflow:hidden ; color:#888; padding:10px 15px}
header nav ul li h3 a { display:block; float:left; width:33.3%; border:0 none; padding:0; line-height:34px; height:34px; font-size:14px}

header .head_r { display:block; line-height:60px; position:absolute; top:0; right:15px}
header .head_r i { font-size:18px; line-height:60px; color:#0168B7}

header .head_ss { bottom:20px; right:50px}
}
@media all and (max-width:420px){
header .logos { padding:15px 0 0 15px}
header .logos img { height:30px}
}

.banner { overflow:hidden; position:relative; height:740px}
.banner .bd ul li { position:relative; z-index:11; height:740px}
.banner .bd ul li img { display:block; width:100%}

.banner .hd { position:absolute; left:0; width:100%; text-align:center; z-index:222; bottom:20px; transform:scale(0.6)}
.banner .hd ul li { display:inline; padding:0 10px}
.banner .hd ul li i { border:2px #fff solid; padding:0 7px; border-radius:10px; cursor:pointer}
.banner .hd ul li.on i { background:#fff; padding:0 30px}

@media all and (max-width:1680px){
.banner { height:640px}
.banner .bd ul li { height:640px}
}
@media all and (max-width:1440px){
.banner { height:550px}
.banner .bd ul li { height:550px}
}
@media all and (max-width:1280px){
.banner { height:490px}
.banner .bd ul li { height:490px}
}
@media all and (max-width:1000px){
.banner { height:380px}
.banner .bd ul li { height:380px}
}
@media all and (max-width:800px){
.banner { margin-top:60px}

}
@media all and (max-width:780px){
.banner { height:290px}
.banner .bd ul li { height:290px}
}
@media all and (max-width:560px){
.banner { height:220px}
.banner .bd ul li { height:220px}
}
@media all and (max-width:480px){
.banner { height:190px}
.banner .bd ul li { height:190px}
}




.index_1 { height:198px; margin:0 auto; width:1200px; border-left:1px #E5E5E5 solid; border-right:1px #E5E5E5 solid}
.index_1 .index_yw { width:295px; float:left; position:relative}
.index_1 .index_yw h2 { position:relative; padding-top:60px; line-height:30px; padding-left:120px; font-weight:normal; font-size:24px}
.index_1 .index_yw h2 i { display:block; position:absolute; left:60px; top:75px; width:50px; height:3px; background:#0168B7}
.index_1 .index_yw h3 { font-family: 'DINCond'; color:#999999; font-size:32px; line-height:50px; padding-left:60px}
.index_1 ul { float:right}
.index_1 ul li { height:198px; float:left; width:299px; border-left:1px #E5E5E5 solid; position:relative}
.index_1 ul li a { display:block}
.index_1 ul li a:hover { color:#F89C34}
.index_1 ul li i { display:block; width:70px; height:70px; margin:45px auto 20px auto; background-size:100% 100%}
.index_1 ul li h3 { text-align:center; font-size:18px; line-height:30px}
.index_1 ul li i.tc { position:absolute; top:45px; left:50%; margin:0; margin-left:-35px; opacity:0}

.index_1 ul li i.i1_1 { background-image:url(../images/index_ico11.png)}
.index_1 ul li i.i1_2 { background-image:url(../images/index_ico12.png)}
.index_1 ul li i.i2_1 { background-image:url(../images/index_ico21.png)}
.index_1 ul li i.i2_2 { background-image:url(../images/index_ico22.png)}
.index_1 ul li i.i3_1 { background-image:url(../images/index_ico31.png)}
.index_1 ul li i.i3_2 { background-image:url(../images/index_ico32.png)}


@media all and (max-width:1480px){
.index_1 ul li h3 { font-size:16px;}

}

@media all and (max-width:1280px){
.index_1 { height:150px; width:90%;}
.index_1 .index_yw { width:auto}
.index_1 .index_yw h2 { padding-top:40px; padding-left:110px; font-size:16px}
.index_1 .index_yw h2 i { left:40px; top:55px; width:50px; height:3px; background:#0168B7}
.index_1 .index_yw h3 { font-size:24px; line-height:40px; padding-left:40px}

.index_1 ul li { height:150px; width:200px;}
.index_1 ul li i { margin:25px auto 10px auto;}
.index_1 ul li i.tc { top:25px;}
.index_1 ul li h3 { font-size:16px;}
}
@media all and (max-width:1000px){
.index_1 ul li { width:170px;}
}
@media all and (max-width:800px){
.index_1 { height:auto; overflow:hidden}
.index_1 .index_yw { width:220px; margin:0 auto}
.index_1 .index_yw h2 { padding-top:20px;}
.index_1 .index_yw h2 i { top:35px;}
.index_1 .index_yw { float:none}
.index_1 ul { float:none}
.index_1 ul li { width:33.3%; border:0 none}
.index_1 ul li i { transform:scale(0.8); margin-bottom:0}
.index_1 ul li h3 { font-size:14px}
}

.index_2 { border-top:1px #EAE9E9 solid; background:#F9F8F7; padding:80px 0 50px 0;/*padding:80px 0*/}
.index_2 .w100 { width:1480px; margin:0 auto}
.index_2 .index_xw1 { position:relative; float:left; width:610px}
.index_2 .index_xw1 .bd { position:relative; z-index:11}
.index_2 .index_xw1 .bd ul li { position:relative}
.index_2 .index_xw1 .bd ul li img { display:block; width:100%}
.index_2 .index_xw1 .bd ul li h3 { position:absolute; left:0; right:0; bottom:0; height:60px; background:rgba(0,0,0,0.6); line-height:60px; text-align:center; color:#fff; font-size:18px}
.index_2 .index_xw1 .bd ul li p { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.index_2 .index_xw1 .bd ul li p img { position:absolute; left:0; top:0}



.index_2 .index_xw1 a.prev { display:block; position:absolute; left:0; width:60px; bottom:0; z-index:33; cursor:pointer}
.index_2 .index_xw1 a.prev i { display:block; text-align:center; line-height:60px; color:#fff; font-size:24px}
.index_2 .index_xw1 a.next { display:block; position:absolute; right:0; width:60px; bottom:0; z-index:34; cursor:pointer}
.index_2 .index_xw1 a.next i { display:block; text-align:center; line-height:60px; color:#fff; font-size:24px}

.index_2 .index_xw2 { position:relative; float:right; width:830px; background:#fff}
.index_2 .index_xw2 .more { position:absolute; right:2px; top:0; color:#999999; line-height:68px; z-index:22}
.index_2 .index_xw2 h2 { border-top:2px #E1E1E1 solid; position:relative; font-size:22px; color:#0168B7; line-height:68px; font-weight:normal; z-index:1}
.index_2 .index_xw2 h2 i { display:block; position:absolute; left:0; top:-1px; height:4px; background:#0168B7; width:88px}
.index_2 .index_xw2 ul li { margin-top:2px; background:#EFEFEF; padding:12px 0; position:relative}
.index_2 .index_xw2 ul li a { display:block}
.index_2 .index_xw2 ul li h5 { float:right; padding-right:20px; color:#999999; line-height:28px}
.index_2 .index_xw2 ul li h3 { padding-left:42px; font-size:18px; line-height:28px; width:500px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_2 .index_xw2 ul li i { position:absolute; left:18px; top:12px; line-height:28px}
.index_2 .index_xw2 ul li h4 { color:#666; padding:10px 26px; display:none}
.index_2 .index_xw2 ul li a:hover { color:#0168B7}

.index_2 .index_xw2 ul li.on h4 { display:block}
.index_2 .index_xw2 ul li.on h3 { color:#0168B7; font-size:20px}
.index_2 .index_xw2 ul li.on i { color:#0168B7}
.index_2 .index_xw2 ul li.on h5 { display:none}


@media all and (max-width:1480px){
.index_2 .w100 { width:1200px;}
.index_2 .index_xw1 { width:480px}
.index_2 .index_xw2 { width:680px; overflow:hidden}

.index_2 .index_xw2 .more { line-height:58px}
.index_2 .index_xw2 h2 { line-height:58px; font-size:18px}
.index_2 .index_xw2 h2 i { width:68px}
.index_2 .index_xw2 ul li { padding:10px 0 8px 0;}
.index_2 .index_xw2 ul li h3 { font-size:16px; width:360px}
.index_2 .index_xw2 ul li.on h3 { font-size:18px}
}

@media all and (max-width:1280px){
.index_2 { padding:40px 0}
.index_2 .w100 { width:1000px;}
.index_2 .index_xw1 { width:400px;}
.index_2 .index_xw2 { width:580px;}

.index_2 .index_xw2 .more { line-height:48px}
.index_2 .index_xw2 h2 { line-height:48px; font-size:16px}
.index_2 .index_xw2 ul li { padding:9px 0 8px 0;}
.index_2 .index_xw2 ul li h5 { display:none}
.index_2 .index_xw2 ul li h4 { padding:5px 15px; line-height:24px; height:24px; overflow:hidden}

}
@media all and (max-width:1000px){
.index_2 { padding:30px 0}
.index_2 .w100 { width:90%;}
.index_2 .index_xw1 { width:750px; float:none; margin:0 auto 30px auto;}
.index_2 .index_xw2 ul li h5 { display:block}
.index_2 .index_xw2 { width:750px; float:none; margin:0 auto; height:auto; overflow:hidden}
.index_2 .index_xw2 ul li h4 { height:auto}

}
@media all and (max-width:800px){
.index_2 { padding:30px 0}
.index_2 .index_xw1 { width:auto; margin:0 auto 20px auto;}
.index_2 .index_xw1 .bd ul li h3 { line-height:42px; height:42px; font-size:14px}

.index_2 .index_xw1 a.prev { width:32px;}
.index_2 .index_xw1 a.prev i { line-height:42px; font-size:18px}
.index_2 .index_xw1 a.next { width:32px;}
.index_2 .index_xw1 a.next i { line-height:42px; font-size:18px}

.index_2 .index_xw2 { width:auto}
.index_2 .index_xw2 ul li { height:auto}
.index_2 .index_xw2 ul li i { display:none}
.index_2 .index_xw2 ul li h3 { color:#0168B7; padding:0 15px; width:auto; font-size:16px}
.index_2 .index_xw2 ul li h5 { display:none}
.index_2 .index_xw2 ul li h4 { display:block; padding:0 15px; font-size:14px; line-height:20px; padding-bottom:10px}
}


.index_3 { width:1380px; margin:0 auto; padding: 20px 0 60px 0;/*padding:80px 0*/}
.index_3 .index_xw3 { float:left; width:480px; position:relative}
.index_3 .index_xw3:nth-child(3) { width:420px}

.index_3 .index_xw3 .more2 { position:absolute; top:0; right:60px; width:158px; height:60px; line-height:58px; border-bottom:2px #0168B7 solid; text-align:right}
.index_3 .index_xw3 .more2 a { color:#8B8B8B; font-size:16px}
.index_3 .index_xw3 .more2 a:hover { color:#0168B7}
.index_3 .index_xw3 .more2 i { display:block; line-height:60px; width:14px; text-align:center; padding-left:6px; color:#0168B7; font-size:18px; float:right}
.index_3 .index_xw3:nth-child(3) .more2 { right:0}


.index_3 .index_xw3 h2 { font-size:22px; color:#0168B7; line-height:60px; border-bottom:2px #CACACA solid; font-weight:normal; width:420px}
.index_3 .index_xw3 h2 a { color:#0168B7}
.index_3 .index_xw3 h2 a:hover { font-weight:bold}
.index_3 .index_xw3 ul { width:420px}
.index_3 .index_xw3 ul li { line-height:40px; border-bottom:1px #ccc solid; text-align:right}
.index_3 .index_xw3 ul li i { display:block; float:left; width:4px; height:4px; background:#0168B7; border-radius:50%; margin-top:18px; margin-right:8px}
.index_3 .index_xw3 ul li a { display:block; text-align:left; font-size:15px; width:300px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float:left}


@media all and (max-width:1480px){
.index_3 { width:1200px;}
.index_3 .index_xw3 { float:left; width:410px; position:relative}
.index_3 .index_xw3:nth-child(3) { width:380px}
.index_3 .index_xw3 h2 { font-size:18px; width:380px}
.index_3 .index_xw3 ul { width:380px}

.index_3 .index_xw3 .more2 { right:30px; width:130px;}
}

@media all and (max-width:1280px){
.index_3 { width:1000px;}
.index_3 .index_xw3 { width:340px;}
.index_3 .index_xw3:nth-child(3) { width:320px}
.index_3 .index_xw3 h2 { font-size:16px; width:320px}
.index_3 .index_xw3 ul { width:320px}

.index_3 .index_xw3 .more2 { right:30px; width:130px;}
.index_3 .index_xw3 ul li { font-size:12px; color:#888}
.index_3 .index_xw3 ul li a { width:260px; font-size:14px}
}


@media all and (max-width:1000px){
.index_3 { width:90%; padding:50px 0}
.index_3 .index_xw3 { float:none; width:750px; position:relative; margin:0 auto 20px auto}
.index_3 .index_xw3:nth-child(3) { width:750px}

.index_3 .index_xw3 h2 { font-size:18px; width:auto}
.index_3 .index_xw3 ul { width:auto}
.index_3 .index_xw3 ul li a { width:75%}
.index_3 .index_xw3 .more2 { right:0px; width:130px;}
}
@media all and (max-width:800px){
.index_3 { padding:10px 0}
.index_3 .index_xw3 { width:auto;}
.index_3 .index_xw3:nth-child(3) { width:auto}
}


.index_4 { border-top:1px #EAE9E9 solid; height:377px; background:url(../images/index_pic2.jpg) bottom no-repeat; background-size:auto 357px; position:relative; z-index:222}
.index_4 .w100 { width:1480px; margin:0 auto; padding-top:50px}
.index_4 .fr { width:134px; text-align:center}
.index_4 .fr img { display:block; width:100%; padding-bottom:15px}

.index_4 ul { float:left;}
.index_4 ul li { float:left; width:318px; position:relative; z-index:11}
.index_4 ul li h3 { display:block; width:208px; height:60px; line-height:60px; background:#fff; font-size:20px; margin:0 auto}
.index_4 ul li h3 i { display:block; float:left; width:65px; margin-right:15px; height:20px; margin-top:20px}
.index_4 ul li h3 i.lj1 { background:url(../images/index_lj1.png) right no-repeat; background-size:auto 100%}
.index_4 ul li h3 i.lj2 { background:url(../images/index_lj2.png) right no-repeat; background-size:auto 100%}
.index_4 ul li h3 i.lj3 { background:url(../images/index_lj3.png) right no-repeat; background-size:auto 100%}
.index_4 ul li h3 i.lj4 { background:url(../images/index_lj4.png) right no-repeat; background-size:auto 100%}

.index_4 ul li:hover { z-index:22}
.index_4 ul li:hover h3 { background:#0168B7; color:#fff}
.index_4 ul li:hover h3 i.lj1 { background:url(../images/index_lj1s.png) right no-repeat; background-size:auto 100%}
.index_4 ul li:hover h3 i.lj2 { background:url(../images/index_lj2s.png) right no-repeat; background-size:auto 100%}
.index_4 ul li:hover h3 i.lj3 { background:url(../images/index_lj3s.png) right no-repeat; background-size:auto 100%}
.index_4 ul li:hover h3 i.lj4 { background:url(../images/index_lj4s.png) right no-repeat; background-size:auto 100%}

.index_4 ul li h4 { position:absolute; top:60px; left:50%; width:208px; margin-left:-104px; background:#fff; padding:10px 0; max-height:240px; overflow-y:scroll; display:none}
.index_4 ul li h4 a { display:block; text-align:center; line-height:36px; background:#fff; font-size:16px}

.index_4 ul li:hover h4 { display:block}

.index_4 ul li h4::-webkit-scrollbar {
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.index_4 ul li h4::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #E9E9E9;
  }
.index_4 ul li h4::-webkit-scrollbar-track {
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #f2f2f2;
  }
  
  
@media all and (max-width:1480px){
.index_4 .w100 { width:1200px;}
.index_4 ul li { width:260px;}
.index_4 ul li h3 { font-size:18px;}

}
  
@media all and (max-width:1280px){
.index_4 .w100 { width:750px;}
.index_4 ul { float:left; width:540px}
.index_4 ul li { margin-bottom:20px}
}
@media all and (max-width:800px){
.index_4 .w100 { width:90%; padding-top:30px}
.index_4 .fr { float:none; text-align:center; margin:0 auto}

.index_4 ul { float:none; width:auto}
.index_4 ul li { margin-bottom:20px; width:50%}
.index_4 ul li h3 { font-size:16px; width:180px; line-height:40px; height:40px}
.index_4 ul li h3 i { margin-top:10px}
.index_4 ul li h4 { top:40px; width:180px; margin-left:-90px; max-height:257px;}
}
@media all and (max-width:420px){
.index_4 ul li h3 { width:140px;}
.index_4 ul li h3 i { margin-top:10px; width:35px}
.index_4 ul li h4 { width:140px; margin-left:-70px;}
}

footer { height:100px; background:#333333; position:relative; z-index:4444}
footer .w100 { width:1480px; margin:0 auto; padding-top:20px; position:relative}
footer .fr { position:absolute; right:0; top:0; height:100px; width:100px; background:#0067C1; text-align:center; color:#fff}
footer .fr a { display:block; height:100px; color:#fff; cursor:pointer}
footer .fr i { display:block; height:50px; margin-bottom:10px; background:url(../images/totop.png) bottom no-repeat}

footer h3 { font-size:16px; color:#D6D6D6; line-height:30px; padding-top:6px}
footer h3 a { color:#D6D6D6}
footer h4 { font-size:14px; color:#ADADAD; line-height:30px;}
footer h4 a { color:#ADADAD}



@media all and (max-width:1480px){
footer .w100 { width:1200px;}

}
@media all and (max-width:1280px){
footer .w100 { width:90%;}
footer { height:auto; padding-bottom:20px}
footer h4 { width:80%; line-height:20px}
}
@media all and (max-width:800px){
footer .w100 { width:90%; text-align:center}
footer h4 { width:100%; padding-top:10px}
footer .fr { position:fixed; bottom:0; top:auto; height:60px; width:60px; font-size:12px; z-index:9996}
footer .fr a { height:60px;}
footer .fr i { height:30px; margin-bottom:0px;}

}







.banner_c { position:relative; height:540px}

@media all and (max-width:1680px){
.banner_c { height:470px}
}
@media all and (max-width:1440px){
.banner_c { height:410px}
}
@media all and (max-width:1280px){
.banner_c { height:360px}
}
@media all and (max-width:1000px){
.banner_c { height:280px}
}
@media all and (max-width:780px){
.banner_c { height:220px}
}
@media all and (max-width:560px){
.banner_c { height:190px}
}


.banner_c img { display:block; width:100%; position:relative; z-index:11}
.banner_c h2 { font-size:54px; position:absolute; left:50%; margin-left:-600px; color:#fff; line-height:60px; top:50%; z-index:23}
.banner_c h3 { position:absolute; left:50%; margin-left:-600px; color:#fff; line-height:60px; top:50%; margin-top:80px; font-size:32px; z-index:24; text-transform:uppercase; font-weight:bold}
.banner_c .nowsite { position:absolute; left:0; bottom:0; right:0; z-index:22; height:80px; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.56) 100%); line-height:80px; font-size:18px; color:#fff}
.banner_c .nowsite .w100 { width:1200px; margin:0 auto; opacity:0.8}
.banner_c .nowsite a { color:#fff}

@media all and (max-width:1280px){
.banner_c h2 { font-size:36px; left:5%; margin-left:0px; line-height:50px;}
.banner_c h3 { left:5%; margin-left:0px; line-height:40px; margin-top:60px; font-size:24px;}

.banner_c .nowsite { height:60px; line-height:60px; font-size:16px; color:#fff}
.banner_c .nowsite .w100 { width:90%}
}

@media all and (max-width:800px){
.banner_c { margin-top:60px}
.banner_c h2 { font-size:24px; line-height:40px; top:30%}
.banner_c h3 { top:30%; font-size:18px; margin-top:30px;}

.banner_c .nowsite { height:40px; line-height:40px; font-size:14px; color:#fff}
.banner_c .nowsite .w100 { width:90%}
}

@media all and (max-width:520px){
.banner_c {}
.banner_c h2 { font-size:18px; top:15%}
.banner_c h3 { top:15%; font-size:14px}

.banner_c .nowsite { height:28px; line-height:28px; font-size:12px;}
}



.about_1 { width:1200px; margin:0 auto; padding:70px 0}
.about_1 .about_lm { height:50px; margin-bottom:60px}
.about_1 .about_lm ul { width:1224px}
.about_1 .about_lm ul li { float:left; width:204px}
.about_1 .about_lm ul li a { display:block; line-height:48px; width:178px; text-align:center; border:1px #EEEEEE solid; font-size:18px}
.about_1 .about_lm ul li.lm_on a { color:#fff; background:#0168B7; border:1px #0168B7 solid}


@media all and (max-width:1280px){
.about_1 { width:90%; padding:50px 0}
.about_1 .about_lm { height:40px; margin-bottom:40px}
.about_1 .about_lm ul { width:auto}
.about_1 .about_lm ul li { width:16.6%}

.about_1 .about_lm ul li a { line-height:38px; width:90%; font-size:16px}
}
@media all and (max-width:800px){
.about_1 { padding:30px 0}
.about_1 .about_lm { height:auto; overflow:hidden; margin-bottom:30px}
.about_1 .about_lm ul li { width:20%; padding-bottom:10px}

.about_1 .about_lm ul li a { line-height:34px; font-size:14px}
}

@media all and (max-width:520px){
.about_1 .about_lm ul li { width:25%;}
}


.about_1 .about_tl { height:60px; position:relative}
.about_1 .about_tl h1 { position:absolute; left:0; top:15px; line-height:40px; font-size:32px; color:#0168B7}
.about_1 .about_tl img { display:block; padding-top:5px; height:50px}


@media all and (max-width:1280px){
.about_1 .about_tl { height:50px;}
.about_1 .about_tl h1 { top:10px; line-height:40px; font-size:24px;}
.about_1 .about_tl img { height:40px}
}

.about_1 .about_text { padding-top:50px; font-size:16px; line-height:32px}
.about_1 .about_text p { padding-bottom:20px}
.about_1 .about_text img { display:block; max-width:100%}


@media all and (max-width:800px){
.about_1 .about_text { padding-top:30px;}
}

.about_ry1 { width:1200px; margin:100px auto; height:700px; background:url(../images/rongyu_bg.png) bottom no-repeat; position:relative}
.about_ry1 a,.about_ry1 img{display:block;}
.about_ry1 .poster-list{width:1100px;height:570px}
.about_ry1 .poster-list .poster-item{position: absolute;left: 0px;top: 0px; border:10px #fff solid}
.about_ry1 .poster-list .poster-item h3 { position:absolute; bottom:-50px; left:0; width:100%; text-align:center; color:#0168B7; font-size:24px}
.about_ry1 .poster-list .poster-item a:hover h3 { font-weight:bold}


.about_ry1 .poster-btn{position: absolute;height:36px;width:26px;top:30%; margin-top:-13px;z-index: 10; cursor:pointer; }
.about_ry1 .poster-prev-btn{left:-50px; }
.about_ry1 .poster-next-btn{right:-80px;}
.about_ry1 .poster-btn i { display:block; text-align:center; font-size:36px; line-height:36px; color:#CCCCCC}


@media all and (max-width:1280px){
.about_ry1 { width:90%; transform:scale(0.7); margin:0px auto}
}
@media all and (max-width:800px){
.about_ry1 { display:none}
}

.about_ry2 { width:1200px; margin:0 auto; overflow:hidden; padding-bottom:50px}
.about_ry2 ul { width:1245px}
.about_ry2 ul li { position:relative; float:left; width:415px; margin-bottom:80px}
.about_ry2 ul li img { display:block; width:370px}
.about_ry2 ul li p { position:absolute; top:0px; width:370px; overflow:hidden; left:0; height:100%}
.about_ry2 ul li p img { position:absolute; left:0; top:0}
.about_ry2 ul li h3 { position:absolute; left:0; width:370px; text-align:center; bottom:-40px; font-size:18px}


@media all and (max-width:1280px){
.about_ry2 { width:90%;}
.about_ry2 ul { width:auto}
.about_ry2 ul li { width:33.3%; margin-bottom:20px}
.about_ry2 ul li img { width:90%; height:auto}
.about_ry2 ul li p { width:1px; height:1px; opacity:0}
.about_ry2 ul li h3 { position:relative; left:auto; width:auto; bottom:auto; font-size:14px; padding-top:10px}
}
@media all and (max-width:800px){
.about_ry2 { padding-top:30px}
.about_ry2 ul li { width:50%;}
}

.pages { text-align:center;}
.pages ul { display:inline;}
.pages ul li { display:inline; padding:10px 2px; white-space: nowrap}
.pages ul li a { padding:5px 10px; border:1px #ddd solid; font-family:Arial}
.pages ul li a.thispage { background:#0168B7; color:#fff; border:1px #0168B7 solid}

@media all and (max-width:800px){
.pages ul { display:block; padding-bottom:10px;}
}


.dsj_pic1 { margin-top:80px; overflow:hidden}
.dsj_pic1 img { display:block; float:right; height:54px}
.dsj_pic2 { margin-top:39px; position:relative}
.dsj_pic2 img { display:block; width:100%; position:relative; z-index:1}
.dsj_pic2 i { display:block; background:url(../images/about_dsj3.png); width:14px; height:165px; background-size:100% 100%; z-index:222; left:60px; top:130px; position:absolute}

@media all and (max-width:1280px){
.dsj_pic1 { margin-top:50px;}
.dsj_pic1 img { max-width:50%; height:auto}
.dsj_pic2 i { top:40%}
}
@media all and (max-width:800px){
.dsj_pic1 { margin-top:30px;}
.dsj_pic1 img { max-width:70%; height:auto}
.dsj_pic2 { margin-top:20px; position:relative}
.dsj_pic2 i { display:none}
}



.dsj_nian { margin-top:100px; position:relative; height:60px}
.dsj_nian .bd { width:1020px; margin:0 auto; position:relative; z-index:222}
.dsj_nian .bd ul li { float:left; width:142px; text-align:center; font-size:20px; position:relative; line-height:30px; height:60px; cursor:pointer}
.dsj_nian .bd ul li i { position:absolute; display:block; width:20px; height:20px; background:url(../images/dsj_ico1.png); background-size:100% 100%; bottom:5px; left:50%; margin-left:-10px}
.dsj_nian .bd ul li.on { font-size:22px; color:#0168B7; font-weight:bold}
.dsj_nian .bd ul li.on i { background:url(../images/dsj_ico2.png); background-size:100% 100%}

.heng1 { position:absolute; bottom:12px; left:90px; width:1020px; height:1px; background:#CCCCCC; z-index:1}


@media all and (max-width:1280px){
.dsj_nian .bd { width:700px;}
.dsj_nian .bd ul li { width:100px;}
.heng1 { left:50%; margin-left:-350px; width:700px}

}
@media all and (max-width:800px){
.dsj_nian { margin-top:20px;}
.dsj_nian .bd { width:90%; overflow-x:scroll}
.dsj_nian .bd ul { width:560px}
.dsj_nian .bd ul li { width:80px; font-size:16px}
.dsj_nian .bd ul li.on { font-size:16px;}
.heng1 { left:5%; margin-left:0px; width:90%}

}

.dsj_nian a.prev { display:block; position:absolute; left:0; top:30px; cursor:pointer}
.dsj_nian a.prev i { display:block; line-height:30px; font-size:30px; width:30px; text-align:center; color:#ccc}
.dsj_nian a.next { display:block; position:absolute; right:0; top:30px; cursor:pointer}
.dsj_nian a.next i { display:block; line-height:30px; font-size:30px; width:30px; text-align:center; color:#ccc}





.dsj_list { width:1020px; margin:0 auto; padding-top:50px; position:relative}
.dsj_list h2 { font-weight:normal; font-size:46px; line-height:60px; padding-bottom:30px}
.dsj_list ul { position:relative; z-index:33}
.dsj_list ul li { padding:25px 0 25px 51px; position:relative; font-size:16px; line-height:32px}
.dsj_list ul li i { position:absolute; display:block; width:20px; height:20px; background:url(../images/dsj_ico3.png); background-size:100% 100%; top:32px; left:0; margin-left:-10px}
.dsj_list ul li:hover { color:#0168B7}

.shu1 { position:absolute; top:185px; left:0px; width:1px; bottom:30px; background:#CCCCCC; z-index:1}


@media all and (max-width:1280px){
.dsj_list { width:100%;}

}
@media all and (max-width:800px){
.dsj_list { padding-top:30px;}
.dsj_list h2 { font-size:24px; line-height:40px; padding-bottom:0px; padding-top:10px}

.dsj_list ul li { padding:15px 0 15px 31px;}
.shu1 { top:125px;}
}




.news_right { float:right; width:406px; padding:30px 0; background:#fff; box-shadow: 0px 3px 16px rgba(0,0,0,0.1); margin-top:40px; display:none}
.news_right img { display:block; margin:0 auto; width:343px; height:auto}
.news_right h4 { margin:0 auto; width:343px; color:#0168B7; font-size:24px; line-height:30px; padding:30px 0 25px 0}
.news_right h1 { margin:0 auto; width:343px; font-size:18px; line-height:24px}
.news_right h3 { margin:0 auto; width:343px; color:#696969; font-size:14px; line-height:22px; padding:10px 0 25px 0}
.news_right a.more3 { margin:0 auto; width:320px; padding-right:20px; display:block; text-align:center; font-size:16px; color:#fff; line-height:42px; background:#0168B7; text-transform:uppercase; border-left:3px #F89C34 solid; position:relative; margin-top:20px}
.news_right a.more3 i { display:block; position:absolute; width:16px; height:16px; background:url(../images/news_ico1.png); background-size:100% 100%; top:13px; right:130px}
.news_right a.more3:hover { background:#014E87}

.news_right ul { margin:0 auto; width:343px; border-top:1px #DDDDDD solid; padding:20px 0}
.news_right ul li { font-size:15px; line-height:32px; text-align:right; color:#999999}
.news_right ul li i { display:block; float:left; width:3px; height:3px; background:#666666; border-radius:50%; margin-top:15px; margin-right:13px}
.news_right ul li a { display:block; text-align:left; font-size:15px; width:280px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float:left}

@media all and (max-width:1280px){
.news_right { width:30%; padding:20px 0;}
.news_right img { width:90%}
.news_right h4 { width:90%; font-size:18px; padding:20px 0 15px 0}
.news_right h1 { width:90%}
.news_right h3 { width:90%}
.news_right a.more3 { width:90%}

.news_right ul { width:90%}
.news_right ul li a { width:80%; font-size:14px;}
}

@media all and (max-width:800px){
.news_right { display:none}
}

.news_left { width:auto; margin-top:40px}
.news_left .news_list { padding-bottom:50px}
.news_left .news_list ul li { position:relative}
.news_left .news_list ul li img { display:block; float:left; width:185px; height:124px; margin-right:25px}
.news_left .news_list ul li { border-bottom:1px #eee solid}
.news_left .news_list ul li a { display:block; padding:40px 20px 40px 130px; height:124px; position:relative}
.news_left .news_list ul li h4 { position:absolute; left:0; top:40px; line-height:24px; font-size:16px; color:#888888; width:90px; height:124px; background:#F4F8FB; text-align:center}
.news_left .news_list ul li h4 b { display:block; font-size:24px; color:#0168B7; padding-top:10px; line-height:70px}
.news_left .news_list ul li h3 { font-size:22px; line-height:54px; padding-bottom:10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_left .news_list ul li h5 { font-size:14px; line-height:22px; height:44px; overflow: hidden; color:#696969}

.news_left .news_list ul li i.nw1 { position:absolute; left:0; width:170px; bottom:0; height:3px; background:#F89C34; display:none}
.news_left .news_list ul li i.nw2 { position:absolute; left:170px; right:0px; bottom:0; height:3px; background:#0168B7; display:none}

.news_left .news_list ul li a:hover { background:#F5F6F9}
.news_left .news_list ul li a:hover h3 { color:#0168B7}
.news_left .news_list ul li a:hover h4 { background:#fff}
.news_left .news_list ul li a:hover i.nw1 { display:block}
.news_left .news_list ul li a:hover i.nw2 { display:block}

@media all and (max-width:1280px){
.news_left .news_list ul li h3 { font-size:18px;}

}
@media all and (max-width:800px){
.news_left { width:100%; float:none; margin-top:20px}
.news_left .news_list ul li a { padding:20px 20px 20px 20px; height:auto}
.news_left .news_list ul li h4 { top:20px; font-size:16px; display:none}
.news_left .news_list ul li h3 { font-size:16px; line-height:24px; padding-bottom:10px; overflow: auto; white-space: normal;}
.news_left .news_list ul li img { width:95px; height:64px; margin-right:20px; padding-bottom:15px}
.news_left .news_list ul li h5 { height:auto; clear:both}

.news_left .news_list ul li i.nw1 { width:120px;}
.news_left .news_list ul li i.nw2 { left:120px;}
}

@media all and (max-width:480px){
.news_left .news_list ul li a { padding:15px 0px 15px 0px;}
.news_left .news_list ul li h4 { top:auto; font-size:14px; position:relative; left:auto; padding-bottom:5px}

}



.news_left .news_body { padding-top:30px; font-size:16px; line-height:32px}
.news_left .news_body p { padding-bottom:20px}
.news_left .news_body img { display:block; max-width:100%; /*新加的*/margin: 0 auto;}

.news_left .news_tit { padding-bottom:15px; border-bottom:1px #F5F6F9 solid}
.news_left .news_tit h1 { font-size:24px; line-height:30px; text-align:center}
.news_left .news_tit h3 { color:#888888; padding:10px 0; text-align:center}
.news_left .news_tit i { color:#aaa; padding-left:20px; padding-right:7px}
.news_left .news_tit i:nth-child(1) { padding-left:0}


.news_left .news_sx { border-top:1px #ddd solid; padding-top:10px; height:50px; color:#666666}
.news_left .news_sx a { color:#666666}
.news_left .news_sx a:hover { color:#014099}
.news_left .news_sx span { color:#014099}



@media all and (max-width:800px){
.news_left .news_sx * { float:none}
}







.xx_left1 { float:left; margin-top:50px; width:590px; height:375px; position:relative; overflow:hidden}
.xx_left1 .bd { position:relative; z-index:1}
.xx_left1 .bd ul li img { display:block; width:100%; height:375px}
.xx_left1 .hd { position:absolute; bottom:15px; right:15px; z-index:22}
.xx_left1 .hd ul li { float:left; width:10px; height:10px; border:1px #fff solid; border-radius:50%; margin-left:10px; cursor:pointer}
.xx_left1 .hd ul li.on { background:#fff}



.xx_right1 { float:right; width:564px; padding-top:50px}
.xx_right1 ul li { height:124px; border-bottom:1px #eee solid}
.xx_right1 ul li a { height:124px; display:block; padding-right:40px}

.xx_right1 ul li h1 { font-size:20px; line-height:40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top:5px}
.xx_right1 ul li h4 { font-size:14px; color:#888; line-height:20px}
.xx_right1 ul li h3 { font-size:13px; line-height:20px; color:#777777; padding-top:5px; height:40px; overflow:hidden}

.xx_right1 ul li a:hover { background:#F5F6F9; padding-left:16px; border-left:4px #0168B7 solid; color:#333; padding-right:20px}
.xx_right1 ul li a:hover h1 { color:#333}



@media all and (max-width:1280px){
.xx_left1 { width:540px;}
.xx_right1 { width:510px;}
.xx_right1 ul li { height:114px;}
.xx_right1 ul li a { height:114px}
.xx_right1 ul li h1 { line-height:32px; padding-top:3px}
}

@media all and (max-width:1000px){
.xx_left1 { margin:30px auto 0 auto; float:none}
.xx_right1 { float:none; margin:0 auto; width:750px; padding-top:30px}
}
@media all and (max-width:800px){
.xx_left1 { margin:20px auto 0 auto; float:none; width:100%; height:auto}
.xx_right1 { width:100%; padding-top:20px; display:none}
.xx_right1 ul li { height:auto; padding-bottom:15px}
.xx_right1 ul li a { height:auto}
.xx_right1 ul li h1 { font-size:16px;}


.xx_right1 ul li a:hover { background:#F5F6F9; padding-left:0px; border-left:0 none;}
.xx_right1 ul li a:hover h1 { color:#333}
}

.xx_list { width:1239px; padding-top:60px; overflow:hidden}
.xx_list ul li { float:left; width:413px; padding-bottom:40px}
.xx_list ul li a { display:block; width:366px; border:4px #EEEEEE solid; height:474px}
.xx_list ul li h3 { width:304px; margin:0 auto; font-size:20px; line-height:26px; padding-top:30px; height:50px}
.xx_list ul li h4 { width:304px; margin:0 auto; color:#888; line-height:50px}
.xx_list ul li img { display:block; width:304px; margin:0 auto; border-radius:5px}
.xx_list ul li h5 { width:304px; margin:0 auto; color:#666; padding-top:15px; height:110px; overflow:hidden}

.xx_list ul li a:hover { border:4px #0168B7 solid; color:#0168B7}
.xx_list ul li a:hover h3 { color:#0168B7}



@media all and (max-width:1280px){
.xx_list { width:1110px; padding-top:50px;}
.xx_list ul li { width:370px; padding-bottom:30px}
.xx_list ul li a { width:340px; border:4px #EEEEEE solid;}
}
@media all and (max-width:1000px){
.xx_list { width:740px; margin:0 auto; padding-top:40px}
.xx_list ul li a { margin:0 auto}
}
@media all and (max-width:800px){
.xx_list { width:auto; padding-top:30px}
.xx_list ul li { float:none; width:auto; padding-bottom:30px}
.xx_list ul li a { margin:0 auto; width:auto; height:auto; padding:20px 0}

.xx_list ul li h3 { width:90%; font-size:16px; height:auto; line-height:26px; padding-top:0px; height:auto; padding-bottom:10px}
.xx_list ul li h4 { width:90%; font-size:14px; line-height:40px}
.xx_list ul li img { width:90%;}
.xx_list ul li h5 { width:90%; padding-top:15px}
}




.business_pic { position:relative; padding-top:50px}
.business_pic img { display:block; width:100%; position:relative; z-index:1}
.business_pic h3 { position:absolute; left:0; bottom:0; width:450px; height:100px; background:#fff; z-index:22}


/*新增的专栏*/
.zuanlan { margin: 0.4em auto; padding: 0 3em;}
.zuanlan a img{width: 48.6%; height: auto;
}
.zuanlan .mr{ margin-right: 2em;}

@media all and (max-width:1680px){
  .zuanlan {padding:0 2.4em; }
}
@media all and (max-width:1460px){
  .zuanlan {padding:0; }
}
@media all and (max-width:1280px){
  .zuanlan {padding:0;  }
  .zuanlan a img { width:49.2%; margin-right: 0em; }
  .zuanlan .mr{ margin-right: 0em;}
}
@media all and (max-width:1000px){
  .zuanlan a img { width:100%; }
}
/*新增的专栏 end*/