@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;}
video{padding-left:10px}
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: 16px;}
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: #ff0000;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:1300px;margin:0 auto;}


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

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



.head {height:110px;margin:0 auto;position:relative;z-index:8888;background:#fff;}
.head .logo_s {float:left;width:600px;}
.head .logo_s img {display:block;width:100%;float:left;}
.head .dh {display:block;float:right;width:600px;}
.head .dh img {display:block;float:right;width:100%;padding-top:12px;}
.head .logo_s h3 { color:#666; font-size:20px; line-height:40px}
.head .logo_s .fa-circle { padding:0 5px; font-size:10px}
.head .logo_s .fa-phone { border-radius:50%; padding:2px 3px; margin-right:10px; border:1px #888 solid; font-size:20px}

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

.head h2 { color:#ddd; font-size:16px; line-height:30px; position:absolute; top:35px; left:50%; margin-left:-260px; display:none}
.head h2 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: 10px;padding:0 15px;font-size:16px;/* height:55px; *//* position:relative; */}
.head .nav ul li a:hover { color:#1E90C0}
.head .nav ul li.on a { color:#1E90C0}

.head .nav ul li h3 { position:absolute; left:0; width:150%; top:55px; background:#fff; display:none}
.head .nav ul li h3 a { display:block; line-height:32px; border-bottom:1px #ddd solid; padding-left:15px}
.head .nav ul li h3 a:hover { background:#f5f5f5}
.head .nav ul li.on h3 a { color:#343434}

.head.h_2 {display:none;position:fixed;left:0;top:0;width:100%;z-index:8100;/* height:70px; */border-bottom:1px #ddd solid;}
.head.h_2 .logo_s {float:left;/* width:600px; */}
.head.h_2 .logo_s img {width:100%;float:left;}
.head.h_2 .dh img {display:block;float:right;/* width:100%; */padding-top:5px;}
.head.h_2 .nav { padding-top:0}
.head.h_2 .nav ul li {line-height:20px;/* padding-top: 20px; */height:36px;}

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

@media all and (max-width:1300px){
.head .logo_s {padding-top: 15px;width: 45%;}
.head .dh {width:50%;padding-top: 10px;}
.head .nav ul li {/* padding: 0px 17px 0 7px; */font-size: 16px;margin-left:0;}
.head .nav {/* width: 100%; */padding-top:0px;}
.head h1 { margin-left:-120px;}
}
@media all and (max-width:720px){
.head {height:120px;}
.head .logo_s {width:100%;padding-top:10px;}
.head .logo_s img { height:70px; width:100%}
.head .dh {width:100%;padding-top: 0px;}

.head.h_2 { height:120px;}
.head.h_2 .logo_s {float:left;}
.head.h_2 .logo_s img {height:70px;width:100%;}

.head h1 { margin-left:auto; right:0; top:10px}

.head .head_r { display:block; line-height:54px; z-index:9200;}
.head .head_r i { font-size:18px; color:#1E90C0}
.head .head_yy { padding-right:50px; line-height:50px}
.head .head_yy h3 { right:50px; top:50px; background:#151515}

.head .nav { position:fixed; left:0; width:100%; top:54px; background:#fff; padding-top:0; display:none}
.head .nav ul { border-top:1px #ddd solid;}
.head .nav ul li { float:none; line-height:54px; border-bottom:1px #ddd solid; padding-top:0}
.head .nav ul li a { display:block}
.head .head_hy { display:none}
.head .logo_s h3 { font-size:12px; line-height:17px}
}


.banner { height:560px; overflow:hidden; position:relative; z-index:111}
.banner .bd { height:560px}
.banner .bd ul li { height:560px; position:relative}
.banner .bd ul li h1 { color:#fff; font-size:36px; line-height:60px; left:0; width:100%; top:50%; margin-top:-90px; position:absolute; font-weight:normal; text-align:center}
.banner .bd ul li h3 { color:#fff; font-size:16px; line-height:30px; left:30%; width:40%; top:50%; position:absolute; text-align:center}
.banner .bd ul li a { display:block; position:absolute; left:50%; width:128px; height:48px; background:#1E90C0; color:#fff; line-height:48px; margin-left:-64px; margin-top:80px; top:50%; text-align:center; font-size:16px}
.banner .bd ul li a:hover { background:#0D9A66}

.banner .hd { position:absolute; left:0; width:100%; bottom:20px; text-align:center; overflow:hidden}
.banner .hd ul li { display:inline; margin:0 10px; color:#fff; cursor:pointer}
.banner .hd ul li.on { color:#0D9A66}


@media all and (max-width:1300px) {
.banner { height:480px}
.banner .bd { height:480px}
.banner .bd ul li { height:480px}
.banner .bd ul li a { display:block; height:480px}

.banner .bd ul li h1 { font-size:36px; line-height:40px; margin-left:-360px; margin-top:-40px;}
.banner .bd ul li h3 { font-size:18px; line-height:30px; margin-left:-360px; margin-top:30px;}
}
@media all and (max-width:720px) {
.banner { height:300px}
.banner .bd { height:300px}
.banner .bd ul li { height:300px}
.banner .bd ul li a { display:block; height:300px}

.banner .bd ul li h1 { font-size:24px; line-height:30px; margin-left:0px; left:5%; margin-top:-30px;}
.banner .bd ul li h3 { font-size:14px; line-height:20px; margin-left:0px; left:5%; margin-top:20px;}
}
@media all and (max-width:480px) {
.banner { height:200px}
.banner .bd { height:200px}
.banner .bd ul li { height:200px}
.banner .bd ul li a { display:block; height:200px}
}

.example-animation {position:relative;z-index:222;}
.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:left; font-size:24px; line-height:40px; left:50%; margin-left:-500px; width:1000px; top:50%; margin-top:-60px; position:absolute; font-weight:normal}
.example-animation h3 { color:#fff; text-align:left; font-size:16px; line-height:30px; left:50%; width:1000px; margin-left:-500px; top:50%; position:absolute}
.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:1300px) {
.example-animation h1 { margin-left:-360px; width:720px}
.example-animation h3 { margin-left:-360px; width:720px}
}
@media all and (max-width:720px) {
.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}




.index_1 { padding:70px 0;  position:relative; overflow:hidden}
.index_1 .w100 {width:1200px; margin:0 auto;}

.index_1 .index_ab {float:left;width: 45%;padding-right: 20px;}
.index_1 .index_ab h2 { font-size:24px; color:#333; line-height:46px; font-weight:normal;}
.index_1 .index_ab .lm_bg { line-height:30px; font-size:16px; color:#888}
.index_1 .index_ab .i_abcn { font-size:16px; padding-top:20px; color:#666; line-height:28px; padding-bottom:30px; height:260px}
.index_1 .index_ab h3 { width:150px; height:48px; line-height:48px; margin:0 auto}
.index_1 .index_ab h3 a { display:block; background:#1E90C0; display:block; text-align:center; color:#fff}
.index_1 .index_ab h3 a:hover { background:#177299}


.index_1 .index_sp {float:left;width: 45%;/* height:468px; */padding-right:20px;}

@media all and (max-width:1200px){
.index_1 { padding:0 0 10px 0}
.index_1 .w100 { width:720px; margin:0 auto}
.index_1 .index_ab h2 { text-align:center}
.index_1 .index_ab .lm_bg { text-align:center}
.index_1 .index_ab { width:auto; float:none;}
.index_1 .index_ab h3 { margin:0 auto 30px auto}
.index_1 .index_ab .i_abcn { height:auto}

.index_1 .index_sp { top:auto; bottom:40px; margin-right:-400px}
}

@media all and (max-width:735px){
.index_1 { padding:30px 0}
.index_1 .w100 { width:90%;}
.index_1 .index_sp { display:none}

.index_1 .index_ab .i_abcn { height:auto}
}


.index_2 { background:#212B2B; padding:60px 0; height:682px}
.index_2 h2 { font-size:30px; line-height:30px; padding-bottom:40px; text-align:center; font-weight:normal; color:#fff}
.index_2 ul { width:1170px; margin:0 auto}
.index_2 ul li { float:left; width:50%; padding:60px 0; color:#fff; display:none}
.index_2 ul li.bg1 { background:#293535}
.index_2 ul li.bg2 { background:#202C2C}
.index_2 ul li.bg3 { background:#1C2727}
.index_2 ul li.bg4 { background:#162121}
.index_2 ul li h3 { padding:0 80px 0 150px; font-size:24px; color:#1E90C0; position:relative}
.index_2 ul li h3 i { position:absolute; left:100px; font-size:30px}
.index_2 ul li h4 { padding:20px 80px 0 150px; height:140px}

.index_2.cn { background:#fff}
.index_2.cn ul li { display:block}

@media all and (max-width:1200px){
.index_2 { padding:50px 0; height:762px;}
.index_2 ul { width:720px}
.index_2 ul li { padding:50px 0;}
.index_2 ul li h3 { padding:0 30px 0 80px}
.index_2 ul li h3 i { left:40px; font-size:24px}
.index_2 ul li h4 { padding:20px 30px 0 80px; height:140px; line-height:24px; height:192px}
}
@media all and (max-width:720px){
.index_2 { padding:40px 0; height:auto;}
.index_2 ul { width:90%}
.index_2 ul li { float:none; width:auto}
.index_2 ul li h4 { height:auto}
}



.index_3 { padding:60px 0;}
.index_3 h2 { font-size:30px; line-height:30px; padding-bottom:20px; text-align:center; font-weight:normal}
.index_3 .sm { color:#888; padding-bottom:40px; text-align:center}

.index_3 ul { width:1160px; margin:0 auto}
.index_3 ul li { float:left; width:290px; margin-top:30px; opacity:0}
.index_3 ul li img { display:block; margin:0 auto; width:280px; height:auto}
.index_3 ul li h3 { font-size:24px; text-align:center; padding-top:10px; line-height:40px}
.index_3 ul li h5 { font-size:14px; color:#1E90C0; text-align:center; padding-bottom:10px}
.index_3 ul li h4 { width:270px; margin:0 auto; height:130px}

.index_3.cn ul li { opacity:1}


@media all and (max-width:1200px){
.index_3 { padding:50px 0 30px 0}
.index_3 ul { width:720px}
.index_3 ul li { width:360px; padding-bottom:30px}
}
@media all and (max-width:720px){
.index_3 { padding:40px 0; height:auto;}
.index_3 ul { width:90%; margin:0 auto; overflow:hidden}
.index_3 ul li { float:none; margin:0 auto; width:auto}
.index_3 ul li h4 { width:auto; margin:0 auto; height:auto}
}


.lanmu_lb { height:60px; padding-top:40px; text-align:center}
.lanmu_lb ul li { display:inline; padding:0 5px}
.lanmu_lb ul li a { border:1px #ddd solid; padding:4px 20px}
.lanmu_lb ul li.on a { border:1px #333 solid; background:#333; color:#fff}

@media all and (max-width:720px){
.lanmu_lb { padding:20px 0; height:auto; overflow:hidden;}
.lanmu_lb ul li { display:block; float:left; width:33.3%; padding:0}
.lanmu_lb ul li a { display:block; padding:0; border:0 none; text-align:left; padding-left:20px; border-bottom:1px #ddd solid; line-height:30px}
.lanmu_lb ul li.on a { border:0 none; background:#333; color:#fff; border-bottom:1px #ddd solid}
}
@media all and (max-width:480px){
.lanmu_lb ul li { width:50%}
}

.index_4 { background:#f5f5f5; padding:30px 0}
.index_4 h2 { font-size:30px; line-height:30px; padding-bottom:20px; text-align:center; font-weight:normal}
.index_4 ul { width:1200px; margin:0 auto; opacity:0; margin-top:30px}
.index_4 ul li { margin:5px 0; width:300px; float:left; position:relative}
.index_4 ul li i { position:absolute; border:1px #fff solid; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; border-radius:50%; top:50px; left:120px; display:none; font-size:24px}
.index_4 ul li img { display:block; width:290px;}
.index_4 ul li h3 { font-size:14px; padding-top:10px; font-weight:bold; padding-right:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.index_4 ul li h4 { color:#888; padding-right:10px; height:60px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:20px; color:#888;}
.index_4 ul li h4 a { color:#888;}

.index_4 ul li a.img02 { display:block; position:absolute; left:0px; top:0px; overflow:hidden; width:290px; height:165px}
.index_4 ul li a.img02 img { position:absolute}
.index_4 ul li b { display:block; padding-bottom:10px; font-size:16px}

.index_4.cn ul { opacity:1}

.index_4 .more a { display:block; width:108px; margin:10px auto; height:38px; background:#1E90C0; color:#fff; line-height:38px; text-align:center; font-size:16px}
.index_4 .more a:hover { background:#177299}


@media all and (max-width:1200px){
.index_4 { padding:50px 0 30px 0}
.index_4 ul { width:720px}
.index_4 ul li { width:360px;}
.index_4 ul li img { width:354px; height:auto}
.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:354px;}
}
@media all and (max-width:720px){
.index_4 { padding:40px 0; height:auto;}
.index_4 ul { width:90%; margin:0 auto; overflow:hidden}
.index_4 ul li { width:auto; float:none;}
.index_4 ul li img { width:100%;}
.index_4 ul li h3 { left:0px; top:0px; width:100%}
.index_4 ul li h4 { left:0px; width:100%}
.index_4 ul li a.img02 { width:100%;}

}

.index_5 { padding:60px 0; margin:0 auto; background:#f5f5f5}
.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:600px; position:relative; height:170px}

.index_5 .ial_li h4 { font-size:12px; color:#888; padding-left:20px}
.index_5 .ial_li h3 { font-size:16px; font-weight:bold; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px 10px 20px}
.index_5 .ial_li h5 { font-size:14px; line-height:20px; padding:15px 20px; height:40px}
.index_5 .ial_li p { height:2px; width:560px; 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;}
}

.index_6 { background:#f5f5f5; padding:60px 0}
.index_6 .w100 { width:100%}
.index_6 h2 { font-size:30px; line-height:30px; padding-bottom:40px; text-align:center; font-weight:normal}
.index_6 img { display:block; float:left;}
.index_6 #map { display:block; float:left; width:598px; height:430px}
.index_6 .index_ly { background:#1E90C0; height:430px; width:562px; float:right}
.index_6 .index_ly ul { width:480px; padding-top:30px; margin:0 auto}
.index_6 .index_ly ul li { padding-bottom:12px}
.index_6 .index_ly ul li .inp_1 { padding:0 10px; width:96%; background:#fff; border:1px #ddd solid; line-height:34px; height:34px;}
.index_6 .index_ly ul li .inp_3 { padding:10px; width:96%; background:#fff; border:1px #ddd solid; height:90px; display:block}
.index_6 .index_ly ul li .inp_2 { background:#135A79; text-align:center; color:#fff; border:2px #609EE9 solid; cursor:pointer; float:right; width:98px; height:36px; line-height:30px; margin-top:5px}

.index_6.cn .w100 { width:1170px}


@media all and (max-width:1200px){
.index_6 { padding:50px 0 30px 0;}
.index_6 img { display:block; float:none; width:662px; margin:0 auto;}
.index_6 #map { float:none; width:662px; height:350px}
.index_6 .index_ly { float:none; margin:0 auto}

.index_6.cn .w100 { width:720px}
}
@media all and (max-width:720px){
.index_6 { padding:40px 0 20px 0;}
.index_6 img { max-width:100%; height:auto}
.index_6 #map { width:100%; height:350px}
.index_6 .index_ly { float:none; margin:0 auto; width:100%}
.index_6 .index_ly ul { width:90%;}

.index_6.cn .w100 { width:90%}
}


.index_7 {padding:1px 0;margin:0 auto;position:relative;}
.index_7 h2 { font-size:18px; font-weight:normal; line-height:30px; margin-bottom:10px}
.index_7 h2 font { font-size:16px; color:#888; padding-left:10px}

.index_7 .bd {margin:0 auto;position:relative;height:60px;}
.index_7 .bd ul li {float:left;padding-right:10px;/* width:138px; */line-height:30px;}
.index_7 .bd ul li img { width:120px; height:auto}
.index_7 .bd a.prev { display:block; position:absolute; left:-48px; top:50%; line-height:30px; margin-top:-15px; cursor:pointer}
.index_7 .bd a.next { display:block; position:absolute; right:-48px; top:50%; line-height:30px; margin-top:-15px; cursor:pointer}

@media all and (max-width:1200px){
.index_7 { padding:50px 0;}
}
@media all and (max-width:720px){
.index_7 { padding:40px 0; display:none} 
}

.footer { width:100%; background:#333; padding:30px 0; position:relative; z-index:7777}
.footer .fot_1 { float:left; color:#727171; width:33%; position:relative}
.footer .fot_1 img { height:80px; width:95%}
.footer .fot_1 img.erweima { position:absolute; height:80px; right:160px; top:5px}
.footer .fot_1 h3 {color:#fff;padding-top:10px; padding-bottom:10px}
.footer .fot_1 h4 { padding-top:10px;}
.footer .fot_1 h3 a { color:#ffffff;}

.footer .fot_2 { float:left; width:45%}
.footer .fot_2 h2 { font-size:14px; color:#fff; padding-bottom:10px}
.footer .fot_2 h2 a{ font-size:18px; color:#fff;}
.footer .fot_2 h2 a:hover{ font-size:18px; color:#f00;}
.footer .fot_2 li { line-height:32px;width:25%; float:left;}
.footer .fot_2 li a { color:#bee4ff; padding-left:15px; background:url(/Images/ico_8.jpg) left no-repeat; display:block}
.footer .fot_2 li a:hover { color:#f33}

.footer .fot_3 { float:left; width:10%}
.footer .fot_3 li { font-size:14px; color:#fff; padding-bottom:10px}
.footer .fot_3 li a{ font-size:18px; color:#fff;}
.footer .fot_3 li a:hover{ font-size:18px; color:#f00;}
.footer .fot_3 h3 { line-height:32px}
.footer .fot_3 h3 a { color:#ffffff; padding-left:15px; background:url(/Images/ico_8.jpg) left no-repeat; display:block}
.footer .fot_3 h3 a:hover { color:#fff}

.footer .fot_4 { float:left; width:10%}
.footer .fot_4 img {width:100%}
.footer .fot_4 h3 { line-height:32px}
.footer .fot_4 h3 a { color:#727171; padding-left:15px; background:url(/Images/ico_8.jpg) left no-repeat; display:block; width:80px; float:left}
.footer .fot_4 h3 a:hover { color:#fff}

@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}
}




.head_banner { height:300px; background:url(/Images/top_bg.jpg) center; background-size:100% auto; position:relative}
.head_banner h2 { position:absolute; left:0; width:100%; text-align:center; font-size:36px; line-height:40px; top:50%; margin-top:-18px; color:#fff}

.bat { position:relative}
.bat h1 { position:absolute; background:#177AB4; border:1px #fff solid; width:208px; height:50px; color:#fff; line-height:50px; text-align:center; font-size:22px; top:50%; margin-top:-60px; left:50%; margin-left:-104px; display:none}
.bat h3 { position:absolute;  width:100%; color:#fff; line-height:40px; text-align:center; font-size:18px; top:50%; left:0; margin-top:-20px}



.banner_about { height:380px; background:url(/Images/banner_about.jpg) top no-repeat; background-size:auto 100%}
.banner_case { height:380px; background:url(/Images/banner_case.jpg) top no-repeat; background-size:auto 100%}
.banner_contact { height:380px; background:url(/Images/banner_contact.jpg) top no-repeat; background-size:auto 100%}
.banner_news { height:380px; background:url(/Images/banner_news.jpg) top no-repeat; background-size:auto 100%}
.banner_product { height:380px; background:url(/Images/banner_product.jpg) top no-repeat; background-size:auto 100%}
.banner_team { height:380px; background:url(/Images/banner_team.jpg) top no-repeat; background-size:auto 100%}


@media all and (max-width:720px){
.banner_about { height:200px}
.banner_case { height:200px}
.banner_contact { height:200px}
.banner_news { height:200px}
.banner_product { height:200px}
.banner_team { height:200px}
}




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



.content { width:1170px; margin:0 auto; padding:50px 0}
.content .con_title { padding-bottom:15px; border-bottom:1px #ddd solid; color:#aaa}
.content .con_title h1 { font-size:18px; line-height:30px; padding-bottom:10px; font-weight:normal; color:#333;}


.content .con_text { padding:30px 0; font-size:14px; line-height:28px; border-bottom:1px #ddd solid}
.content .con_text img { max-width:100%; height:auto !important; width:auto !important}

.content .con_sx { padding-top:10px; color:#888; font-size:12px; margin-top:20px}


@media all and (max-width:1200px){
.content { width:720px; padding:40px 0}
}
@media all and (max-width:720px){
.content { width:90%; padding:30px 0}
}











.about { width:1200px; margin:0 auto; margin-top:50px; padding-bottom:50px}
.about .about_left { float:left; width:180px}
.about .about_left h2 { height:60px; line-height:30px; font-size:30px}
.about .about_left h2 font { font-weight:bold; font-size:24px; color:#B50100; text-transform:uppercase; padding-left:10px}

.about .about_left ul { background:#F6F6F6; border-left:2px #000 solid}
.about .about_left ul li { line-height:40px; font-size:16px; padding-bottom:6px}
.about .about_left ul li a { display:block; padding-left:25px}
.about .about_left ul li.about_on a { border-left:2px #000 solid; background:#fff}

@media all and (max-width:1200px) {
.about { width:720px;}
.about .about_left { float:left; width:240px}
}
@media all and (max-width:720px) {
.about { width:90%; margin-top:80px}
.about .about_left { float:none; width:auto}
.about .about_left ul { margin:0; overflow:hidden}
.about .about_left ul li { line-height:32px; padding:0; font-size:14px; float:left; width:33.3%; border-bottom:2px #fff solid}
.about .about_left ul li a { padding-left:15px}
}

.about .about_right { float:right; width:960px}

.about .about_right .about_text { padding-top:30px; font-size:14px; line-height:28px}
.about .about_right .about_text p { padding-bottom:15px}
.about .about_right .about_text img { max-width:100%; height:auto}

@media all and (max-width:1200px) {
.about .about_right { width:460px}
}
@media all and (max-width:720px) {
.about .about_right { width:auto; float:none}
}


.about_dsj { padding-top:45px; position:relative; width:100%; padding-bottom:100px}
.about_dsj h1 { top:5px; left:138px; background:url(/Images/about_dsj1.png) left no-repeat; padding-left:65px; line-height:40px; font-size:20px; position:absolute; font-weight:normal; color:#333}
.about_dsj ul li { padding-left:150px; position:relative; min-height:52px; z-index:333}
.about_dsj ul li.main { z-index:444}
.about_dsj ul li h3 { font-size:20px; width:130px; text-align:right; position:absolute; left:0; top:10px}
.about_dsj ul li h3 i { font-size:12px}
.about_dsj ul li h4 { z-index:55; padding-left:35px; background:url(/Images/about_dsj2.png) left no-repeat; text-align:left; height:52px; line-height:52px; position:relative}
.about_dsj ul li h4.h4at { z-index:56;}
.about_dsj ul li h4 font { color:#888; display:block; float:left; height:42px; line-height:42px; margin-top:6px; padding:0 30px 0 10px; font-size:16px}
.about_dsj ul li h4:hover font { background:url(/Images/about_dsj3.jpg) right no-repeat #E70012; color:#fff}
.about_dsj ul li h4 img { position:absolute; right:50px; top:0; border:1px #E70012 solid; display:none; height:260px; width:auto}
.about_dsj ul li h4:hover img { display:block}


@media all and (max-width:1200px) {
.about_dsj h1 { left:38px}
.about_dsj ul li { padding-left:50px;}
.about_dsj ul li h4 { height:auto; padding:10px 0 10px 35px; line-height:32px}
.about_dsj ul li h4 img { right:0}
}

@media all and (max-width:720px) {
.about_dsj h1 { line-height:30px; font-size:18px; left:10%; background-size:auto 100%; padding-left:45px}
.about_dsj ul li { padding-left:0}
.about_dsj ul li h3 { font-size:18px; position:relative; left:auto; top:auto; font-size:18px;}
.about_dsj ul li h4 { padding-left:10px; background:none; line-height:24px; height:auto}
.about_dsj ul li h4 img { display:block; margin:0 auto; position:relative; right:auto; top:auto}
.about_dsj ul li h4 font { font-size:14px; line-height:24px; margin-top:11px; float:none; height:auto; line-height:24px; text-align:center; padding-bottom:5px}
.about_dsj ul li h4:hover font { background:#E70012; color:#fff}
}



.service { position:relative; min-width:1200px;}
.service .ser_bg { position:absolute; left:0; top:0; width:100%; height:499px; background:url(/Images/service.jpg) top; z-index:12}
.service h1 { height:150px; background:url(/Images/ser_bg.png); position:relative; z-index:333}
.service h1 a { display:block; width:1200px; margin:0 auto; line-height:150px; font-size:36px; color:#fff}
.service .ser_text { width:1200px; margin:0 auto; padding:60px 0; font-size:18px; line-height:34px}



.service2{ position:relative; min-width:1200px;border-top: 25px #AB1B1B solid;}
.service2 .ser2{ position:relative;width:1600px; margin:0px auto;}





.linkbox { max-width:1200px; width:90%; margin:0 auto; border:1px #ddd solid; margin-top:15px; padding-bottom:20px}
.linkbox h3 { font-size:16px; line-height:50px; width:95%; margin:0 auto; border-bottom:1px #ddd dashed; margin-bottom:10px}
.linkbox ul { width:95%; margin:0 auto; overflow:hidden}
.linkbox ul li { float:left; width:20%; line-height:30px}










.nindex_3 {}
.nindex_3 .w100 {/* height:550px; */padding-top:20px;}
.nindex_3 .n3_t { padding-top:20px; text-align:center; height:115px}
.nindex_3 .n3_hd { float:left; width:15%}
.nindex_3 .n3_hd h2 { font-size:24px; line-height:30px; padding-bottom:15px; border-bottom:1px #888 solid; margin-bottom:20px; font-weight: normal; color:#333}
.nindex_3 .n3_hd ul li { font-size:16px; height:50px; line-height:22px}
.nindex_3 .n3_hd ul li i { float:left; width:22px; height:22px; margin-right:10px; background:url(/Images/index_icos1.png)}
.nindex_3 .n3_hd ul li i.i1 { background-position:0 0}
.nindex_3 .n3_hd ul li i.i2 { background-position:0 -50px}
.nindex_3 .n3_hd ul li i.i3 { background-position:0 -100px}
.nindex_3 .n3_hd ul li i.i4 { background-position:0 -150px}
.nindex_3 .n3_hd ul li i.i5 { background-position:0 -200px}
.nindex_3 .n3_hd ul li i.i6 { background-position:0 -250px}
.nindex_3 .n3_hd ul li i.i7 { background-position:0 -300px}
.nindex_3 .n3_hd ul li i.i8 { background-position:0 -350px}
.nindex_3 .n3_hd ul li i.i9 { background-position:0 -400px}
.nindex_3 .n3_hd ul li i.i10 { background-position:0 -450px}
.nindex_3 .n3_hd ul li i.i11 { background-position:0 -500px}
.nindex_3 .n3_hd ul li.on a { color:#DE0000}
.nindex_3 .n3_hd ul li.on i.i1 { background-position:-30px 0}
.nindex_3 .n3_hd ul li.on i.i2 { background-position:-30px -50px}
.nindex_3 .n3_hd ul li.on i.i3 { background-position:-30px -100px}
.nindex_3 .n3_hd ul li.on i.i4 { background-position:-30px -150px}
.nindex_3 .n3_hd ul li.on i.i5 { background-position:-30px -200px}
.nindex_3 .n3_hd ul li.on i.i6 { background-position:-30px -250px}
.nindex_3 .n3_hd ul li.on i.i7 { background-position:-30px -300px}
.nindex_3 .n3_hd ul li.on i.i8 { background-position:-30px -350px}
.nindex_3 .n3_hd ul li.on i.i9 { background-position:-30px -400px}
.nindex_3 .n3_hd ul li.on i.i10 { background-position:-30px -450px}
.nindex_3 .n3_hd ul li.on i.i11 { background-position:-30px -500px}

.nindex_3 .n3_bd { float:right; width:85%}
.nindex_3 .n3_bd ul li { position:relative; float:left; width:33%; padding-bottom:10px; overflow:hidden}
.nindex_3 .n3_bd ul li img { display:block; margin:0 auto; width:95%; height:188px}
.nindex_3 .n3_bd ul li h4 { position:absolute; right:30px; bottom:30px; background:#71A5D4; width:74px; height:24px; line-height:24px; text-align:center}
.nindex_3 .n3_bd ul li h4 a { display:block; margin:0 auto; color:#fff}
.nindex_3 .n3_bd ul li h2 { padding-top:10px; line-height:30px; font-size:14px; text-align:center; font-weight:normal}
.nindex_3 .n3_bd ul li h3 { width:380px; margin:0 auto; font-size:14px; color:#888; height:20px; text-align:center}



@media all and (max-width:720px){
.nindex_3 {height:auto;background-size:100% 100%;/* padding-bottom:50px; */overflow:hidden;/* min-height:800px; */}
.nindex_3 .w100 {width:95%;/* height:700px */}
.nindex_3 .n3_t { padding-top:40px; text-align:center; height:85px}
.nindex_3 .n3_hd { height:auto; padding-bottom:15px; overflow:hidden; float:none; width:100%;}
.nindex_3 .n3_hd ul li { display:block; float:left; width:33.3%; height:36px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.nindex_3 .n3_bd { width:100%; margin:0 auto;}
.nindex_3 .n3_bd ul li { width:50%}
.nindex_3 .n3_bd ul li img { display:block; width:auto; height:120px; max-width:98%}
.nindex_3 .n3_bd ul li h1 { width:90%; text-align:center; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nindex_3 .n3_bd ul li h3 { width:90%; text-align:center}
.nindex_3 .n3_bd ul li h4 { display:none}


}



.news_cn { width:1200px; margin:0 auto; padding:50px 0;}
.news_cn .news_text { float:right; width:950px; font-size:14px; line-height:26px}
.news_cn .news_text .video{text-align:center;}
.news_cn .news_text img { max-width:100%; height:auto}
.news_cn .news_text p {/* padding-bottom:15px */ font-size:16px; }
.news_cn .news_text h1 { font-size:18px; padding-bottom:5px;text-align:center;}
.news_cn .news_text h3 { font-size:12px; color:#888; padding-bottom:10px;text-align:center;}
.news_cn .news_text .sx { overflow:hidden; margin-top:10px; padding-top:10px; border-top:1px #ddd solid; color:#888}


.news_cn .news_title { float:left; width:20%; overflow:hidden; background:#fff; padding-bottom:20px}
.news_cn .news_title h2 { font-size:18px; border-color: white; border-width: 1px;}
.news_cn .news_title h3 { font-size:18px; color:#000; padding-bottom:10px;padding-top:5px;text-align:center;}
.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 .dh {width:100%;}
.news_cn .news_title ul { width:95%}
.news_cn .news_title .dh ul li{width:95%;font-size:16px;height:30px;line-height:30px;border-color: white;background:#0597fe;border-style: solid;border-width: 1px;text-align:center;}
.news_cn .news_title .dh ul li a{color: #ffffff;font-weight:bold;}
.news_cn .news_title .dh ul li a:hover{color: #ff9707;}
.news_cn .news_title .tj {}
.news_cn .news_title .tj ul li { float:left; width:100%; font-size:14px; height:160px; padding-right:10px; line-height:20px}
.news_cn .news_title .tj ul li img { width:100%; height:120px; display:block; padding-bottom:10px}
.news_cn .news_title .tj ul li a:hover{color: red;}
.news_cn .news_title.mm {/* position:fixed; *//* right:50%; *//* margin-right:-600px; *//* top:80px; */}

.news_cn .news_lie {float:right;width:80%}
.news_cn .news_lie ul {width:100%}
.news_cn .news_lie ul li {margin:5px 0; width:33%; float:left; position:relative}
.news_cn .news_lie ul li .text{text-align:center;}
.news_cn .news_lie ul li img { display:block; width:98%;}

.news_cn .news_news{float:left;width:80%}
.news_cn .news_news ul {width:100%}
.news_cn .news_news li {float:left;width:100%;position:relative;padding-top:10px}
.news_cn .news_news li img{float:left;width:20%;position:relative;}
.news_cn .news_news li h4 {font-size: 16px;color:#888;float:right;}
.news_cn .news_news li .bt {font-size:16px;font-weight:bold;float:left;width:72%;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0 5px 30px;}
.news_cn .news_news li .bt:hover{font-size:18px}
.news_cn .news_news li .nr {font-size:14px;/* line-height:20px; */width: 72%;overflow:hidden;padding:10px 10px 5px 30px;/* height:40px; */}
.news_cn .news_news li .nr:hover{color:red;font-size:16px;}
.news_cn .news_news li p { height:2px; width:75%; margin:0 auto; overflow:hidden; position:relative; background:#efefef}
.news_cn .news_news li p span { display:block; position:absolute; left:0; top:0; width:3%; height:100%; background:#3c3c3c}

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

@media all and (max-width:1200px){
.news_cn { width:95%; padding:40px 0;}
.news_cn .news_text { width:80%}
}
@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}
}


.index_5s { padding:60px 0; background:#f5f5f5; margin:0 auto}
.index_5s h2 { font-size:24px; line-height:30px; padding-bottom:20px; font-weight:normal; color:#333}
.index_5s .ial_li {float:left;width: 30%;position:relative;}

.index_5s .ial_li h3 { width:350px; font-size:18px; font-weight:bold; line-height:30px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #777 dashed; padding-right:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom:10px}
.index_5s .ial_li img { display:block; width:124px; height:84px; float:left; margin-right:20px}
.index_5s .ial_li h4 {font-size:12px;line-height:20px;padding-right:30px;color: #000;}
.index_5s .ial_li h4 a { display:block; font-size:14px; padding-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:red;font-weight:bold;}
.index_5s .ial_li h4 a:hover {font-size:16px;}
.index_5s .ial_li h5 { font-size:12px; line-height:20px; padding-right:30px; color:#888; padding-bottom:15px}
.index_5s .ial_li ul { width:360px;}
.index_5s .ial_li ul li { line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px #aaa dashed}
.index_5s .ial_li ul li:hover {font-size:16px;}
.index_5s .ial_li ul li i { display:block; float:left; padding-right:10px; line-height:38px; font-size:10px; color:#aaa}
.index_5s .ial_li .ccd { position:relative; height:100px}
.index_5s .ial_li a.img01 { display:block; position:absolute; left:0; top:0px; width:124px; height:84px; overflow:hidden}
.index_5s .ial_li a.img01 img { position:absolute}

@media (max-width: 1300px){
.index_5s {padding:50px 0 30px 0;/* width:720px */}
.index_5s .ial_li {/* float:none; */width: 30%;padding-bottom:30px;}
.index_5s .ial_li img { float:left; margin-right:20px}
.index_5s .ial_li ul { width:auto; clear:both;}
}
@media all and (max-width:720px){
.index_5s { padding:40px 0 20px 0; width:90%}
.index_5s .ial_li h3 { width:auto}
.index_5s .ial_li { float:none; width:auto; padding-bottom:30px}
.index_5s .ial_li img { float:left; margin-right:20px}
.index_5s .ial_li ul { width:auto; clear:both;}
.index_5s .ial_li .ccd { height:auto; padding-bottom:20px}
.index_5s .ial_li h4 { font-size:14px; line-height:20px; padding-right:0}
.index_5s .ial_li h4 a { height:90px; white-space:inherit; line-height:30px; font-size:16px; text-overflow:auto}
}



.about_1 { position:relative; height:380px; width:100%; margin:0 auto; overflow:hidden}
.about_1 img { position:absolute; top:0; left:50%; margin-left:-960px}
@media all and (max-width:720px){
.about_1 { height:130px}
.about_1 img { width:660px; margin-left:-330px; height:130px}
}

.about_2 { width:100%; margin:0 auto; padding:50px 0; background:#EFEFEF}
.about_2 .w100 { width:100%; max-width:1200px; }
.about_2 h2 { text-align:center; font-size:24px; letter-spacing:2px; line-height:30px}
.about_2 h2 font { font-size:18px; color:red; padding-left:10px}
.about_2 .about_js { width:1164px; margin:0 auto; font-size:14px; line-height:26px; padding-bottom:20px; padding-top:20px}
.about_2 ul { width:1164px; margin:0 auto; overflow:hidden}
.about_2 ul li { float:left; padding-left:10px}
.about_2 ul li.ulli1 { padding-left:0}
@media all and (max-width:720px){
.about_2 { padding:30px 0}
.about_2 h2 { font-size:18px;}
.about_2 h2 font { font-size:16px;}
.about_2 .about_js { width:90%; line-height:20px}
.about_2 ul { width:90%;}
.about_2 ul li { width:100%; padding-left:0; float:none}
.about_2 ul li.ulli1 { width:100%}
.about_2 ul li img { width:100%; height:auto; padding-bottom:15px}
}

.about_3 { max-width:1200px; width:100%; margin:0 auto; padding:50px 0}
.about_3 h2 { text-align:center; font-size:24px; letter-spacing:2px; line-height:30px; padding-bottom:30px}
.about_3 ul { width:1180px; margin:0 auto; overflow:hidden}
.about_3 ul li { width:25%; float:left}
.about_3 ul li h3 { width:275px; margin:0 auto; font-size:18px; padding-bottom:15px}
.about_3 ul li h4 { width:275px; margin:0 auto; font-size:14px; line-height:20px; height:135px}
@media all and (max-width:720px){
.about_3 { padding:30px 0}
.about_3 h2 { font-size:18px;}

.about_3 ul { width:90%;}
.about_3 ul li { width:100%; padding-bottom:20px; float:none}
.about_3 ul li h3 { width:100%;}
.about_3 ul li h4 { width:100%; height:auto; padding-bottom:20px}
.about_3 ul li img { width:100%}
}

.about_4 { width:100%; margin:0 auto; padding:50px 0; background:#EFEFEF}
.about_4 .w100 { width:100%; max-width:1200px; }
.about_4 h2 { text-align:center; font-size:24px; letter-spacing:2px; line-height:30px; padding-bottom:30px}
.about_4 img { display:block; margin:0 auto}
@media all and (max-width:720px){
.about_4 { padding:30px 0}
.about_4 h2 { font-size:18px;}
.about_4 img { max-width:90%; height:auto}
}

.about_5 { max-width:1200px; width:100%; margin:0 auto; padding:50px 0}
.about_5 h2 { text-align:center; font-size:24px; letter-spacing:2px; line-height:30px;}
.about_5 h3 { line-height:30px; padding-bottom:30px; text-align:center; padding-top:10px}
.about_5 img { display:block; margin:0 auto; max-width:100%}
@media all and (max-width:720px){
.about_5 { padding:30px 0}
.about_5 h2 { font-size:18px;}
.about_5 h3 { font-size:14px; line-height:20px; padding-bottom:20px; }
.about_5 img { max-width:90%; height:auto}
}

.about_6 { width:100%; margin:0 auto; padding:50px 0; background:#EFEFEF; overflow:hidden; position:relative}
.about_6 .w100 { width:100%; max-width:1200px; }
.about_6 h2 { text-align:center; font-size:24px; letter-spacing:2px; line-height:30px; padding-bottom:30px}
.about_6 .dt { float:right; position:relative}
.about_6 .dt a.dd1 { position:absolute; cursor:pointer; top:199px; left:440px}
.about_6 .dt a.dd2 { position:absolute; cursor:pointer; top:125px; left:530px}
.about_6 .dt a.dd3 { position:absolute; cursor:pointer; top:248px; left:452px}
.about_6 .dt a.dd4 { position:absolute; cursor:pointer; top:340px; left:278px}
.about_6 .dt a.dd5 { position:absolute; cursor:pointer; top:459px; left:392px}
.about_6 .dt a.dd6 { position:absolute; cursor:pointer; top:500px; left:420px}
.about_6 .dt a.on { color:red}
.about_6 .dt a i { position:absolute; display:none; height:16px; ; background:url(/Images/jiantou.png) left}
.about_6 .dt a.on i { display:block}
.about_6 .dt a.dd1 i { transform:rotate(-15deg); top:70px; width:460px; left:-460px}
.about_6 .dt a.dd2 i { transform:rotate(-20deg); top:100px; width:540px; left:-540px}
.about_6 .dt a.dd3 i { transform:rotate(-10deg); top:50px; width:460px; left:-460px}
.about_6 .dt a.dd4 i { transform:rotate(0deg); top:10px; width:270px; left:-280px}
.about_6 .dt a.dd5 i { transform:rotate(10deg); top:-30px; width:350px; left:-380px}
.about_6 .dt a.dd6 i { transform:rotate(15deg); top:-50px; width:380px; left:-410px}

.about_6 .dz { position:absolute; left:50%; margin-left:-580px; top:380px; background:#fff; border:1px #ddd solid; width:355px; padding-bottom:20px}
.about_6 .dz div { width:290px; margin:0 auto; padding-top:20px; display:none}
.about_6 .dz { }
.about_6 .dz i { color:red; padding-right:10px; position:absolute; left:0; top:0; line-height:26px}
.about_6 .dz h3 { font-size:16px; padding-bottom:10px}
.about_6 .dz p { padding-left:25px; position:relative}

@media all and (max-width:720px){
.about_6 { padding:30px 0}
.about_6 h2 { font-size:18px;}
.about_6 .dt { display:none}
.about_6 .dz { position:relative; left:auto; margin-left:0px; top:auto; background:none; border:0 none; width:90%; margin:0 auto}
.about_6 .dz div { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd dashed; display:block}
}

.floatQQ{
background:url(//dfs.yun300.cn/group1/M00/16/48/rBQBG1zBWEGECv2BAAAAAJJtMUg587.png) no-repeat;
}
.floatSh{
background:url(//dfs.yun300.cn/group1/M00/16/48/rBQBG1zBWVuENKieAAAAALEaMQo977.png) no-repeat;
}
.floatTel{
background:url(/Picture/tel.png) no-repeat;
}
@media only screen and (min-width: 769px){
.floatBox {
    position: fixed;
    right: -10px;
    top: 50%;
    transform:translateY(-50%);
    z-index: 50;
    width: 87px;
  }
.floatLi {
    position: relative;
    left:0;
    display: flex;
    width: auto;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease ;
  }
.floatLi3 {
    position: relative;
    left:0;
    display: flex;
    width: 300px;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease ;
  }
.alink {
    display: inline-block;
    width: 87px;
    height: 100%;
    padding: 30px 0 0 0;
    color: #fff;
    font-size: 0.75rem;
  }
.floatTel2 {
    display:block;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    background: #f14702;
    cursor: pointer;
  }
 .floatTop {
    background: url(/Picture/top.png) no-repeat;
  }
 .floatLi:hover {
    left:-10px;
  }
 .floatLi3:hover {
    left:-194px;
  }
}
@media only screen and (max-width: 768px){
 .floatLiT {
    display:none;
  }
 .floatBox {
display:none
  }