@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"Poppins","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;}


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:#1B4D94;text-decoration:none}
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:1180px; margin:0 auto}




header { height:230px; background:url(../images/head_bg.png) top}
header .logos { float:left; padding-left:5%; padding-top:60px; font-size:24px; line-height:40px}


nav { background:#1B4D94; height:60px; line-height:60px}
nav ul { width:1180px; margin:0 auto}
nav ul li { float:left; font-size:16px; position:relative}
nav ul li a { display:block; padding:0 26px; line-height:60px; color:#fff; position:relative; z-index:222}
nav ul li i { padding-right:5px; color:#fff}
nav ul li.nav_on p { position:absolute; left:0; top:-10px; right:0; bottom:-10px; background:#0A8FD2; border-radius:10px}
nav ul li a:hover { color:#fff}





.index_1 { height:100px; width:1180px; margin:40px auto 30px auto; border:1px #ddd solid; border-radius:5px}
.index_1 h1 { font-size:36px; line-height:100px; text-align:center;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; padding:0 50px}


.index_ad { display:none}
.index_ad img { display:block; margin:0 auto}


.index_2 { height:338px; width:1180px; overflow:hidden; margin:0 auto 40px auto}
.index_2 .index_gd { float:left; position:relative; width:560px; height:338px}
.index_2 .index_gd .bd { width:560px; height:338px}
.index_2 .index_gd .bd ul li { width:560px; height:338px; position:relative}
.index_2 .index_gd .bd ul li img { display:block; width:560px; height:338px;}
.index_2 .index_gd .bd ul li h3 { position:absolute; left:0; bottom:0; right:0; line-height:40px; color:#fff; background:rgba(0,0,0,0.4); text-align:center}

.index_2 .index_gd .hd { position:absolute; bottom:50px; right:20px;}
.index_2 .index_gd .hd ul li { float:left; padding-left:10px; cursor:pointer}
.index_2 .index_gd .hd ul li i { color:#ccc}
.index_2 .index_gd .hd ul li.on i { color:#fff}


.index_2 .index_h1 { float:right; position:relative; width:600px;}
.index_2 .index_h1 h2 { background:#F6F5F8; height:42px; font-size:18px}
.index_2 .index_h1 h2 a { display:block; float:left; padding:0 40px; line-height:42px}
.index_2 .index_h1 h2 a.on { background:#0A8FD2; color:#fff; border-radius:5px}

.index_2 .index_h1 .index_list1 { padding-top:10px}
.index_2 .index_h1 .index_list1 ul li a { text-align:right; padding:6px 0; color:#888; display:block; overflow:hidden}
.index_2 .index_h1 .index_list1 ul li h3 { display:block; float:left; width:440px; text-align:left; font-size:16px; color:#333}
.index_2 .index_h1 .index_list1 ul li a:hover { padding-left:5px}
.index_2 .index_h1 .index_list1 ul li a:hover h3 { color:#1B4D94}





.index_3 { padding:40px 0; background:#f5f5f5}
.index_3 h2 { position:relative; text-align:center; font-size:30px; padding-bottom:25px}
.index_3 h2 i { display:block; position:absolute; bottom:0; height:2px; left:50%; width:80px; background:#0A8FD2; margin-left:-40px}
.index_3 .zhaiyao { padding-top:15px; text-align:center; width:800px; margin:0 auto; padding-bottom:20px}

.index_3 .index_ab { float:left; width:380px}
.index_3 .index_ab .index_tit { height:149px; position:relative}
.index_3 .index_ab .index_tit h2 { font-size:18px; color:#fff; line-height:40px; position:absolute; top:60px; left:0; right:0}
.index_3 .index_ab ul li { padding:10px 0; border-bottom:1px #ddd dashed}
.index_3 .index_ab ul li h3 { clear:both; font-size:16px; padding-top:5px}
.index_3 .index_ab ul li h4 { color:#888; height:52px; overflow:hidden}

.index_3 .index_wz{ float:left; width:400px}
.index_3 .index_wz .index_tit { height:149px; position:relative; float:right; width:380px}
.index_3 .index_wz .index_tit h2 { font-size:18px; color:#fff; line-height:40px; position:absolute; top:60px; left:0; right:0}

.index_3 .index_wz h3 { clear:both; padding-left:20px; font-size:16px; padding-top:15px}
.index_3 .index_wz h3 a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.index_3 .index_wz h4 { padding:5px 0 0 20px; color:#888; height:52px; overflow:hidden}
.index_3 .index_wz h5 { text-align:right; color:#888; padding:10px 0; border-bottom:1px #ddd dashed; margin-bottom:10px; float:right; width:380px}
.index_3 .index_wz h5 a { display:block; float:left; color:#1B4D94;}

.index_3 .index_wz ul { clear:both}
.index_3 .index_wz ul li { height:32px; line-height:32px; text-align:right; color:#888}
.index_3 .index_wz ul li a { display:block; float:left; width:330px; text-align:left; padding-left:20px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_3 .index_wz ul li i { display:block; float:left; width:5px; height:5px; background:#ccc; border-radius:50%; margin:13px 8px 0 0}
.index_3 .index_wz ul li a:hover { padding-left:25px}
.index_3 .index_wz ul li a:hover i { background:#1B4D94}

.index_4 { padding:40px 0 20px 0;}
.index_4 h2 { position:relative; text-align:center; font-size:30px; padding-bottom:25px}
.index_4 h2 i { display:block; position:absolute; bottom:0; height:2px; left:50%; width:80px; background:#0A8FD2; margin-left:-40px}
.index_4 .zhaiyao { padding-top:15px; text-align:center; width:800px; margin:0 auto; padding-bottom:30px}


.index_4 .index_xx1 { text-align:center; height:70px}
.index_4 .index_xx1 a { padding:5px 20px; margin:0 10px; border:1px #ddd solid; border-radius:5px; background:#f5f5f5}
.index_4 .index_xx1 a.on { background:#0A8FD2; color:#fff}


.index_4 .index_xx2 { width:1200px; margin:0 auto}
.index_4 .index_xx2 ul li { float:left; width:300px; padding-bottom:10px}
.index_4 .index_xx2 ul li a { display:block; width:290px; margin:0 auto; overflow:hidden}
.index_4 .index_xx2 ul li img { display:block; width:100%; height:176px}
.index_4 .index_xx2 ul li h3 { text-align:center; font-size:16px; line-height:28px; height:60px; padding-top:10px}





.index_5 { padding:40px 0; background:#F9FCFF; overflow:hidden}
.index_5 h2 { position:relative; text-align:center; font-size:30px; padding-bottom:25px}
.index_5 .index_lk { width:1180px; margin:0 auto}
.index_5 .index_lk ul li { float:left; width:20%}
.index_5 .index_lk ul li img { display:block; width:90%; margin:0 auto}
.index_5 .index_lk ul li h3 { text-align:center}


footer { background:#333; padding:30px 0; color:#fff}
footer .ft {}
footer .ft h3 { font-size:16px; font-weight:bold}
footer .fr { text-align:right}





.list { width:1180px; margin:0 auto; padding:30px 0}
.list .list_left { float:left; width:240px; background:#F5F5F5}
.list .list_left h2 { height:66px; line-height:60px; background:#0A8FD2; color:#fff; font-size:18px; margin-bottom:10px}
.list .list_left h2 i { display:block; float:left; width:40px; height:66px; background:url(../images/index_ico1.png) right no-repeat; margin-right:10px}

.list .list_left ul li { font-size:16px; line-height:30px; padding:10px 30px 10px 30px}
.list .list_left ul li a { display:block}
.list .list_left ul li.on { background:#FBF0F0; }
.list .list_left ul li.on a { color:#0A8FD2}



.list .list_right { float:right; width:920px}
.list .list_right .nowsite { height:66px; background:#f5f5f5; line-height:66px; padding-left:20px}

.list .list_right .r_title { padding:30px 0; text-align:center}
.list .list_right .r_title h1 { font-size:24px}
.list .list_right .r_title h3 { font-size:14px; color:#888; padding:10px 0; border-bottom: 1px #ddd dashed; }

.list .list_right .r_content { font-size:16px; line-height:28px; padding:0 10px 20px 10px}
.list .list_right .r_content p { padding-bottom:15px; text-indent: 2em;}
.list .list_right .r_content img { max-width:100%}
.list .list_right .r_content video { width:100%}

.list .r_news {}
.list .r_news ul li { text-align:right; padding:15px 10px 15px 10px; border-bottom:1px #ddd dashed; color:#888;}
.list .r_news ul li a { display:block; overflow:hidden; float:left; font-size:16px}
.list .r_news ul li i { display:block; float:left; width:5px; height:5px; background:#ccc; border-radius:50%; margin:13px 8px 0 0}
.list .r_news ul li a:hover { padding-left:5px}
.list .r_news ul li a:hover i { background:#1B4D94}




.pages { height:80px; padding-top:20px;}
.pages ul{ text-align:center; list-style-type:none; padding:14px 0px;}
.pages ul li { display:inline; list-style-type:none; font-family:Tahoma;line-height:26px;margin-right:6px;border:#ccc 1px solid;background:#EAEAEA;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; padding:8px;}
.pages ul li a{ padding:2px 3px; color:#6e6e6e;}
.pages ul li.on a{color:#343434;}
.pages ul li.thisclass{ background:#1B4D94; font-weight:bold; text-align:center;border:#fff 1px solid}
.pages ul li.thisclass a { color:#fff;}

@media all and (max-width:720px){
.pages ul li { padding:4px; font-size:12px}
}




.list .r_pic { padding-top:20px}
.list .r_pic ul li { float:left; width:306px; padding-bottom:10px}
.list .r_pic ul li a { display:block; width:290px; margin:0 auto; overflow:hidden}
.list .r_pic ul li img { display:block; width:100%}
.list .r_pic ul li h3 { text-align:center; font-size:16px; line-height:40px}

.list .r_pic2 { padding-top:20px; min-height:400px}
.list .r_pic2 ul li { float:left; width:20%; padding-bottom:10px}
.list .r_pic2 ul li a { display:block; width:90%; margin:0 auto; overflow:hidden}
.list .r_pic2 ul li img { display:block; width:100%}
.list .r_pic2 ul li h3 { text-align:center; font-size:14px; line-height:40px}





.zhengshu { width:1180px; margin:30px auto; background:#f5f5f5; padding:50px 0; min-height:300px}
.zhengshu ul { width:600px; margin:0 auto; overflow:hidden}
.zhengshu ul li { padding:15px 0; position:relative}
.zhengshu ul li h3 { float:left; width:150px; text-align:right; padding-right:10px; line-height:34px; font-size:16px}
.zhengshu ul li .inp1 { display:block; width:360px; border:1px #ddd solid; line-height:32px; height:32px; padding:0 10px 0 40px; border-radius:3px}
.zhengshu ul li i {position:absolute; left:175px; top:15px; line-height:34px; color:#888}
.zhengshu a.inp2 { display:block; width:120px; height:42px; line-height:42px; border-radius:5px; color:#fff; cursor:pointer; background:#1B4D94; font-size:18px; margin:0 auto}
.zhengshu h4 { text-align:left; padding:10px 0 0 450px}

.zhengshu .chax { width:1100px; margin:30px auto; height:360px; background:url(../images/zhengshu.jpg); position:relative;}
.zhengshu .chax ul { position: absolute; left: 705px; top:50px}
.zhengshu .chax ul li { padding:0; line-height:28px}
.zhengshu .chax ul li h4 { float:left; width:180px}
.zhengshu .chax ul li.s4 { height:75px}

.con_sx { border-top: 1px #ddd dashed; padding-top:20px}



.tc3 { position:fixed; z-index:8888; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.7); display:none}
.tc3 .tc_faz { width:492px; height:700px; position:absolute; left:50%; margin-left:-260px; top:50%; margin-top:-350px; background:url(../images/zhengshu_bg.png)}
.tc3 .guanbi { position:absolute; right:20px; top:-40px; display:block; width:26px; height:26px; cursor:pointer; background:url(../images/guanbi.png); background-size:100% 100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none; z-index:22}
.tc3 .guanbi:hover { transform:rotate(180deg)}

.tc3 h2 { font-size: 18px; font-weight: bold; text-align: center; padding-top:15px; padding-bottom:20px}
.tc3 ul { width:380px; margin:0 auto}
.tc3 ul li { line-height:26px; font-weight:bold}
.tc3 ul li h3 { float:left; width:72px; text-align:right; font-weight:bold;}
.tc3 h4 { width:380px; margin:0 auto; padding-top:15px; text-indent:2em; font-weight:bold}
.tc3 h5 { position:absolute; left:48px; bottom:60px; font-size:12px}
.tc3 h6 { position:absolute; right:48px; bottom:60px; font-size:12px; font-weight:normal}
.tc3 #qrcode { position:absolute; left:68px; bottom:100px;}

.tc3 .tc_tx { position: absolute; right:58px; top:230px; width:100px}
.tc3 .tc_tx img { display:block; width:100%}

.tc3 .tc_logo { padding-top: 80px;}
.tc3 .tc_logo img { display:block; margin:0 auto; height:60px}
.tc3 .tc_logo h2 {}



@media all and (max-width:1281px){
.tc3 .tc_faz { transform: scale(2);}
}