@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:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none}
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}


a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#E62129;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:1160px; margin:0 auto}


@media all and (max-width:1180px){
.w100 { width:720px; margin:0 auto}
}
@media all and (max-width:720px){
.w100 { width:95%; margin:0 auto}
}

    video::-webkit-media-controls{
        display:none !important;
    }



.head { height:80px; margin:0 auto; position:absolute; z-index:8888; top:5px; width:100%; left:0}
.head .logo_s { float:left; width:240px}
.head .logo_s img { display:block;}

.head .head_r { display:none; position:absolute; top:0; right:5%}
.head .head_r2 { float:right; line-height:60px; padding-left:30px}
.head .head_r2 i { color:#fff; font-size:16px}
.head .head_r2 i:hover { color:#E62129}

.head h4 { color:#ddd; text-align:right; padding-top:5px; height:30px; font-size:16px; display:none}
.head h4 i { padding-right:5px}

.head h1 { color:#ddd; font-size:16px; line-height:30px; position:absolute; top:35px; left:50%; margin-left:-260px; display:none}
.head h1 i { margin-right:5px; border:2px #ddd solid; border-radius:50%; padding:2px 4px}

.head .nav { float:right; position:relative; z-index:222; padding-top:10px}
.head .nav ul li { float:left; line-height:40px; position:relative; margin-left:30px; padding:0 15px; font-size:16px; height:55px; position:relative}
.head .nav ul li a { color:#fff}
.head .nav ul li a:hover { color:#E62129}
.head .nav ul li.on a { color:#E62129; font-weight:bold}


.head.h_2 { display:none; position:fixed; left:0; top:0; width:100%; z-index:8100; background:#333; height:50px}
.head.h_2 .logo_s img { height:50px; width:auto}
.head.h_2 .head_r2 { line-height:50px}
.head.h_2 .nav { padding-top:0}
.head.h_2 .nav ul li { line-height:20px; padding-top:15px; height:36px}


.head.h_2 h1 { top:15px;}

@media all and (max-width:1200px){
.head .nav ul li { margin-left:10px;}

}
@media all and (max-width:720px){
.head .head_r { display:block; font-size:18px; color:#fff; line-height:40px}
.head .head_r2 { display:none}
.head .logo_s img { display:block; height:45px; width:auto}

.head .nav { position:fixed; left:0; width:100%; top:45px; background:#000; padding-top:0; display:none}
.head .nav ul li { float:none; line-height:52px; border-bottom:1px #ccc solid; height:auto; padding:5px 0}
.head .nav ul li a { display:block; font-weight:bold}

.head .head_hy { display:none}
.head .nav ul li.nav_on { border-bottom:1px #ccc solid}

.head.h_2 .nav ul li { line-height:54px; height:51px}
.head.h_2 .nav { opacity:0; width:1px; height:1px; overflow:hidden}
}


.banner { height:550px; overflow:hidden; position:relative; z-index:111; border-top:5px #E62129 solid; background:url(../images/banner1.jpg) center no-repeat; background-size:100% auto}
.banner h1 { position:absolute; left:0; width:100%; top:50%; line-height:50px; font-size:48px; margin-top:-25px; text-align:center; color:#fff; z-index:3}
.banner h3 { position:absolute; left:0; width:100%; top:50%; line-height:30px; font-size:24px; font-weight:normal; text-align:center; color:#fff; margin-top:50px; z-index:4; font-family:"楷体"}
.banner h4 { position:absolute; left:0; width:100%; top:50%; font-weight:normal; text-align:center; color:#fff; margin-top:150px; z-index:5;}
.banner h4 a { padding:10px 30px; margin:0 20px; border:1px #fff solid; color:#fff; border-radius:20px}
.banner h4 a.a1 { background:#E62129; border:1px #E62129 solid; color:#fff}
.banner h4 a:hover { background:#fff; color:#333}
.banner h4 a.a1:hover { background:#fff; border:1px #fff solid; color:#E62129}
.banner .bg1 { position:absolute; left:0; width:100%; top:0; height:100%; background:url(../images/bg1.png); z-index:2}

@media all and (max-width:1680px) {
.banner { height:500px; background-size:auto 100%}
}
@media all and (max-width:1200px) {
.banner { height:400px;}
.banner h4 { margin-top:120px;}
}
@media all and (max-width:720px) {
.banner { height:300px;}
.banner h1 { font-size:24px; top:40%}
.banner h3 { margin-top:0px; font-size:16px; left:10%; width:80%; text-align:center}
.banner h4 { margin-top:50px;}
.banner h4 { margin-top:80px;}

}

.list_banner { height:240px; overflow:hidden; position:relative; z-index:111; border-top:5px #E62129 solid; background:url(../images/banner1.jpg) center no-repeat; background-size:100% auto}
.list_banner h2 { position:absolute; left:0; width:100%; top:50%; line-height:50px; font-size:48px; text-align:center; color:#fff; z-index:3}
.list_banner .bg1 { position:absolute; left:0; width:100%; top:0; height:100%; background:url(../images/bg1.png); z-index:2}



.footer { width:100%; background:#333; padding:30px 0; position:relative; z-index:444}
.footer .fot_1 { float:left; color:#727171; position:relative}
.footer .fot_1 img { height:40px; width:auto}
.footer .fot_1 img.erweima { position:absolute; height:100px; right:-70px; top:5px}
.footer .fot_1 h3 { padding-top:10px; padding-bottom:10px}
.footer .fot_1 h4 { padding-top:10px;}
.footer .fot_1 h3 a { color:#727171;}

.footer .fot_2 { float:right; padding-left:80px}
.footer .fot_2 h2 { font-size:14px; color:#fff; padding-bottom:10px}
.footer .fot_2 h3 { line-height:32px}
.footer .fot_2 h3 a { color:#727171; display:block;}
.footer .fot_2 h3 i { color:#727171; font-size:12px}
.footer .fot_2 h3 a:hover { color:#fff}

.footer .fot_3 { float:right; padding-left:80px}
.footer .fot_3 h2 { font-size:14px; color:#fff; padding-bottom:10px}
.footer .fot_3 h3 { line-height:32px}
.footer .fot_3 h3 a { color:#727171; display:block;}
.footer .fot_3 h3 i { color:#727171; font-size:12px}
.footer .fot_3 h3 a:hover { color:#fff}

.footer .fot_4 { float:right; padding-left:80px}
.footer .fot_4 h2 { font-size:14px; color:#fff; padding-bottom:10px}
.footer .fot_4 h3 { line-height:32px}
.footer .fot_4 h3 a { color:#727171; display:block;}
.footer .fot_4 h3 i { color:#727171; font-size:12px}
.footer .fot_4 h3 a:hover { color:#fff}

.footer .links { color:#727171; position:relative}
.footer .links a { color:#727171;}
.footer .links a:hover { color:#ccc}

@media all and (max-width:720px){
.footer .w100 { width:95%; margin:0 auto}
.footer .fot_1 { float:none; text-align:center; width:100%}
.footer .fot_2 { display:none}
.footer .fot_3 { display:none}
.footer .fot_4 { display:none}
.footer .fot_1 img.erweima { position:relative; right:auto; top:auto; margin:0 auto; display:block}
}








.index_1 { padding:50px 0; width:1160px; margin:0 auto}
.index_1 h2 { font-size:30px; line-height:40px; font-weight:normal; padding-bottom:20px}
.index_1 .ft { float:left; width:610px; padding-top:30px; font-size:16px; line-height:30px}
.index_1 .ft img { display:block; padding-bottom:20px}
.index_1 .ft h3 { width:120px; line-height:34px; margin:0 auto; text-align:center; padding-top:30px}
.index_1 .ft h3 a { background:#E62129; border:1px #E62129 solid; display:block; border-radius:15px; text-align:center; color:#fff;}
.index_1 .ft h3 a:hover { background:#fff; color:#E62129;}

@media all and (max-width:1200px) {
.index_1 { padding:40px 0; width:720px}
.index_1 .ft { float:none; width:auto}
.index_1 .fr { float:none; width:auto; padding-top:30px}
.index_1 .fr img { display:block; margin:0 auto}
}
@media all and (max-width:720px) {
.index_1 { padding:30px 0; width:80%}
.index_1 img { display:block; max-width:100%; height:auto}
.index_1 h2 { font-size:24px;}
}

.index_2 { padding:50px 0 80px 0; background:#f5f5f5}
.index_2 h2 { text-align:center; font-size:30px; line-height:40px; font-weight:normal}

.index_2 .index_yw { padding-top:30px; width:1160px; margin:0 auto; overflow:hidden; height:320px}
.index_2 .index_yw ul { width:1200px}
.index_2 .index_yw ul li { float:left; width:290px; position:relative; height:320px; overflow:hidden}
.index_2 .index_yw ul li .bg2 { position:absolute; left:0; width:100%; top:0; height:100%; background:url(../images/bg1.png); z-index:2}
.index_2 .index_yw ul li .bg2.adbg { background:url(../images/bg2.png)}
.index_2 .index_yw ul li img { display:block}
.index_2 .index_yw ul li h1 { position:absolute; z-index:4; font-size:16px; color:#fff; left:30px; top:50px}
.index_2 .index_yw ul li h3 { position:absolute; z-index:5; font-size:14px; color:#fff; left:30px; top:90px; font-size:14px; line-height:20px; width:80%; display:none}
.index_2 .index_yw ul li h4 { position:absolute; z-index:6; bottom:20px; left:50%; width:120px; line-height:34px; margin-left:-60px;}
.index_2 .index_yw ul li h4 a { display:block; border:1px #fff solid; border-radius:15px; text-align:center; color:#fff}
.index_2 .index_yw ul li h4 a:hover { background:#fff; border:1px #fff solid; color:#E62129}

.index_2 .index_yw2 { display:none}

@media all and (max-width:1200px) {
.index_2 .index_yw { display:none}
.index_2 .index_yw2 { display:block; padding-top:30px; width:720px; margin:0 auto; overflow:hidden; height:640px}
.index_2 .index_yw2 ul { width:720px}
.index_2 .index_yw2 ul li { float:left; width:360px; position:relative; height:320px; overflow:hidden}
.index_2 .index_yw2 ul li .bg2 { position:absolute; left:0; width:100%; top:0; height:100%; background:url(../images/bg1.png); z-index:2}
.index_2 .index_yw2 ul li .bg2.adbg { background:url(../images/bg2.png)}
.index_2 .index_yw2 ul li img { display:block}
.index_2 .index_yw2 ul li h1 { position:absolute; z-index:4; font-size:16px; color:#fff; left:30px; top:50px}
.index_2 .index_yw2 ul li h3 { position:absolute; z-index:5; font-size:14px; color:#fff; left:30px; top:90px; font-size:14px; line-height:20px; width:80%; display:none}
.index_2 .index_yw2 ul li h4 { position:absolute; z-index:6; bottom:20px; left:50%; width:120px; line-height:34px; margin-left:-60px;}
.index_2 .index_yw2 ul li h4 a { display:block; border:1px #fff solid; border-radius:15px; text-align:center; color:#fff}
.index_2 .index_yw2 ul li h4 a:hover { background:#fff; border:1px #fff solid; color:#E62129}
}
@media all and (max-width:720px) {
.index_2 h2 { font-size:24px}
.index_2 .index_yw2 { width:90%; height:auto}
.index_2 .index_yw2 ul { width:auto}
.index_2 .index_yw2 ul li { float:none; width:100%; height:auto}
.index_2 .index_yw2 ul li img { display:block;}
.index_2 .index_yw2 ul li h3 { display:block;}
}

.index_3 { padding:50px 0 50px 0; width:1160px; margin:0 auto}
.index_3 h2 { font-size:30px; line-height:40px; font-weight:normal; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #ddd solid}
.index_3 .more1 { float:right; padding-top:10px}
.index_3 .more1 a { color:#fff; font-size:12px; background:#E62129; padding:2px 5px}

.index_3 ul li:hover { background:#f5f5f5}
.index_3 ul li:hover h3 a { color:#E62129}

.index_3 .index_xw { float:left; width:550px}
.index_3 .index_xw ul li { padding-bottom:10px; padding-top:5px}
.index_3 .index_xw ul li h3 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; line-height:30px; padding-bottom:8px}
.index_3 .index_xw ul li h4 { font-size:12px; color:#888; padding-top:10px; line-height:20px}
.index_3 .index_xw ul li p { height:2px; width:550px; margin:0 auto; overflow:hidden; position:relative; background:#efefef}
.index_3 .index_xw ul li p span { display:block; position:absolute; left:0; top:0; width:3%; height:100%; background:#666}

.index_3 .index_dy { float:right; width:550px}
.index_3 .index_dy ul li { padding-bottom:10px; padding-top:5px}
.index_3 .index_dy ul li h3 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; line-height:30px; padding-bottom:8px}
.index_3 .index_dy ul li h4 { font-size:12px; color:#888; padding-top:10px; line-height:20px}
.index_3 .index_dy ul li p { height:2px; width:550px; margin:0 auto; overflow:hidden; position:relative; background:#efefef}
.index_3 .index_dy ul li p span { display:block; position:absolute; left:0; top:0; width:3%; height:100%; background:#666}

@media all and (max-width:1200px) {
.index_3 { padding:40px 0 40px 0; width:720px;}
.index_3 h2 { text-align:center}
.index_3 .index_xw { float:none; width:auto}
.index_3 .index_xw ul li p { width:720px}

.index_3 .index_dy { float:none; width:auto; padding-top:20px}
.index_3 .index_dy ul li p { width:720px}
}
@media all and (max-width:720px) {
.index_3 { padding:30px 0; width:90%; padding-bottom:50px; position:relative}
.index_3 h2 { font-size:24px}
.index_3 .more1 { position:absolute; bottom:10px; float:none; left:50%; width:80px; margin-left:-30px}
.index_3 .more1 a { display:block; text-align:center}

.index_3 .index_xw ul li p { width:auto}

.index_3 .index_dy ul li p { width:auto}
}

.index_4 { padding:50px 0 80px 0; background:#f5f5f5}
.index_4 h2 { text-align:center; font-size:30px; line-height:40px; font-weight:normal}
.index_4 .index_lx { text-align:center; padding-top:10px; color:#666}
.index_4 .index_lx i { padding:0 10px; color:#00BFD8}


.index_4 .index_ly { width:1160px; margin:0 auto; padding-top:30px}
.index_4 .index_ly .map { width:400px; float:left}
.index_4 .index_ly .map img { display:block; width:100%; height:auto}

.index_4 .index_ly ul { float:right; width:700px}
.index_4 .index_ly ul li { padding-bottom:19px}
.index_4 .index_ly ul li .inp_1 { display:block; border:1px #ddd solid; line-height:42px; height:42px; width:96%; padding:0 2%}
.index_4 .index_ly ul li .inp_2 { display:block; border:1px #ddd solid; width:96%; padding:10px 2%; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; height:296px}
.index_4 .index_ly ul li .inp_3 { display:block; border:0 none; line-height:42px; height:42px; width:100%; text-align:center; color:#fff; background:#E62129; cursor:pointer; border-radius:5px}


@media all and (max-width:1200px) {
.index_4 { padding:40px 0 40px 0;}
.index_4 .index_lx { width:90%; margin:0 auto}

.index_4 .index_ly { width:720px; margin:0 auto; padding-top:30px}
.index_4 .index_ly .map { width:720px; height:411px; float:none; margin-bottom:30px}
.index_4 .index_ly .map img { display:block; margin:0 auto}

.index_4 .index_ly ul { float:none; width:auto}
}

@media all and (max-width:720px) {
.index_4 { padding:30px 0;}
.index_4 h2 { font-size:24px;}

.index_4 .index_ly { width:90%; padding-top:20px}
.index_4 .index_ly .map { width:100%; height:auto;}
.index_4 .index_ly .map img { max-width:100%; height:auto}

}





.yewu { background:#f5f5f5; padding:50px 0}
.yewu h2 { font-size:30px; line-height:40px; font-weight:normal; margin-bottom:30px; padding-bottom:15px; position:relative; text-align:center}
.yewu h2 i { position:absolute; display:block; width:60px; height:2px; bottom:0; left:50%; margin-left:-30px; background:#E62129}

.yewu ul { width:1170px; margin:0 auto}
.yewu ul li { float:left; width:390px}
.yewu ul li a { display:block; padding:30px 0; width:90%; margin:0 auto}
.yewu ul li a:hover { box-shadow:0 0 5px #FBD7D9; background:#fff}
.yewu ul li i { width:95px; height:65px; display:block; margin:0 auto}
.yewu ul li h1 { text-align:center; font-size:16px; line-height:30px; padding:10px 0}
.yewu ul li h3 { font-size:12px; padding:0 20px; font-size:12px; color:#888; line-height:20px; height:120px}
.yewu ul li h3 p { padding-left:20px; background:url(../images/dian.png) no-repeat}
.yewu ul li h4 { padding-top:15px; color:#E62129; text-align:center}

.yewu ul li.yw_1 i { background:url(../images/about_pic1.png)}
.yewu ul li.yw_2 i { background:url(../images/about_pic2.png)}
.yewu ul li.yw_3 i { background:url(../images/about_pic3.png)}
.yewu ul li.yw_4 i { background:url(../images/about_pic4.png)}
.yewu ul li.yw_5 i { background:url(../images/about_pic5.png)}
.yewu ul li.yw_6 i { background:url(../images/about_pic6.png)}

.yewu2 { padding:50px 0}
.yewu2 h2 { font-size:30px; line-height:40px; font-weight:normal; margin-bottom:30px; padding-bottom:15px; position:relative; text-align:center}
.yewu2 h2 i { position:absolute; display:block; width:60px; height:2px; bottom:0; left:50%; margin-left:-30px; background:#E62129}
.yewu2 h3 { width:1170px; margin:0 auto; font-weight:bold; padding-bottom:15px; clear:both; text-align:center; font-size:18px}
.yewu2 ul { width:1200px; margin:0 auto}
.yewu2 ul li { float:left; width:300px; padding-bottom:20px}
.yewu2 ul li a { display:block; padding:15px 0; width:90%; margin:0 auto; background:#f5f5f5; height:230px}
.yewu2 ul li h3 { font-size:16px; padding:0 20px; line-height:30px; clear:both; width:auto; text-align:left}
.yewu2 ul li h4 { color:#888; padding:10px 20px 0 20px; font-size:14px; line-height:26px}


.zizhi { background:#f5f5f5; padding:50px 0}
.zizhi h2 { font-size:30px; line-height:40px; font-weight:normal; margin-bottom:30px; padding-bottom:15px; position:relative; text-align:center}
.zizhi h2 i { position:absolute; display:block; width:60px; height:2px; bottom:0; left:50%; margin-left:-30px; background:#E62129}

.zizhi ul { width:1200px; margin:0 auto; overflow:hidden}
.zizhi ul li { float:left; width:400px; padding-bottom:30px}
.zizhi ul li img { display:block; width:380px; margin:0 auto}
.zizhi ul li h3 { text-align:center; padding-top:10px;}

.lanmu_li { padding:30px 0; text-align:center; border-bottom:1px #ddd solid}
.lanmu_li ul li { display:inline;}
.lanmu_li ul li a { padding:7px 40px; font-size:16px; border:1px #ddd solid}
.lanmu_li ul li a.lm_on { background:#E62129; color:#fff; border:1px #E62129 solid}




.business_1 { padding:50px 0}
.business_1 h2 { font-size:36px; text-align:center; line-height:50px}
.business_1 .more2 { text-align:center; font-size:18px; color:#666; padding-top:15px; padding-bottom:30px} 
.business_1 .ye_pic { text-align:center}
.business_1 .ye_pic img { display:block; margin:0 auto}

.business_2 { padding:50px 0; background:#f5f5f5}
.business_2 h2 { font-size:36px; text-align:center; line-height:50px;}
.business_2 .more2 { text-align:center; font-size:18px; padding-top:15px; color:#666; padding-bottom:30px} 
.business_2 .ye_pic { text-align:center}
.business_2 .ye_pic img { display:block; margin:0 auto}


.business_2 .ye_li { width:1160px; margin:0 auto; overflow:hidden}
.business_2 .ye_li ul li { float:left; width:33.3%; overflow:hidden; position:relative}
.business_2 .ye_li ul li img { display:block; width:100%; height:auto}
.business_2 .ye_li ul li h3 { position:absolute; left:0; width:95%; padding-left:5%; bottom:0px; line-height:36px; background:url(../images/bg10.png) repeat-x; color:#fff; font-size:16px; font-weight:bold; z-index:988}
.business_2 .ye_li ul li h3 a { display:none; float:right; padding:0 10px; background:#E62129; color:#fff; font-weight:normal; font-size:14px}
.business_2 .ye_li ul li h4 { position:absolute; left:5%; bottom:0; width:90%; display:none; z-index:888; height:95%; color:#fff}
.business_2 .ye_li ul li p { background:url(../images/bg1.png); left:0; width:100%; top:0; height:100%; display:none; z-index:777; position:absolute}

.business_3 { padding:50px 0}
.business_3 h2 { font-size:36px; text-align:center; line-height:50px}
.business_3 .more2 { text-align:center; font-size:18px; color:#666; padding-top:15px; padding-bottom:30px} 
.business_3 .ye_pic { text-align:center}
.business_3 .ye_pic img { display:block; margin:0 auto}



.ye_cn { width:90%; max-width:1160px; margin:0 auto; padding-bottom:20px}
.ye_cn img { max-width:100%; height:auto}


.pages { height:80px;}
.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:#E62129; font-weight:bold; text-align:center; border:#E62129 1px solid}
.pages ul li.thisclass a { color:#fff;}

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




.news_list { padding:60px 0 20px 0; width:1170px; margin:0 auto}
.news_list ul li { float:left; width:390px; padding-bottom:30px}
.news_list ul li p { position:relative; height:223px; overflow:hidden}
.news_list ul li p img { position:absolute; display:block; top:0; left:0}
.news_list ul li a { display:block; width:350px; margin:0 auto; overflow:hidden; border:1px #ddd solid; position:relative}
.news_list ul li h3 { width:290px; font-size:16px; margin:0 auto; padding:35px 0 0 0; border-bottom:1px #ddd solid; line-height:26px; height:60px}
.news_list ul li h4 { color:#888; font-size:12px; padding:10px 0 20px 0; text-align:right; width:290px; margin:0 auto}
.news_list ul li h4 span { display:block; float:left; color:#343434; font-size:14px}
.news_list ul li h4 i { padding-right:5px}
.news_list ul li h5 { position:absolute; width:65px; text-align:center; left:30px; top:190px; background:#E62129; color:#fff; padding:10px 0; line-height:22px}
.news_list ul li h5 b { text-align:center; display:block; font-size:18px}





.index_5 { padding:60px 0; margin:0 auto;}
.index_5 h2 { font-size:30px; line-height:30px; padding-bottom:20px; text-align:center; font-weight:normal}
.index_5 .ial_li { float:left; width:580px; position:relative; height:170px}

.index_5 .ial_li h4 { font-size:12px; color:#888; padding-left:30px}
.index_5 .ial_li h3 { font-size:16px; font-weight:bold; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 30px 10px 30px}
.index_5 .ial_li h5 { font-size:14px; line-height:20px; padding:15px 30px; height:40px}
.index_5 .ial_li p { height:2px; width:520px; margin:0 auto; overflow:hidden; position:relative; background:#efefef}
.index_5 .ial_li p span { display:block; position:absolute; left:0; top:0; width:3%; height:100%; background:#3c3c3c}

.index_5 .ial_li ul { width:360px;}
.index_5 .ial_li ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px #ddd dashed}
.index_5 .ial_li a.img01 { display:block; position:absolute; left:0; top:40px; width:360px; height:195px; overflow:hidden}
.index_5 .ial_li a.img01 img { position:absolute}

@media all and (max-width:1200px){
.index_5 { padding:50px 0 30px 0; width:720px}
.index_5 .ial_li { float:none; width:auto; padding-bottom:30px}
.index_5 .ial_li img { float:left; margin-right:20px}
.index_5 .ial_li ul { width:auto; clear:both;}
}
@media all and (max-width:720px){
.index_5 { padding:40px 0 20px 0; width:90%}
.index_5 .ial_li { float:none; width:auto; padding-bottom:30px}
.index_5 .ial_li img { float:left; margin-right:20px}
.index_5 .ial_li ul { width:auto; clear:both;}
}




.nowsite { position:relative; line-height:50px; border-bottom:1px #ddd solid}





.news_cn { width:1200px; margin:0 auto; padding:50px 0;}
.news_cn .news_text { float:left; width:820px; font-size:16px; line-height:28px}
.news_cn .news_text img { max-width:100%; height:auto}
.news_cn .news_text p { padding-bottom:15px}

.news_cn .news_text .sx { overflow:hidden; margin-top:10px; padding-top:10px; border-top:1px #ddd solid; color:#888; font-size:14px}


.news_cn .news_title { float:right; width:330px; overflow:hidden; background:#fff; padding-bottom:20px}
.news_cn .news_title h1 { font-size:18px; padding-bottom:5px}
.news_cn .news_title h3 { font-size:12px; color:#888; padding-bottom:10px}
.news_cn .news_title .zy { padding-bottom:20px}
.news_cn .news_title .fh { line-height:30px; text-align:center}
.news_cn .news_title .fh a { display:block; color:#fff; background:#333; margin-bottom:20px}
.news_cn .news_title .fh a:hover { background:#666}
.news_cn .news_title ul { width:340px}
.news_cn .news_title ul li { float:left; width:160px; font-size:12px; height:160px; padding-right:10px; line-height:20px}
.news_cn .news_title ul li img { width:160px; height:95px; display:block; padding-bottom:5px}

.news_cn .news_title.mm { position:fixed; right:50%; margin-right:-600px; top:80px}


.news_cn .news_title ul.u2 { width:auto; float:none}
.news_cn .news_title ul.u2 li { width:auto; float:none; height:auto; padding:10px 0; border-bottom:1px #ddd solid}
.news_cn .news_title ul.u2 li h3 { font-size:14px; font-weight:bold; padding-bottom:5px}

@media all and (max-width:1200px){
.news_cn { width:720px; padding:40px 0;}
.news_cn .news_text { width:370px}
}
@media all and (max-width:720px){
.news_cn { width:90%; padding:30px 0;}
.news_cn .news_title { float:none; width:auto; padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:20px}
.news_cn .news_title .zy { background:#f5f5f5; padding:10px; font-size:12px}
.news_cn .news_title .fh { display:none}
.news_cn .news_title ul { display:none}
.news_cn .news_text { float:none; width:auto}


.news_cn .news_title.mm { position:relative; right:auto; margin-right:0; top:auto}
}


.news_cn2 { width:1200px; margin:0 auto; padding:50px 0;}
.news_cn2 .news_text { font-size:16px; line-height:28px; width:80%; margin:0 auto}
.news_cn2 .news_text img { max-width:100%; height:auto}
.news_cn2 .news_text p { padding-bottom:15px}
.news_cn2 .news_title { padding-bottom:20px; border-bottom:1px #ddd dashed; margin-bottom:20px}
.news_cn2 .news_title h1 { font-size:24px; text-align:center}
@media all and (max-width:1200px){
.news_cn2 { width:720px; padding:40px 0;}
}
@media all and (max-width:720px){
.news_cn2 { width:90%; padding:30px 0;}
.news_cn2 .news_text { width:90%;}
}







.ask_list { width:1200px; margin:0 auto; padding:50px 0;}
.ask_list ul li { float:left; width:50%; padding-bottom:30px; padding-top:5px}
.ask_list ul li h3 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; line-height:30px; padding-bottom:8px; width:90%; margin:0 auto}
.ask_list ul li h4 { font-size:12px; color:#888; padding-top:10px; line-height:20px; width:90%; margin:0 auto}
.ask_list ul li p { height:2px; overflow:hidden; position:relative; background:#efefef; width:90%; margin:0 auto}
.ask_list ul li p span { display:block; position:absolute; left:0; top:0; width:3%; height:100%; background:#3c3c3c}

@media all and (max-width:1200px) {
.ask_list { padding:40px 0 40px 0; width:720px;}
}
@media all and (max-width:720px) {
.ask_list { padding:30px 0; width:90%; padding-bottom:50px; position:relative}
.ask_list ul li { float:none; width:auto}
.ask_list ul li p { width:auto}
}



.video_list { width:1200px; margin:0 auto; padding:50px 0;}
.video_list ul li { float:left; width:50%; padding-bottom:10px; position:relative}
.video_list ul li img { width:90%; height:auto; display:block; margin:0 auto}
.video_list ul li h3 { width:90%; height:auto; font-size:16px; line-height:24px; padding-bottom:8px; text-align:center; padding-top:10px}
.video_list ul li p { position:absolute; left:5%; top:0; height:360px; background:url(../images/bg1.png); width:90%}
.video_list ul li p i { color:#fff; font-size:36px; line-height:40px; display:block; position:absolute; left:50%; text-align:center; margin-left:-20px; width:40px; height:40px; top:180px; border:1px #fff solid; border-radius:50%}

@media all and (max-width:1200px) {
.video_list { padding:40px 0 40px 0; width:720px;}
.video_list ul li p { display:none}
}
@media all and (max-width:720px) {
.video_list { padding:30px 0; width:90%; padding-bottom:50px; position:relative}
.video_list ul li { float:none; width:auto}
.video_list ul li p { width:auto}
}








#leftsead{width:161px;height:290px;position:fixed;bottom:50px;right:0px; z-index:8100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}




@media all and (max-width:720px) {
#leftsead { display:none}
}




.bshare-custom { width:220px; margin:15px auto 30px auto}






.online_1 h2 { text-align:center; font-size:30px; line-height:40px; font-weight:normal}
.online_2 h2 { text-align:center; font-size:30px; line-height:40px; font-weight:normal}
.online_3 h2 { text-align:center; font-size:30px; line-height:40px; font-weight:normal}
.online_4 h2 { text-align:center; font-size:30px; line-height:40px; font-weight:normal}

@media all and (max-width:720px) {
.online_1 h2 { font-size:24px}
.online_2 h2 { font-size:24px}
.online_3 h2 { font-size:24px}
.online_4 h2 { font-size:24px}
}




.online_1 { padding:50px 0; background:#EFF5F7}
.online_1 ul { width:1170px; margin:0 auto}
.online_1 ul li { float:left; width:195px; padding-top:30px}
.online_1 ul li p { width:149px; height:148px; margin:0 auto; background:url(../images/assess-use.png);}
.online_1 ul li p i { display:block; opacity:0; width:149px; height:148px; margin:0 auto; background:url(../images/assess-use.png);}
.online_1 ul li.on_s1 p { background-position:0 0}
.online_1 ul li.on_s2 p { background-position:-210px 0}
.online_1 ul li.on_s3 p { background-position:-420px 0}
.online_1 ul li.on_s4 p { background-position:-630px 0}
.online_1 ul li.on_s5 p { background-position:-840px 0}
.online_1 ul li.on_s6 p { background-position:-1050px 0}
.online_1 ul li.on_s1 i { background-position:0 -148px}
.online_1 ul li.on_s2 i { background-position:-210px -148px}
.online_1 ul li.on_s3 i { background-position:-420px -148px}
.online_1 ul li.on_s4 i { background-position:-630px -148px}
.online_1 ul li.on_s5 i { background-position:-840px -148px}
.online_1 ul li.on_s6 i { background-position:-1050px -148px}

.online_1 ul li h3 { font-size:18px; width:90%; margin:0 auto; border-bottom:1px #ddd dashed; line-height:40px; padding-top:10px; padding-bottom:5px; text-align:center}
.online_1 ul li h4 { font-size:14px; padding-top:10px; width:85%; margin:0 auto; text-align:center}


@media all and (max-width:1200px) {
.online_1 { padding:40px 0;}
.online_1 ul { width:720px;}
.online_1 ul li { width:240px;}
}



.online_2 { padding:50px 0;}
.online_2 ul { width:1170px; margin:0 auto}
.online_2 ul li { float:left; width:390px; padding-top:30px; position:relative}
.online_2 ul li img { display:block; width:95%; margin:0 auto; position:relative; z-index:222}
.online_2 ul li h3 { position:absolute; left:0; width:100%; top:90px; line-height:40px; color:#fff; font-weight:bold; z-index:333; text-align:center; font-size:24px; padding-bottom:15px}
.online_2 ul li h3 i { display:block; position:absolute; bottom:0; width:28px; height:3px; background:#fff; left:50%; margin-left:-14px}
.online_2 ul li h4 { position:absolute; left:0; width:100%; top:155px; line-height:40px; color:#fff; z-index:334; text-align:center; font-size:16px; letter-spacing:2px}
.online_2 ul li h5 { width:90%; margin:0 auto; text-align:center; border:1px solid #ffc18e; padding:20px 0 30px 0; font-size:16px}
.online_2 ul li h5 b { display:block; font-size:18px; padding-bottom:10px}
.online_2 ul li h5 a { display:block; margin:0 auto; border:1px #00A0E9 solid; border-radius:17px; width:140px; line-height:34px; margin-top:15px; font-size:14px}
.online_2 ul li a:hover { background:#00A0E9; color:#fff}



.online_3 { padding:50px 0; background:url(../images/assess-warp-bg.jpg) top no-repeat}
.online_3 h2 { color:#fff}
.online_3 ul { width:1170px; margin:0 auto}
.online_3 ul li { float:left; width:390px; position:relative; margin-top:20px}
.online_3 ul li img { display:block; width:95%; margin:0 auto; position:relative; z-index:222; padding-top:30px}
.online_3 ul li a { display:block; position:absolute; background:#FC6047; border-radius:17px; width:240px; line-height:34px; font-size:14px; color:#fff; top:50%; left:50%; margin-top:-17px; margin-left:-120px; z-index:333; text-align:center; opacity:0}
.online_3 ul li img.m2 { padding-top:0}




.online_4 { padding:50px 0;}
.online_4 ul { width:1160px; margin:0 auto}
.online_4 ul li { float:left; width:25%; position:relative; margin-top:20px}
.online_4 ul li a  { display:block; position:absolute; border:1px #fff solid; border-radius:17px; width:140px; line-height:34px; font-size:14px; color:#fff; bottom:20%; left:50%; margin-left:-71px; z-index:333; text-align:center;}