@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:#D51619;text-decoration:none}
p { padding:0; margin:0; padding-bottom:15px}
.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;
    }

.example-animation { position:relative; z-index:222; height:460px; margin-top:128px}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { background: none repeat scroll 0% 0% transparent ! important; border: 0px none ! important; bottom: auto ! important; float: none ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline: 0px none ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important; box-sizing: content-box ! important; font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace ! important; font-weight: normal ! important; font-style: normal ! important; font-size: 1em ! important; min-height: inherit ! important; }
.syntaxhighlighter { width: 100% ! important; margin: 1em 0px ! important; position: relative ! important; overflow: auto ! important; font-size: 1em ! important; }
.syntaxhighlighter .line { white-space: pre ! important; }
.example-animation h1 { color:#fff; text-align:center; font-size:30px; line-height:40px; left:50%; margin-left:-500px; width:1000px; top:50%; margin-top:-60px; position:absolute; font-weight:normal; z-index:5}
.example-animation h3 { color:#fff; text-align:center; font-size:16px; line-height:30px; left:50%; width:1000px; margin-left:-500px; top:50%; position:absolute; z-index:4}
.example-animation h4 { z-index:3; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bg2.png)}
.example-animation h5 { left:50%; width:128px; height:48px; background:#1E90C0; margin-left:-64px; margin-top:0px; top:50%; font-size:16px}
.example-animation a.gd { display:block; width:128px; position:absolute; color:#fff; line-height:48px; text-align:center;}
.example-animation a.gd:hover { background:#0D9A66}

@media all and (max-width:1200px) {
.example-animation h1 { margin-left:-360px; width:720px}
.example-animation h3 { margin-left:-360px; width:720px}
}
@media all and (max-width:720px) {
.example-animation { margin-top:56px}
.example-animation h1 { font-size:18px; margin-left:-200px; width:400px}
.example-animation h3 { font-size:14px; margin-top:-40px; margin-left:-200px; width:400px}
.example-animation h5 { width:90px; height:36px; margin-left:-45px; margin-top:40px; font-size:14px}
.example-animation a.gd { width:90px; line-height:36px;}
}
@media all and (max-width:480px) {
.example-animation { display:none}
.example-animation h1 { font-size:16px; margin-top:-50px; width:100%}
.example-animation h3 { height:1px; overflow:hidden; opacity:0; width:100%}
.example-animation h5 { margin-top:0px;}
}

.syntaxhighlighter table { width: 100% ! important; }
.syntaxhighlighter table td.code { width: 100% ! important; }
.syntaxhighlighter table td.code .container { position: relative ! important; }
.syntaxhighlighter table td.code .line { padding: 0px 1em ! important; }
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em ! important; }
.syntaxhighlighter .toolbar { position: absolute ! important; right: 1px ! important; top: 1px ! important; width: 11px ! important; height: 11px ! important; font-size: 10px ! important; z-index: 10 ! important; }
.syntaxhighlighter .toolbar a { display: block ! important; text-align: center ! important; text-decoration: none ! important; padding-top: 1px ! important; }
/* ::::: http://devrama.com/static/_default/js/syntaxhighlighter_3.0.83/styles/shThemeEmacs.css ::::: */

.syntaxhighlighter { background-color: black ! important; }
.syntaxhighlighter .line.alt1 { background-color: black ! important; }
.syntaxhighlighter .line.alt2 { background-color: black ! important; }
.syntaxhighlighter .toolbar { color: white ! important; background: none repeat scroll 0% 0% rgb(153, 0, 0) ! important; border: medium none ! important; }
.syntaxhighlighter .toolbar a { color: white ! important; }
.syntaxhighlighter .toolbar a:hover { color: rgb(156, 207, 244) ! important; }
.syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: rgb(211, 211, 211) ! important; }
.syntaxhighlighter .string, .syntaxhighlighter .string a { color: rgb(255, 158, 123) ! important; }
.syntaxhighlighter .keyword { color: aqua ! important; }
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: rgb(235, 219, 141) ! important; }
/* ::::: http://devrama.com/static/devrama-slider/devrama-slider.css ::::: */

.devrama-slider { margin-top:-100px}




.head { position:fixed; left:0; top:0; width:100%; margin:0 auto; height:86px; background:#fff; z-index:8889}
.head .logo_s { float:left; padding-top:24px}
.head .logo_s img { display:block}
.head .head_r { float:right}
.head .head_r ul li { padding-top:25px; float:left; padding-left:20px}
.head .head_r ul li.w1 { width:330px}
.head .head_r ul li.w2 { width:170px}
.head .head_r ul li.w2 h4 { color:red; font-size:16px; font-weight:bold}
.head .head_r ul li.w3 { width:210px}
.head .head_r ul li i { display:block; float:left; line-height:36px; color:#5B7DFF; font-size:24px; padding-right:15px}
.head .head_r ul li h3 { font-size:12px; font-weight:bold; line-height:18px}
.head .head_r ul li h4 { color:#888; font-size:12px; line-height:18px}

.head .head_r2 { display:none}

.nav.h_2 { position:fixed; left:0; top:0; width:100%; z-index:8888; display:none}

@media all and (max-width:1200px){
.head { width:720px}
.head .head_r { width:470px}
.head .head_r ul li.w3 { display:none}
}
@media all and (max-width:720px){
.head { width:100%; margin:0 auto; overflow:hidden; height:56px}
.head .logo_s { float:left; padding-top:10px}
.head .logo_s img { height:36px; width:auto}
.head .head_r { display:none}
.head .head_r2 { display:block; float:right; line-height:56px}

}



.nav { position:fixed; left:0; top:86px; width:100%; height:42px; line-height:42px; background:#454545; z-index:8888}
.nav ul { width:1160px; margin:0 auto}
.nav ul li { float:left; width:145px;}
.nav ul li.nav_on { background:#000}
.nav ul li:hover { background:#000}
.nav ul li a { display:block; text-align:center; font-size:14px; color:#fff}

@media all and (max-width:1200px){
.nav ul { width:720px}
.nav ul li { width:90px;}
}
@media all and (max-width:720px){
.nav { display:none; position:fixed; left:0; top:56px; width:100%; height:auto; z-index:88888}
.nav ul { width:auto}
.nav ul li { width:100%; float:none; border-bottom:1px #000 dashed}
.nav.h_2 { height:1px; left:1px; overflow:hidden}
}


.index_1 { width:1160px; margin:0 auto; padding:30px 0; overflow:hidden}
.index_1 h2 { position:relative; text-align:center; font-size:30px; line-height:60px; font-weight:normal; margin-bottom:30px}
.index_1 .index_fw { width:1251px}
.index_1 .index_fw ul li { width:315px; padding-right:102px; float:left; position:relative}
.index_1 .index_fw ul li img { display:block; margin:0 auto; position:relative; z-index:22}
.index_1 .index_fw ul li h3 { text-align:center; font-size:16px; color:#00155E; line-height:40px; padding-top:10px}
.index_1 .index_fw ul li h4 { font-size:12px; line-height:20px; width:290px; margin:0 auto; color:#666}
.index_1 .index_fw ul li h5 { position:absolute; left:0; top:0; width:315px; height:151px; text-align:center; line-height:151px; background:url(../images/bg2.png); font-size:16px; z-index:33; display:none}
.index_1 .index_fw ul li h5 a { color:#fff; display:block}


i.l1 { display:block; height:2px; width:100px; background:#ccc; position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-200px}
i.r1 { display:block; height:2px; width:100px; background:#ccc; position:absolute; top:50%; margin-top:-1px; right:50%; margin-right:-200px}


@media all and (max-width:1200px){
.index_1 { width:315px;}
.index_1 .index_fw { width:315px}
.index_1 .index_fw ul li { padding-right:0px; float:none; padding-bottom:20px}
}
@media all and (max-width:720px){

.index_1 { margin-top:56px}
}


.index_2 { background:#F5F5F5; padding:30px 0}
.index_2 h2 { font-size:30px; line-height:60px; font-weight:normal; margin-bottom:30px}

.index_2 .index_gy { float:left; width:510px}
.index_2 .index_gy img { display:block; margin-bottom:20px}
.index_2 .index_gy .index_tx1 { font-size:14px; line-height:20px}

.index_2 .index_ly { float:right; width:600px}
.index_2 .index_ly ul li { position:relative; padding-left:40px; color:#666; font-size:12px; line-height:20px; padding-bottom:15px}
.index_2 .index_ly ul li i { position:absolute; left:10px; top:5px; color:#5B7DFF; font-size:18px}
.index_2 .index_ly ul li h3 { font-size:16px; color:#00155E; padding-bottom:10px}

@media all and (max-width:1200px){
.index_2 .index_gy { float:none; margin:0 auto; width:auto}
.index_2 .index_ly { float:none; margin:0 auto; width:auto}
}
@media all and (max-width:720px){
.index_2 .index_gy img { max-width:100%}

}



.index_3 { height:229px; min-width:1160px; background:url(../images/index_pic5.jpg) top no-repeat}
.index_3 ul { width:1080px; margin:0 auto}
.index_3 ul li { float:left; width:270px; text-align:center; color:#fff; padding-top:60px; font-size:30px; line-height:60px; font-weight:bold; position:relative}
.index_3 ul li i { position:absolute; left:50%; width:46px; background:#43C3EA; height:1px; margin-left:-23px; top:120px}
.index_3 ul li h3 { font-size:16px; font-weight:normal; line-height:46px}

@media all and (max-width:1200px){
.index_3 { min-width:inherit}
.index_3 ul { width:720px;}
.index_3 ul li { width:180px}
}
@media all and (max-width:720px){
.index_3 ul { width:90%;}
.index_3 ul li { width:50%; padding-top:20px; line-height:40px}
.index_3 ul li i { display:none}
}



.index_4 { width:1160px; margin:0 auto; padding:30px 0; overflow:hidden}
.index_4 h2 { position:relative; text-align:center; font-size:30px; line-height:60px; font-weight:normal; margin-bottom:30px}

.index_4 ul { width:1200px; margin:0 auto; margin-top:30px;}
.index_4 ul li { margin:15px 0; width:400px; float:left; position:relative}
.index_4 ul li img { display:block; width:380px;}
.index_4 ul li h3 { display:none; position:absolute; line-height:20px; left:0px; top:0px; width:380px; height:100%; background:url(../images/bg1.png)}
.index_4 ul li h3 a { display:block; padding:30px; color:#fff; font-size:14px; line-height:24px}
.index_4 ul li h4 { font-weight:bold; font-size:12px; line-height:20px; position:absolute; left:0px; bottom:10px; width:380px; text-align:center}
.index_4 ul li h4 a { color:#fff; font-size:14px; line-height:30px}
.index_4 ul li a.img02 { display:block; position:absolute; left:0px; top:0px; overflow:hidden; width:380px; height:240px}
.index_4 ul li a.img02 img { position:absolute; left:0px; top:0px}
.index_4 ul li b { display:block; padding-bottom:10px; font-size:16px}


.more a { display:block; width:148px; margin:20px auto; height:38px; background:#1C2B49; color:#fff; line-height:38px; text-align:center; font-size:16px}
.more a:hover { background:#00155E}


@media all and (max-width:1200px){
.index_4 { width:720px}
.index_4 ul { width:720px}
.index_4 ul li { width:360px;}
.index_4 ul li img { width:354px;}
.index_4 ul li h3 { width:354px;}
.index_4 ul li h3 a { font-size:14px; line-height:28px}
.index_4 ul li h4 { width:354px;}
.index_4 ul li a.img02 { width:340px;}
}
@media all and (max-width:720px){
.index_4 { width:90%; margin:0 auto; overflow:hidden}
.index_4 ul { width:360px}

}




.index_5 { background:#F5F5F5; padding:30px 0}
.index_5 h2 { font-size:30px; line-height:60px; font-weight:normal; margin-bottom:30px; text-align:center}

.index_5 ul { overflow:hidden; width:1180px; margin:0 auto}
.index_5 ul li { float:left; width:590px; padding-bottom:30px; overflow:hidden}
.index_5 ul li img { display:block; float:left; padding:11px 38px 17px 38px; background:url(../images/index_png1.png) top no-repeat; margin-right:10px}
.index_5 ul li h3 { font-size:16px; color:#00155E; line-height:40px; padding-top:10px}
.index_5 ul li h4 { font-size:12px; line-height:20px; color:#666; padding-right:20px}

@media all and (max-width:1200px){
.index_5 ul { width:720px;}
.index_5 ul li { width:240px; height:auto; padding-bottom:20px; text-align:center}
.index_5 ul li img { float:none; margin:0 auto}
}
@media all and (max-width:720px){
.index_5 ul { width:90%}
.index_5 ul li { float:none; width:100%; height:auto; padding-bottom:20px; border-bottom:1px #ccc dashed; text-align:left; margin-bottom:10px}
.index_5 ul li img { margin:10px; padding:6px 18px 10px 18px; background-size:100%; width:96px; height:60px; float:left}
.index_5 ul li p { top:61px;}
.index_5 ul li h3 { line-height:30px;}
.index_5 ul li h4 { clear:both; padding-right:0}
}


.index_6 { width:1160px; margin:0 auto; padding:30px 0; overflow:hidden; position:relative}
.index_6 h2 { position:relative; font-size:30px; line-height:60px; font-weight:normal; margin-bottom:30px}
.index_6 .hd { position:absolute; top:40px; right:0; color:#aaa}
.index_6 .hd a { color:#aaa; cursor:pointer}

.index_6 .index_pj { width:1260px}
.index_6 .index_pj ul li { float:left; width:33.3%}
.index_6 .index_pj ul li i { font-size:12px; color:#FFD105}
.index_6 .index_pj ul li img { float:left; margin-right:15px}
.index_6 .index_pj ul li i.fa-quote-left { font-size:24px; color:#aaa}
.index_6 .index_pj ul li h3 { font-size:12px; line-height:20px; color:#888; height:80px; padding-right:100px; padding-top:10px}
.index_6 .index_pj ul li h4 { font-size:12px; color:#888; line-height:20px}
.index_6 .index_pj ul li h4 b { display:block; color:#333; font-size:14px}


@media all and (max-width:1200px){
.index_6 { width:720px}
.index_6 .index_pj { width:720px; overflow:hidden}
.index_6 .index_pj ul li { width:50%}
}
@media all and (max-width:720px){
.index_6 { width:90%; margin:0 auto; overflow:hidden}
.index_6 .index_pj { width:100%;}
.index_6 .index_pj ul li { width:100%}
}







.index_lj { height:64px; background:#404040}
.index_lj h2 { font-size:24px; line-height:64px; color:#fff; font-weight:normal}
.index_lj font { font-size:16px; color:#ccc}

.footer { background:#000008; overflow:hidden}
.footer .foot_l { float:left; width:371px; height:120px; background:url(../images/index_png2.png)}
.footer .foot_l img { display:block; margin:0 auto; margin-top:50px}
.footer .foot_r { float:right; width:750px}
.footer .foot_r h3 { color:#666; padding-top:15px; padding-bottom:10px; border-bottom:1px #333 solid}
.footer .foot_r h3 a { color:#fff; padding:0 12px}
.footer .foot_r h4 { padding-top:10px; color:#fff; font-size:12px; color:#ccc}
.footer a { color:#fff;}

@media all and (max-width:1200px){
.footer .foot_l { display:none}
.footer .foot_r { float:none; width:720px}
}
@media all and (max-width:720px){
.footer .foot_r { width:auto; text-align:center}

}


.banner_s { height:260px; background:url(../images/banner_s.jpg) center no-repeat; position:relative; margin-top:128px}
.banner_s h2 { font-size:30px; color:#fff; text-align:center; line-height:260px; background:url(../images/bg2.png)}
.banner_s h3 { font-size:16px; color:#ccc; position:absolute; top:50%; left:0; width:100%; text-align:center; margin-top:20px}

@media all and (max-width:1200px){
.banner_s { height:200px; background-size:auto 100%}
.banner_s h2 { font-size:24px; line-height:200px;}
}
@media all and (max-width:720px){
.banner_s { height:130px; margin-top:56px;}
.banner_s h2 { font-size:18px; line-height:130px;}
.banner_s h3 { font-size:12px; margin-top:10px}
}


.content { background:url(../images/banner_x.jpg) top no-repeat}
.content .lm_fl { padding-top:50px; height:50px; text-align:center}
.content .lm_fl ul li { display:inline; padding:10px 50px; border:1px #ddd solid}
.content .lm_fl ul li.lm_at { background:#192D67}
.content .lm_fl ul li.lm_at a { color:#fff}

@media all and (max-width:1200px){
.content .lm_fl { padding-top:40px; height:40px;}
.content .lm_fl ul li { padding:8px 40px;}

}
@media all and (max-width:720px){
.content .lm_fl { padding-top:40px; height:40px;}
.content .lm_fl ul li { padding:5px 10px; font-size:12px}

}


.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:#192D67; 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_list { width:1160px; margin:0 auto}
.news_list ul li { padding:30px 0; border-bottom:1px #ddd dashed; overflow:hidden}
.news_list ul li img { display:block; float:left; margin-right:25px; height:210px; width:367px}
.news_list ul li h3 { font-size:24px; line-height:60px}
.news_list ul li h4 { color:#888; line-height:20px; height:118px}
.news_list ul li h5 a {  background:#1C2B49; color:#fff; padding:10px 30px}
.news_list ul li h5 a:hover { background:#00155E}

@media all and (max-width:1200px){
.news_list { width:720px;}
.news_list ul li { padding:25px 0;}
.news_list ul li h3 { font-size:18px; line-height:30px; padding-bottom:10px }

}
@media all and (max-width:720px){
.news_list { width:90%;}
.news_list ul li img { height:70px; width:auto; margin-bottom:5px}
.news_list ul li h3 { font-size:16px; line-height:24px; padding-top:5px; }
.news_list ul li h4 { clear:both}
.news_list ul li h5 { text-align:center; clear:both}
}


.news_title { width:1160px; margin:0 auto; border-bottom:1px #ddd dashed; padding-bottom:20px; padding-top:30px}
.news_title h1 { text-align:center; font-size:24px; font-weight:normal; line-height:30px}
.news_title h3 { text-align:center; color:#888; font-size:14px;}

.news_cn { width:1160px; margin:0 auto; padding:30px 0; font-size:16px; line-height:32px}
.news_cn img { max-width:100%; height:auto}

.news_sx { padding:10px 0 50px 0; width:1160px; margin:0 auto; border-top:1px #ddd dashed}

@media all and (max-width:1200px){
.news_title { width:720px;}
.news_title h1 { font-size:18px;}

.news_cn { width:720px;}
.news_sx { width:720px;}

}
@media all and (max-width:720px){
.news_title { width:90%; padding-top:10px}
.news_title h3 { font-size:12px;}

.news_cn { width:90%;}
.news_sx { width:90%;}
}


.fangan_list { width:1160px; margin:0 auto; overflow:hidden; padding:50px 0 30px 0}
.fangan_list ul { overflow:hidden; width:1180px; margin:0 auto}
.fangan_list ul li { float:left; width:590px; padding-bottom:30px; overflow:hidden}
.fangan_list ul li img { display:block; float:left; padding:11px 38px 17px 38px; background:url(../images/index_png1.png) top no-repeat; margin-right:10px}
.fangan_list ul li h3 { font-size:16px; color:#00155E; line-height:40px; padding-top:10px}
.fangan_list ul li h4 { font-size:12px; line-height:20px; color:#666; padding-right:20px}

@media all and (max-width:1200px){
.fangan_list { width:720px;}
.fangan_list ul { width:720px;}
.fangan_list ul li { width:360px; height:auto; padding-bottom:20px; text-align:center}
.fangan_list ul li img { float:none; margin:0 auto}
}
@media all and (max-width:720px){
.fangan_list { width:90%; padding:10px 0 10px 0}
.fangan_list ul { width:auto}
.fangan_list ul li { float:none; width:100%; height:auto; padding-bottom:20px; margin-bottom:10px; border-bottom:1px #ccc dashed; text-align:left}
.fangan_list ul li img { margin:10px; padding:6px 18px 10px 18px; background-size:100%; width:96px; height:60px; float:left}
.fangan_list ul li h3 {  line-height:30px;padding-right:0px}
.fangan_list ul li p { top:61px;}
.fangan_list ul li h4 { clear:both}

}


.contact_1 { width:1160px; margin:0 auto; padding-top:50px; overflow:hidden}
.contact_1 ul { width:1197px}
.contact_1 ul li { float:left; width:399px; height:282px}
.contact_1 ul li.con1 { background:url(../images/contact_pic1.jpg) left no-repeat}
.contact_1 ul li.con2 { background:url(../images/contact_pic2.jpg) left no-repeat}
.contact_1 ul li.con3 { background:url(../images/contact_pic3.jpg) left no-repeat}
.contact_1 ul li h3 { font-size:16px; width:362px; text-align:center; padding-top:110px; padding-bottom:5px}
.contact_1 ul li h5 { width:302px; padding:0 30px; text-align:center}
.contact_1 ul li img { display:block; margin:0 auto; padding-right:37px}

.contact_2 { width:1160px; margin:0 auto; padding:30px 0 50px 0}
.contact_2 img { display:block; max-width:100%; height:auto}


@media all and (max-width:1200px){
.contact_1 { width:720px; padding-top:40px}
.contact_1 ul { width:720px;}
.contact_1 ul li { width:360px; margin-bottom:15px}

.contact_2 { width:720px}
}
@media all and (max-width:720px){
.contact_1 { width:90%; padding-top:30px}
.contact_1 ul { width:100%;}
.contact_1 ul li { width:auto; float:none; height:auto; padding-bottom:30px}
.contact_1 ul li.con1 { background:url(../images/contact_pic1.jpg) top no-repeat}
.contact_1 ul li.con2 { background:url(../images/contact_pic2.jpg) top no-repeat}
.contact_1 ul li.con3 { background:url(../images/contact_pic3.jpg) top no-repeat}
.contact_1 ul li h3 { width:auto; text-align:center;}
.contact_1 ul li h5 { width:auto; text-align:center;}

.contact_1 ul li img { padding-right:0}

.contact_2 { width:90%;}

}



.huoban { width:1170px; padding:50px 0; margin:0 auto}
.huoban ul li { float:left; width:195px; margin-bottom:20px; height:180px; background:url(../images/hezuo_png1.png) top no-repeat}
.huoban ul li img { display:block; height:44px; width:auto; padding-top:68px; margin:0 auto}

@media all and (max-width:1200px){
.huoban { width:585px}
}
@media all and (max-width:720px){
.huoban { width:95%}
.huoban ul li { width:50%; height:auto; background-size:90% 100%; margin-bottom:15px}
.huoban ul li img { height:auto; width:70%; padding:50px 0}
}








.case_list { width:1200px; margin:0 auto; margin-top:30px}
.case_list ul li { margin:15px 0; width:400px; float:left; position:relative}
.case_list ul li img { display:block; width:380px; height:auto}
.case_list ul li h3 { display:none; position:absolute; left:0px; top:0px; width:380px; height:240px; background:url(../images/bg1.png)}
.case_list ul li h3 a { display:block; padding:30px; color:#fff; font-size:12px; line-height:24px}
.case_list ul li h3 b { display:block; font-size:16px; line-height:32px}
.case_list ul li h4 { font-weight:bold; text-align:center; padding-top:10px; width:380px}
.case_list ul li h4 a { font-size:14px; line-height:30px}
.case_list ul li a.img02 { display:block; position:absolute; left:0px; top:0px; overflow:hidden; width:380px; height:240px}
.case_list ul li a.img02 img { position:absolute; left:0px; top:0px}
.case_list ul li b { display:block; padding-bottom:10px; font-size:16px}

@media all and (max-width:1200px){
.case_list { width:585px;}
}
@media all and (max-width:720px){
.case_list { width:95%; margin-top:0}
.case_list ul li { margin:0; width:50%; padding-bottom:20px}
.case_list ul li img { width:90%; margin:0 auto}
.case_list ul li a.img02 { display:none}
.case_list ul li h4 { font-weight:normal; text-align:center; width:100%; padding-top:0; font-size:12px}
.case_list ul li h4 a { font-size:12px}
}



.about { padding:50px 0 0 0}
.about h2 { font-size:24px; text-align: center; font-weight:normal; background:url(../images/about_ico1.png) center no-repeat; line-height:30px; margin-bottom:30px}

.about .about_1 { width:1160px; margin:0 auto; padding-bottom:50px}
.about .about_1 img { display:block; float:right; margin-left:30px}
.about .about_1 h1 { font-size:18px; line-height:30px}
.about .about_1 h1 a { background:#5B7DFF; color:#fff; padding:2px 5px}
.about .about_1 .about_text { padding-top:10px; font-size:16px; line-height:30px}

.about .about_2 { height:187px; background:url(../images/about_pic2.jpg) top no-repeat; min-width:1160px; margin-bottom:50px; position:relative}
.about .about_2 a { display:block; position:absolute; left:0; width:100%; top:0; height:100%}

.about .about_3 { width:1160px; margin:0 auto; padding-bottom:50px}
.about .about_3 .bd ul li { float:left; width:25%}
.about .about_3 .bd ul li img { display:block; margin:0 auto; width:90%; height:auto; border:1px #ddd solid;}
.about .about_3 .bd ul li h3 { text-align:center; padding-top:5px}

.about .about_3 .hd { text-align:center; padding-top:15px}
.about .about_3 .hd ul li { display:inline; padding:0 5px; color:#aaa}
.about .about_3 .hd ul li.on { color:#155FB6}

@media all and (max-width:1200px){
.about .about_1 { width:720px;}
.about .about_2 { min-width:inherit; background-size:180% auto; margin-bottom:30px;}

.about .about_3 { overflow:hidden; width:720px; padding-bottom:40px}
.about .about_3 .bd ul li { width:33.3%}

}
@media all and (max-width:720px){
.about .about_1 { width:90%}
.about .about_1 img { float:none; margin:0px auto; max-width:60%; height:auto; padding-bottom:20px}

.about .about_3 { width:90%; padding-bottom:30px;}
.about .about_3 .bd ul li { width:50%}
}


.container { width:1000px; margin:0 auto}
.youshi { overflow:hidden; width:100%;}
.youshi .youshi00{ overflow:hidden; width:100%; height:272px; background:url(../images/youshi_01.jpg) no-repeat center top; font-size:30px; text-align:center; line-height:120px}
.youshi .youshi01{ overflow:hidden; width:100%; height:359px; background:url(../images/youshi_02.jpg) no-repeat center top;}
.youshi .youshi02{ overflow:hidden; width:100%; height:339px; background:url(../images/youshi_03.jpg) no-repeat center top;}
.youshi .youshi03{ overflow:hidden; width:100%; height:327px; background:url(../images/youshi_04.jpg) no-repeat center top;}
.youshi .youshi04{ overflow:hidden; width:100%; height:265px; background:url(../images/youshi_05.jpg) no-repeat center top;}
.youshi .wen{ overflow:hidden;}
.youshi h4{ font-size:22px; color:#252525; margin-top:15px;}
.youshi span{    margin-bottom: 48px; display:block; font-size:20px; color:#b2afaf; text-transform:uppercase; }
.youshi p{ background:url(../images/youshi_p.jpg) left 8px no-repeat ; padding-left:15px; width:470px; font-size:14px; color:#353535; line-height:18px; margin-bottom:15px;}
.youshi h4 b{ color:#be1f1f}
.youshi p b{ color:#204772;}
.youshi .youshi01 .wen{ margin-left:90px;}
.youshi .youshi02 .wen{ float:right; margin-top:15px;}
.youshi .youshi03 .wen{ margin-left:90px; margin-top:25px;}
.youshi .youshi04 .wen{ float:right; margin-right:-20px; margin-top:30px;}
.youshi .phone{ overflow:hidden; padding-left:45px; background:url(../images/youshi_phone.png) no-repeat left center; float:left; margin-left:180px; margin-top:115px;}
.youshi .phone em{ display:block; font-size:13px; color:#000;}
.youshi .phone h5{ font-size:22px; color:#093464;}

@media all and (max-width:720px){
.youshi .youshi00 { background:url(../images/youshi_01.jpg) no-repeat center center #f5f5f5; background-size:190% auto}
.container { width:auto}
.youshi .youshi01 { background:none}
.youshi .youshi02 { background:none}
.youshi .youshi03 { background:none}
.youshi .youshi04 { background:none}
.youshi .youshi01 .wen { margin-left:0px; width:90%; margin:0 auto}
.youshi .youshi02 .wen{ float:none; margin-top:15px; width:90%; margin:0 auto}
.youshi .youshi03 .wen{ margin-left:0px; margin-top:25px; width:90%; margin:0 auto;}
.youshi .youshi04 .wen{ float:none; margin-right:0px; width:90%; margin:0 auto;}
}




.service { width:1160px; margin:0 auto; padding:50px 0}
.service .service_l { float:left; width:230px; background:#f5f5f5}
.service .service_l h2 { background:#5B7DFF; line-height:60px; padding-left:25px; font-size:18px; font-weight:normal; color:#fff; margin-bottom:10px}
.service .service_l h2 font { font-size:12px; padding-left:10px}
.service .service_l h3 { background:#5B7DFF; line-height:20px; padding:15px 0 15px 25px; color:#fff; font-size:12px}
.service .service_l h3 i { float:left; width:34px; text-align:center; display:block; line-height:34px; margin-right:15px; border:1px #fff solid; border-radius:50%}
.service .service_l h3 b { font-size:18px; display:block; padding-right:20px}

.service .service_l ul { width:210px; margin:0 auto}
.service .service_l ul li { line-height:40px; height:40px; position:relative; margin-bottom:10px; position:relative}
.service .service_l ul li a { display:block; margin:0 auto; background:#f0f0f0; padding-left:15px}
.service .service_l ul li i { line-height:40px; display:block; position:absolute; top:0; right:15px}

.service .service_l ul li.on a { background:#5B7DFF}
.service .service_l ul li.on a { color:#fff}
.service .service_l ul li.on i { color:#fff}


.service .service_r { float:right; width:910px; background:#f5f5f5; padding-top:20px}
.service .service_r h2 { width:860px; margin:0 auto; border-bottom:1px #ddd dashed; padding-bottom:10px; font-weight:normal; font-size:16px; line-height:16px}
.service .service_r h2 a { color:#CD2F30; border-left:5px #CD2F30 solid; padding-left:15px}

.service .service_r .ser_list { width:860px; margin:0 auto; padding-top:20px}
.service .service_r .ser_list ul li { padding-bottom:20px; border-bottom:1px #ddd dashed; margin-bottom:20px; overflow:hidden}
.service .service_r .ser_list ul li img { display:block; float:left; margin-right:20px; height:195px; width:auto}
.service .service_r .ser_list ul li h3 { font-size:18px; font-weight:bold; line-height:40px; color:#5B7DFF}
.service .service_r .ser_list ul li h4 { color:#888; line-height:24px; height:100px}
.service .service_r .ser_list ul li h5 { float:right; background:#5B7DFF; color:#fff; padding:0 15px; line-height:32px}


.service .service_r .ser_ti { width:860px; margin:0 auto; padding-top:20px; border-bottom:1px #5B7DFF solid; height:32px; line-height:32px}
.service .service_r .ser_ti ul li { float:left; background:#f0f0f0; position:relative}
.service .service_r .ser_ti ul li a { display:block; padding:0 20px}
.service .service_r .ser_ti ul li.s_on a { background:#fff; border:1px #5B7DFF solid; border-bottom:0 none}

.service .service_r .ser_cn { width:860px; margin:0 auto; padding:20px 0}
.service .service_r .ser_cn .ser_text {}
.service .service_r .ser_cn img { max-width:100%; height:auto}


@media all and (max-width:1200px){
.service { width:720px; padding:40px 0;}
.service .service_l { width:200px;}
.service .service_l ul { width:180px;}

.service .service_r { width:500px;}
.service .service_r h2 { width:470px;}
.service .service_r .ser_list { width:470px;}
.service .service_r .ser_list ul li img { height:120px;}


.service .service_r .ser_ti { width:470px}
.service .service_r .ser_cn { width:470px}
}
@media all and (max-width:720px){
.service { width:95%; padding:30px 0}

.service .service_l { float:none; width:auto; overflow:hidden;}
.service .service_l h2 { display:none}
.service .service_l h3 { display:none}
.service .service_l ul { width:auto;}
.service .service_l ul li { float:left; width:33.3%}

.service .service_r { float:none; width:auto;}
.service .service_r h2 { width:90%;}
.service .service_r .ser_list { width:90%;}
.service .service_r .ser_list ul li h4 { height:auto}
.service .service_r .ser_list ul li h5 { float:none; margin:0 auto; width:100px; text-align:center; margin-top:10px}

.service .service_r .ser_ti { width:90%}
.service .service_r .ser_cn { width:90%}

.service .service_r .ser_ti { border-bottom:0 none; overflow:hidden;height:auto}
.service .service_r .ser_ti ul li a { border:1px #fff solid}
.service .service_r .ser_ti ul li.s_on a { border:1px #fff solid; border-bottom:1px #fff solid;}
}




.kefu { display:none}


@media all and (max-width:720px){
.kefu { display:block; position:fixed; bottom:0; left:0; width:100%; height:32px; line-height:32px; background:#333}
.kefu a { display:block; text-align: center; color:#fff}
}