@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; background:#FBFBFB}
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:#F33E4F;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:1200px; margin:0 auto}

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

body { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body.invert { background:#000; color:#fff}
body.invert a { color:#eee}



.head_ad1 { min-width:1200px; height:50px; position:relative; overflow:hidden}
.head_ad1 img { display:block; position:absolute; left:50%; margin-left:-960px; top:0}

.dings { height:40px; min-width:1200px; background:#F5F5F5; text-align:right; color:#888; font-size:12px; line-height:40px}
.dings i { padding-left:10px}


.head { height:104px; width:1200px; margin:0 auto;}
.head .logo_s { float:left; padding-top:25px}
.head .head_ss { width:250px; height:40px; border:1px #ccc solid; margin-top:42px; position:relative; float:right}
.head .head_ss .head_inp1 { float:left; border:0 none; line-height:36px; height:36px; padding:0 3px 0 7px}
.head .head_ss .head_inp2 { float:right; width:164px; padding-left:10px; border:0 none; height:30px; line-height:30px; margin-top:4px; border-left:1px #ddd solid}
.head .head_ss .head_inp3 { position:absolute; right:10px; top:10px}

.head .nav { float:right; padding-top:30px; padding-right:15px}
.head .nav ul li { float:left; padding:0 15px; line-height:72px; font-size:16px}
.head .nav ul li.nav_on { border-bottom:2px #4896C4 solid}


.head.h_2 { height:58px; position:fixed; z-index:888; left:0; width:100%; top:0; background:#fff; border-bottom:1px #ddd solid; display:none}
.head.h_2 .logo_s { padding-top:9px}
.head.h_2 .logo_s img { height:40px; width:auto}
.head.h_2 .head_ss { margin-top:9px}
.head.h_2 .nav { padding-top:8px}
.head.h_2 .nav ul li { line-height:48px}






.banner { width:100%; height:511px; position:relative; z-index:111;}
.banner .bd { width:100%; height:511px; text-align:center;}
.banner .bd ul li { width:100%; height:511px; text-align:center;}

.banner .hd { position:absolute; z-index:99; bottom:18px; left:0; width:100%; text-align:center}
.banner .hd ul li { display:inline; padding:10px 15px; background:url(../images/head_ico2.png) center no-repeat; cursor:pointer}
.banner .hd ul li.on { background:url(../images/head_ico3.png) center no-repeat;}

.banner .dh_tijiao { position:absolute; top:0; height:100%; right:50%; margin-right:-600px; width:334px; background:url(../images/bg_s1.png)}
.banner .dh_tijiao h2 { padding-top:20px; line-height:34px; text-align:center; font-weight:normal; font-size:18px; height:40px}
.banner .dh_tijiao h2 a { color:#fff; margin:0 10px}
.banner .dh_tijiao h2 a.on { color:#4794C2; border-bottom:2px #4794C2 solid; padding-bottom:10px}
.banner .dh_tijiao h4 { color:#fff; padding:10px 0 5px 0; text-align:center}
.banner .dh_tijiao h4 b { display:block; font-size:18px; font-weight:normal}
.banner .dh_tijiao h4 span { color:#4794C2; text-decoration:underline}

.banner .dh_tijiao ul { width:282px; margin:0 auto;}
.banner .dh_tijiao ul li { padding-top:22px;}
.banner .dh_tijiao ul li .inp_s1 { width:262px; background:#fff; display:block; color:#ccc; line-height:42px; height:42px; padding:0 10px; border-radius:10px; border:0 none}
.banner .dh_tijiao ul li .inp_s2 { width:282px; height:42px; line-height:42px; text-align:center; font-size:18px; display:block; margin:0 auto; color:#fff; border-radius:10px; background:#4794C2; border:0 none; cursor:pointer; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.banner .dh_tijiao ul li .inp_s2:hover { background:#2D6688; color:#fff}
.banner .dh_tijiao h3 { padding-top:12px; font-size:12px; line-height:30px; text-align:center; color:#fff}

@media all and (max-width:1200px){
.banner { height:425px;}
.banner .bd { height:425px;}
.banner .bd ul li { height:425px;}
}

@media all and (max-width:720px){
.banner { height:255px;}
.banner .bd { height:255px;}
.banner .bd ul li { height:255px;}

.banner .hd { position:absolute; z-index:99; bottom:10px; left:50%; margin-left:-109.5px;}
.banner .hd ul li { float:left;background:#676767; width:63px; height:3px;margin:0px 5px; }
}

@media all and (max-width:460px){
.banner{ height:170px;}
.banner .bd{ height:170px}
.banner .bd ul li { height:170px}
}



.index_1 { width:1160px; margin:50px auto; height:224px; background:url(../images/index_pic1.jpg)}
.index_1 ul li { float:left; width:20%; height:224px;}
.index_1 ul li span { display:block; height:224px; background:#fff}


.index_2 { width:1200px; margin:0 auto; padding:30px 0}
.index_2 h2 { font-size:30px; line-height:40px; background:url(../images/index_ico1.png) center no-repeat; text-align:center; font-weight:normal}
.index_2 .s_sm { font-size:14px; color:#888; text-align:center; padding-top:15px;}
.index_2 .index_an1 { font-size:12px; text-align:center; padding-bottom:15px;}
.index_2 .index_an1 a { font-weight:bold; padding:0 10px}


.index_2 .index_an2 { width:1200px; margin:0 auto; overflow:hidden}
.index_2 .index_an2 ul { width:1220px;}
.index_2 .index_an2 ul li { float:left; position:relative; padding-right:12px; margin-bottom:12px}
.index_2 .index_an2 ul li.wc1 { width:337px}
.index_2 .index_an2 ul li a { display:block; position:relative; overflow:hidden}
.index_2 .index_an2 ul li img { display:block;}
.index_2 .index_an2 ul li h3 { position:absolute; font-size:16px; bottom:0; left:0; height:40px; line-height:40px; background:url(../images/bg_s1.png); text-align:center; color:#fff; width:100%; z-index:33}
.index_2 .index_an2 ul li img.fd { position:absolute; left:0; top:0; width:100%; height:100%; z-index:32}

.index_2 .index_an3 { width:1200px; margin:0 auto; overflow:hidden}
.index_2 .index_an3 ul { width:1210px;}
.index_2 .index_an3 ul li { float:left; position:relative; padding-right:2px;}
.index_2 .index_an3 ul li img { display:block}
.index_2 .index_an3 ul li a { display:block; overflow:hidden; position:relative}
.index_2 .index_an3 ul li h3 { position:absolute; left:0; width:100%; text-align:center; color:#fff; top:50%; margin-top:-10px; line-height:20px; font-size:24px; z-index:33}
.index_2 .index_an3 ul li h3.h3at { color:#ED9702}
.index_2 .index_an3 ul li h4 { position:absolute; z-index:22; left:0; width:100%; top:0; height:100%; background:url(../images/bg_s2.png)}




.index_2 .index_an4 { width:1200px; margin:0 auto; overflow:hidden}
.index_2 .index_an4 ul { width:1212px;}
.index_2 .index_an4 ul li { float:left; position:relative; padding-right:12px; padding-bottom:10px}
.index_2 .index_an4 ul li.an4_1 { padding-right:10px;}
.index_2 .index_an4 ul li img { display:block}
.index_2 .index_an4 ul li a { display:block; overflow:hidden; position:relative}
.index_2 .index_an4 ul li h3 { position:absolute; left:30px; color:#fff; bottom:0; line-height:60px; font-size:24px; z-index:33}
.index_2 .index_an4 ul li h3.h3at { color:#ED9702}
.index_2 .index_an4 ul li h4 { position:absolute; z-index:22; left:0; width:100%; bottom:0; height:60px; background:url(../images/bg_s1.png)}
.index_2 .index_an4 ul li img.fd { position:absolute; left:0; top:0; width:100%; height:100%; z-index:22}


.index_3 { width:1200px; height:160px; background:url(../images/index_pic10.jpg); margin:0 auto}
.index_3 ul { width:1120px; margin:0 auto}
.index_3 ul li { float:left; width:158px; padding-top:30px}
.index_3 ul li a { display:block; width:100px; height:100px; margin:0 auto; line-height:100px; background:#55B0CF; color:#fff; text-align:center; font-size:18px; border-radius:50%; opacity:0; cursor:pointer}




.index_ad2 { width:1200px; margin:0 auto; padding:30px 0}
.index_ad2 img { display:block}



.index_2 .index_an5 { height:437px; background:#423E3D; width:1200px; margin:0 auto; overflow:hidden; margin-top:30px; position:relative}
.index_2 .index_an5 .an5_bd {}
.index_2 .index_an5 .an5_bd ul li img { display:block; float:left; margin-right:35px}
.index_2 .index_an5 .an5_bd ul li h3 { padding-top:20px; font-size:18px; line-height:40px; color:#fff}
.index_2 .index_an5 .an5_bd ul li h4 { color:#B0B2B1; line-height:20px;}

.index_2 .index_an5 .an5_hd { position:absolute; top:132px; right:0; width:470px}
.index_2 .index_an5 .an5_hd ul li { position:relative; padding:0 12px 12px 0; float:left}
.index_2 .index_an5 .an5_hd ul li img { display:block}
.index_2 .index_an5 .an5_hd ul li span { display:none; position:absolute; top:0; left:0; width:136px; height:84px; background:url(../images/bg_s3.png)}
.index_2 .index_an5 .an5_hd ul li.on span { display:block}



.index_2 .index_an6 { width:1200px; margin:0 auto; padding:30px 0; overflow:hidden}
.index_2 .index_an6 ul { width:1216px}
.index_2 .index_an6 ul li { width:304px; float:left; position:relative}
.index_2 .index_an6 ul li a.xx_s { display:block; position:relative; width:290px; height:148px; overflow:hidden; margin-bottom:10px}
.index_2 .index_an6 ul li a.xx_s img { display:block}
.index_2 .index_an6 ul li h3 { position:absolute; left:0; width:290px; text-align:center; top:0; height:148px; background:url(../images/bg_s4.png)}
.index_2 .index_an6 ul li h3 a { color:#fff; font-size:16px; line-height:30px; padding-top:50px; height:98px}
.index_2 .index_an6 ul li h3 b { display:block; font-weight:normal; font-size:20px}
.index_2 .index_an6 ul li a { display:block; line-height:30px}
.index_2 .index_an6 ul li i { font-size:12px; padding-left:15px; padding-right:10px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index_2 .index_an6 ul li a:hover i { padding-left:25px}




.footer { height:228px; background:url(../images/footer_bg.jpg) top no-repeat}
.copyrights { background:#1D1D1D; text-align:center; color:#fff; font-size:12px; line-height:20px; padding:12px 0}
.footer ul { float:left}
.footer ul li { float:left; width:116px}
.footer ul li a { display:block; font-size:12px; color:#b6b6b6}
.footer ul li h2 { font-size:14px; line-height:30px; padding-top:25px; color:#fff}

.footer .foot_r { float:right; text-align:center}
.footer .foot_r h3 { padding-top:80px; font-size:18px; line-height:40px; color:#fff}
.footer .foot_r h4 { font-size:36px; color:#4C95D9; font-weight:bold}
.footer .foot_r h5 { font-size:12px; color:#999; padding-top:5px}

.footer .fr { padding:50px 30px 0 0; width:250px}
.footer .fr ul li { float:left; width:125px; text-align:center; color:#fff; color:#b6b6b6; font-size:12px}
.footer .fr ul li img { display:block; margin:0 auto; margin-bottom:10px}
.footer .fr ul li h3 { font-size:12px}




.nowsite { height:60px; line-height:60px; background:#F2F2F2}



.about_1 { background:url(../images/about_pic1.jpg) top no-repeat; height:567px; min-width:1200px; position:relative}

.about_2 { background:url(../images/about_pic2.jpg) top no-repeat; height:748px; min-width:1200px; position:relative}
.about_2 .about_2t { position:absolute; top:0; left:50%; margin-left:-600px; width:188px; height:182px; background:#4995C6}
.about_2 .about_2t h2 { padding-bottom:10px; color:#fff; text-align:center; font-size:28px; padding-top:30px; font-weight:normal; border-bottom:1px #fff solid}
.about_2 .about_2t h3 { padding-top:5px; padding-bottom:30px; text-align:center; color:#fff; text-transform:uppercase; font-family:Arial; font-size:14px}

.about_2 .about_cn { font-size:14px; width:1200px; margin:0 auto; padding-top:220px}
.about_2 .about_cn h1 { font-size:16px; font-weight: bold; color:#5C676B; width:570px; border-bottom:1px #CCE1E2 solid; padding-bottom:5px}
.about_2 .about_cn h1 font { color:#4995C6; font-size:16px; font-weight:bold}
.about_2 .about_cn h3 { padding-top:5px; font-size:16px; color:#5C676B}

.about_2 .ccc_a1 { position:absolute; top:0; left:50%; margin-left:-600px; top:320px; font-size:16px; line-height:36px; width:610px}


.about_3 { background:url(../images/about_pic3.jpg) top no-repeat; height:743px; min-width:1200px; position:relative}
.about_3 .about_3t { position:absolute; top:294px; left:50%; margin-left:-430px; width:205px; height:194px}
.about_3 .about_3t h2 { padding-bottom:10px; color:#fff; text-align:center; font-size:28px; padding-top:30px; font-weight:normal}
.about_3 .about_3t h3 { padding-top:5px; padding:20px 0 10px; text-align:center; color:#fff; text-transform:uppercase; font-family:Arial; font-size:14px}


.about_3 .ccc_a2 { position:absolute; top:100px; right:50%; margin-right:-600px; width:540px}
.about_3 .ccc_a2 h3 { font-size:18px; padding-bottom:15px; color:#fff}
.about_3 .ccc_a2 h3 b { color:#9dd3f3; display:block}
.about_3 .ccc_a2 h4 { line-height:80px; background:#5E8CA4; color:#fff; font-size:24px; padding-left:15px}
.about_3 .ccc_a2 h5 { font-size:14px; color:#9dd3f3; padding-top:10px}


.about_4 { background:url(../images/about_pic4.jpg) top; background-size:auto 100%; height:872px; min-width:1200px; padding-top:30px}
.about_4 h2 { color:#4995C6; text-align:center; line-height:60px; background:url(../images/about_ico1.png) center no-repeat; font-size:30px; font-weight:normal}
.about_4 h3 { color:#888; text-align:center; font-size:16px}
.about_4 .tac { padding-top:30px}

.about_5 { background:url(../images/about_pic6.jpg) top no-repeat; height:708px; padding-top:30px; min-width:1200px; margin-bottom:30px}
.about_5 h2 { color:#fff; text-align:center; line-height:60px; background:url(../images/about_ico2.png) center no-repeat; font-size:30px; font-weight:normal}
.about_5 h3 { color:#ddd; text-align:center; font-size:16px; margin-bottom:30px}
.about_5 ul { width:1200px; margin:0 auto}
.about_5 ul li { float:left; width:200px; height:94px}
.about_5 ul li img { display:block; margin:0 auto; box-shadow:2px 2px 2px #333}






.gongyi_1 { background:url(../images/gongyi_pic1.jpg) center no-repeat; background-size:auto 100%; height:563px; min-width:1200px; position:relative}

.gongyi_2 { background:url(../images/gongyi_pic2.jpg) top no-repeat; height:226px; min-width:1200px; position:relative}
.gongyi_2 h2 { font-size:36px; color:#fff; width:1200px; margin:0 auto; line-height:50px; padding-top:20px}
.gongyi_2 h3 { font-size:18px; color:#fff; width:1200px; margin:0 auto}
.gongyi_2 h4 { width:1200px; margin:0 auto; margin-top:15px}
.gongyi_2 h4 a { display:block; color:#B2100E; width:160px; height:40px; line-height:40px; text-align:center; color:#B2100E; border:1px #B2100E solid; border-radius:10px; font-size:16px}
.gongyi_2 h4 a:hover { background:#B2100E; color:#fff}


.gongyi_3 { background:url(../images/gongyi_pic3.jpg) top no-repeat; height:780px; min-width:1200px; position:relative}
.gongyi_3 .gy3_bd { padding-top:120px; width:1200px; margin:0 auto}
.gongyi_3 .gy3_bd ul li img { display:block; margin:0 auto}
.gongyi_3 .gy3_hd { width:500px; margin:30px auto; position:relative; height:30px; text-align:center}
.gongyi_3 .gy3_hd a.prev { position:absolute; left:-50px; top:0; height:30px; width:30px; background:url(../images/gongyi_ico1.png); cursor:pointer}
.gongyi_3 .gy3_hd a.next { position:absolute; right:-50px; top:0; height:30px; width:30px; background:url(../images/gongyi_ico2.png); cursor:pointer}
.gongyi_3 .gy3_hd ul li { padding:10px 20px; background:url(../images/gongyi_ico3.png) center no-repeat; display:inline}
.gongyi_3 .gy3_hd ul li.on { background:url(../images/gongyi_ico4.png) center no-repeat}



.gongyi_4 { height:120px; background:#4E4E4E}
.gongyi_4 .w100 { width:1040px; margin:0 auto; padding-top:40px}
.gongyi_4 h3 { float:left; line-height:24px; border-left:5px #4894C5 solid; color:#fff; font-size:24px; padding:0 80px 0 20px; margin-top:8px}
.gongyi_4 .gy_inp1 { float:left; margin-right:45px; padding:0 10px; line-height:36px; height:36px; background:#fff; border:0 none; width:240px; border-radius:5px; font-size:16px}
.gongyi_4 .gy_inp2 { float:left; line-height:36px; height:36px; background:#4894C5; border:0 none; width:160px; color:#fff; border-radius:5px; font-size:18px; text-align:center}


.gongyi_5 { padding:30px 0}
.gongyi_5.bg12 { background:#4F4F4F; color:#fff}
.gongyi_5.bg13 { background:url(../images/gongyi_pic6.jpg)}
.gongyi_5 h2 { font-size:48px; line-height:60px; text-align:center}
.gongyi_5 h3 { width:516px; line-height:16px; border-bottom:1px #444 solid; border-top:1px #444 solid; text-align:center; text-transform:uppercase; margin:20px auto;}

.gongyi_5 .tac { position:relative; width:1200px; margin:0 auto}
.gongyi_5 .tac a.prev { display:block; position:absolute; left:20px; top:50%; margin-top:-30px; cursor:pointer}
.gongyi_5 .tac a.next { display:block; position:absolute; right:20px; top:50%; margin-top:-30px; cursor:pointer}
.gongyi_5 .tac a i { color:#C1C1CB; font-size:60px; line-height:60px}

.gongyi_5 h4 { font-size:18px; text-align:center; line-height:30px}
.gongyi_5 h5 { font-size:14px; text-align:center; color:#888}

.gongyi_5.bg12 h2 { color:#fff}
.gongyi_5.bg12 h3 { color:#ccc; border-bottom:1px #ccc solid; border-top:1px #ccc solid}


.gongyi_6 { background:url(../images/gongyi_pic7.jpg) top no-repeat; height:762px; min-width:1200px; position:relative}
.gongyi_6 ul { position:absolute; left:50%; margin-left:-360px; top:289px; width:300px}
.gongyi_6 ul li { height:70px}
.gongyi_6 ul li input { border:0 none; line-height:40px; height:40px; width:250px; background:none}
.gongyi_6 .gy_inp3 { position:absolute; top:315px; width:100px; height:120px; background:none; border:0 none; cursor:pointer; left:50%; margin-left:-30px}


.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:#4896C4; 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}
}



.news_body { padding:30px 0;}
.news_body .news_left { float:left; width:915px}

.news_body .news_right { float:right; width:240px}
.news_body .news_right h3 { font-size:18px; text-align:center; padding-bottom:10px}
.news_body .news_right .nr_l1 { padding:10px; background:#f5f5f5; margin-bottom:10px}
.news_body .news_right .nr_l1 ul li { padding:5px 0; font-size:12px; line-height:20px}
.news_body .news_right .nr_l1 ul li i { display:block; float:left; background:#4896C4; width:5px; margin-right:10px; height:12px; margin-top:4px}


.news_body .news_left .news_list { border-top:1px #ddd solid}
.news_body .news_left .news_list ul li { padding:15px 0; border-bottom:1px #ddd solid; overflow:hidden}
.news_body .news_left .news_list ul li:hover { background:#f5f5f5}
.news_body .news_left .news_list ul li img { display:block; float:left; margin-right:20px}
.news_body .news_left .news_list ul li h3 { font-size:16px; line-height:30px}
.news_body .news_left .news_list ul li h3 font { font-size:16px;}
.news_body .news_left .news_list ul li h4 { padding:10px 0; font-size:12px; line-height:20px; padding-right:40px}
.news_body .news_left .news_list ul li h5 { color:#888; font-size:12px}


.news_body .news_left .huodong_list {}
.news_body .news_left .huodong_list ul li { padding:15px 0; overflow:hidden; position:relative}
.news_body .news_left .huodong_list ul li:hover { background:#f5f5f5}
.news_body .news_left .huodong_list ul li img { display:block; float:left; margin-right:20px}
.news_body .news_left .huodong_list ul li h3 { font-size:16px; line-height:20px; padding-bottom:5px}
.news_body .news_left .huodong_list ul li h4 { font-size:12px; line-height:24px; padding-right:40px; padding-top:5px; color:#888}
.news_body .news_left .huodong_list ul li h5 { color:#888; font-size:12px; position:absolute; right:20px; bottom:15px}
.news_body .news_left .huodong_list ul li h5 a { display:block; float:left; padding:0 15px; color:#FEB35B; border:1px #FEB35B solid; margin-left:10px}
.news_body .news_left .huodong_list ul li h5 a:hover { background:#FEB35B; color:#fff}
.news_body .news_left .huodong_list ul li h5 a.aa1 { color:#FE9096; border:1px #FE9096 solid}
.news_body .news_left .huodong_list ul li h5 a.aa1:hover { background:#FE9096; color:#fff}


.news_body .news_left .nt_top { border-top:1px #ddd solid; padding:20px 0}
.news_body .news_left .nt_top h1 { font-size:24px; font-weight:normal; line-height:34px; text-align:center}
.news_body .news_left .nt_top h3 { color:#888; text-align:center; padding-top:10px}


.news_body .news_left .zhaiyao { width:90%; margin:0 auto; padding:10px 20px; font-size:12px; border:1px #ddd solid;}
.news_body .news_left .nt_text { padding:20px 0; font-size:14px; line-height:26px; min-height:600px}
.news_body .news_left .nt_text p { padding-bottom:15px}
.news_body .news_left .nt_text img { max-width:100%; height:auto}


.news_body .news_left .nt_shangxia { border-top:1px #ddd solid; padding-top:10px}



.case_t { width:1200px; margin:30px auto 15px auto; border:1px #ddd solid; border-bottom:0 none; background:#fff}
.case_t ul li { line-height:42px; border-bottom:1px #ddd solid}
.case_t ul li h3 { float:left; font-weight:bold; margin-right:20px; width:90px; text-align:center; background:#f5f5f5}
.case_t ul li a { margin-right:15px; padding:5px 10px;}
.case_t ul li a.on { background:#4995C6; color:#fff; border-radius:5px}



.case_px { height:60px; width:1200px; margin:0 auto}
.case_px a { display:block; float:left; line-height:34px; border:1px #ddd solid; text-align:center; width:92px; font-size:16px; border-radius:5px; margin-right:10px}
.case_px a.px_on { background:#4995C6; color:#fff; border:1px #4995C6 solid}




.case_list { width:1200px; margin:0 auto; overflow:hidden}
.case_list ul { width:1218px;}
.case_list ul li { float:left; width:406px; margin-bottom:20px}
.case_list ul li img.bt { display:block; width:388px; height:250px; border:1px #ddd solid}
.case_list ul li h3 { line-height:50px; padding:0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:358px; border-left:1px #ddd solid; border-right:1px #ddd solid}
.case_list ul li h3 font { color:#4995C6}
.case_list ul li h4 { border:1px #ddd solid; border-top:0 none; overflow:hidden; width:388px}
.case_list ul li h4 img { float:left; margin:5px 10px 5px 15px}
.case_list ul li h4 a { float:right; background:#4995C6; color:#fff; margin-right:15px; padding:0 10px; border-radius:5px; font-size:12px}
.case_list ul li h4 i { padding-left:15px; color:#888}
.case_list ul li h4 font { color:#4995C6}


.case_list .case_ts { border-bottom:1px #4C8DB5 solid; margin-bottom:15px; padding-bottom:10px}
.case_list .case_ts a { display:block; float:right; line-height:20px; background:#333; color:#fff; padding:0 15px}
.case_list .case_ts h2 { font-size:18px; font-weight:normal}





.case_cn { width:1200px; margin:0 auto; padding-bottom:30px}
.case_cn .case_left { float:left; width:870px;}


.case_cn .case_right { float:right; width:294px; background:#fff}
.case_cn .case_right h2 { padding:20px 0 10px 25px; font-size:16px}
.case_cn .case_right img { display:block; margin:0 auto; border-radius:50%}
.case_cn .case_right h3 { text-align:center; padding-top:10px; line-height:40px; font-size:20px; font-weight:bold}
.case_cn .case_right h4 { font-size:14px; text-align:center; color:#888; padding-bottom:10px}
.case_cn .case_right h4 font { color:#4C8DB5}
.case_cn .case_right .nr_1 { overflow:hidden; width:246px; margin:0 auto; border-top:1px #ddd solid}
.case_cn .case_right .nr_1 ul li { float:left; width:82px; text-align:center; padding:20px 0}
.case_cn .case_right .nr_1 ul li font { display:block; color:#4C8DB5}

.case_cn .case_right .yuyue { line-height:36px; padding-bottom:30px; border-bottom:15px #FBFBFB solid}
.case_cn .case_right .yuyue a { width:234px; margin:0 auto; display:block; background:#4C8DB5; color:#fff; text-align:center; border-radius:5px}
.case_cn .case_right .yuyue a:hover { background:#296287;}


.case_cn .case_right .guihua { padding-bottom:20px}
.case_cn .case_right .guihua ul { width:238px; margin:0 auto;}
.case_cn .case_right .guihua ul li { padding:7px 0;}
.case_cn .case_right .guihua ul li .case_inp1 { width:214px; display:block; color:#ccc; line-height:34px; height:34px; padding:0 10px; border-radius:5px; border:1px #ccc solid}
.case_cn .case_right .guihua h4 { padding-top:15px}
.case_cn .case_right .case_inp2 { line-height:36px; font-size:14px; width:234px; margin:0 auto; display:block; background:#4C8DB5; color:#fff; text-align:center; border-radius:5px; border:0 none; cursor:pointer}
.case_cn .case_right .case_inp2:hover { background:#296287;}
.case_cn .case_right .guihua h5 { width:234px; margin:0 auto; background:#F5F5F5; text-align:center; font-size:18px; padding:10px 0}


.case_cn .case_left .case_gd { width:814px; margin:0 auto; padding-top:25px; margin-bottom:20px}
.case_cn .case_left .case_gd .bd { height:480px; overflow:hidden}
.case_cn .case_left .case_gd .hd { position:relative; width:755px; margin:0 auto; margin-top:15px}
.case_cn .case_left .case_gd .hd a.prev { position:absolute; left:-30px; top:0; height:90px; width:24px; background:url(../images/case_pic5.jpg)}
.case_cn .case_left .case_gd .hd a.next { position:absolute; right:-30px; top:0; height:90px; width:24px; background:url(../images/case_pic5.jpg) -24px 0}
.case_cn .case_left .case_gd .hd ul li { float:left; width:20%}
.case_cn .case_left .case_gd .hd ul li img { display:block; width:90%; margin:0 auto; padding:2px; border:1px #fff solid; opacity:0.5}
.case_cn .case_left .case_gd .hd ul li.on img { border:1px #4C8DB5 solid; opacity:1}


.case_cn .case_left .case_xx { padding:25px; background:#fff; margin-bottom:20px; clear:both}
.case_cn .case_left .case_xx h2 { font-size:18px; font-weight:normal; line-height:28px; margin-bottom:10px}
.case_cn .case_left .case_xx h2 i { height:26px; line-height:26px; width:26px; text-align:center; border:1px #4B4B4C solid; border-radius:50%; display:block; float:left; margin-right:20px; font-weight:normal; font-size:16px}
.case_cn .case_left .case_xx ul { border:1px #ddd solid; border-bottom:0 none; overflow:hidden}
.case_cn .case_left .case_xx ul li { border-bottom:1px #ddd solid; float:left; width:33.3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:58px; font-size:16px}
.case_cn .case_left .case_xx ul li h3 { float:left; background:#F5F5F5; width:116px; border-right:1px #ddd solid; margin-right:15px; font-size:16px; text-align:center}

.case_cn .case_left .case_xx .xx_sm { background:#F5F5F5; padding:20px; font-size:16px}


.case_cn .case_left .case_text { font-size:16px; line-height:28px; padding:25px; background:#fff}



.sjs_ss { height:50px; background:#424242; width:1200px; margin:0 auto; clear:both}
.sjs_ss .sjs_inp1 { float:right; margin:10px 25px 0 0; width:80px; text-align:center; line-height:30px; border:0 none; background:#4593C1; color:#fff; cursor:pointer}
.sjs_ss .sjs_inp2 { float:right; width:220px; padding-left:10px; margin-top:10px; background:#fff; border:0 none; line-height:30px; height:30px}




.sjs_list { width:1200px; margin:0 auto; overflow:hidden}
.sjs_list ul { width:1224px;}
.sjs_list ul li { float:left; width:306px; position:relative; margin-bottom:20px}
.sjs_list ul li img { width:282px; height:auto; display:block}
.sjs_list ul li h4 { position:absolute; left:0; width:282px; height:34px; background:#2D224A; top:248px}
.sjs_list ul li h4 a { display:block; float:left; line-height:34px; width:141px; color:#fff; text-align:center}
.sjs_list ul li h4 a.aa2 { background:#959595}
.sjs_list ul li h3 { border:1px #F1F1F1 solid; border-bottom:0 none; width:280px; padding-bottom:10px}
.sjs_list ul li h3 a { width:244px; border-bottom:1px #303030 solid; margin:0 auto; padding-top:7px; line-height:26px; display:block; text-align:center}
.sjs_list ul li h3 font { font-size:14px}
.sjs_list ul li h5 { border-left:1px #F1F1F1 solid; border-right:1px #F1F1F1 solid; width:280px; color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.sjs_list ul li h5 font { color:#4C8DB5; padding-left:15px}




.sjs_top { width:1200px; margin:0 auto; background:url(../images/shejishi_pic3.jpg) top no-repeat; height:241px; position:relative; margin-bottom:30px}
.sjs_top img { display:block; position:absolute; top:57px; left:66px}
.sjs_top a.yy1 { display:block; position:absolute; width:118px; height:46px; line-height:46px; text-align:center; background:#4993C4; color:#fff; font-size:18px; right:100px; top:105px; border-radius:5px}

.sjs_top h1 { padding-left:270px; font-size:18px; color:#fff; padding-top:50px; line-height:24px; padding-bottom:5px}
.sjs_top h3 { padding-left:270px; color:#fff; height:107px}
.sjs_top h3 font { color:#4993C4; font-size:18px; font-weight:bold}
.sjs_top h4 { height:54px; line-height:54px; padding-left:296px}
.sjs_top h4 a { display:block; float:left; height:54px; border-left:1px #CCCCCC solid; padding:0 20px; color:#666; cursor:pointer}
.sjs_top h4 a.sjs_on { background:#fff}




.right_kf { position:fixed; width:77px; height:390px; right:0px; bottom:10%; background:url(../images/right_s.png) top no-repeat; padding-top:5px; z-index:2222}
.right_kf ul li { position:relative; height:63px}
.right_kf ul li a { display:none; height:61px; cursor:pointer; line-height:61px; font-size:12px; text-align:center; color:#fff; background:#0588D1; width:61px; margin:0 auto}
.right_kf ul li p { position:absolute; right:69px; width:200px; text-align:center; color:#fff; background:#0588D1; display:none; top:0px; padding:20px 0}
.right_kf ul li img { display:block; margin:0 auto}


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