@import url(amazeui.min.css);
@import url(owl.carousel.css);
@import url(owl.transitions.css);
@import url(reveal.css);
@import url(jquery.fancybox.css);
@import url(jquery.fancybox-buttons.css);
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0 }
body { color: #000; background: #fff; font-size: 14px }
a { text-decoration: none; color: #000 }
a:hover { color: #0b7cc3 }
.w { width: 1200px; margin: 0 auto }
@media (min-width:1400px) {
    .w { width: 1400px }
}
@media (min-width:1600px) {
    .w { width: 1600px }
}
.np {/* margin: 0; *//* padding: 0; */padding-top:  40px;}
.np [class*="am-"] { margin: 0; padding: 0 }
.pages { text-align: center }
.pages a { display: block; width: 36px; height: 34px; background-image: url(../images/page_arrow.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.pages .pre-page { display: inline-block; margin-right: 60px }
.pages .pre-page a { background-position: 0 0 }
.pages .pre-page a:hover { background-position: -36px 0 }
.pages .next-page { display: inline-block }
.pages .next-page a { background-position: -36px -34px }
.pages .next-page a:hover { background-position: 0 -34px }
.text-center { text-align: center }
.pagination { display: inline-block; padding-left: 0; margin: 0 0 30px 0; border-radius: 0px }
.pagination > li { display: inline }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 16px; margin-left: 0px; line-height: 1.42857143; color: #fff; text-decoration: none; background-color: #414141; border: none; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 15px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0 }
.pagination > li:last-child > a, .pagination > li:last-child > span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 3; color: #fff; background: #0b7cc3 }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #0b7cc3; border-color: #0b7cc3 }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd }
@font-face { font-family: 'BrandonText-Bold'; src: url("../fonts/BrandonText-Bold.eot"); src: url("../fonts/brandontext-bold.eot") format("embedded-opentype"), url("../fonts/brandontext-bold.woff") format("woff"), url("../fonts/brandontext-bold.ttf") format("truetype"), url("../fonts/brandontext-bold.svg#yourwebfontname") format("svg") }
@font-face { font-family: 'bebas'; src: url("../fonts/bebas.eot"); src: url("../fonts/bebas.eot") format("embedded-opentype"), url("../fonts/bebas.woff") format("woff"), url("../fonts/bebas.ttf") format("truetype"), url("../fonts/bebas.svg#yourwebfontname") format("svg") }
.Validform_checktip { margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center }
.Validform_loading { padding-left: 20px; background: url(../images/onload.gif) no-repeat left center }
.Validform_error { background-color: #ffe7e7 }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 19891016; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1) }
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1 }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666') }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none }
#Validform_msg a.Validform_close:hover { color: #ccc }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #bbb; border-top: none; text-align: left }
body { overflow-x: hidden }
header { height: 90px; position: relative }
header a.logo { width: 330px; height: 70px; position: absolute; left: 10px; top: 16px; background: url(../images/logo.png)no-repeat;  }
.headR { display: block; width: 100px; height: 34px; position: absolute; right: 10px; top: 28px }
.headR a { display: block; float: left; width: 34px; height: 34px; margin-left: 16px; text-indent: -9999px; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.headR a.search { background: url(../images/c.png) -40px -40px no-repeat }
.headR a.search:hover { background: url(../images/c.png) -40px 0 no-repeat }
.headR a.qr { background: url(../images/c.png) 0 -40px no-repeat; position: relative }
.headR a.qr img { display: none; width: 200px; height: 200px; position: absolute; left: 0; top: 34px }
.headR a.qr:hover { background: url(../images/c.png) 0 0 no-repeat }
.headR a.qr:hover img { display: block }
.topsearch h1 { display: block; font-size: 18px; font-weight: normal; padding-bottom: 15px }
.topsearch form { width: 100%; height: 28px; border: 1px solid #cdd9e1; background: #fff; position: relative; z-index: 2 }
.topsearch form .btn1, .topsearch form .btn2 { margin: 0; padding: 0; border: none }
.topsearch form .btn1 { width: 400px; padding: 0px 10px; height: 24px; line-height: 24px; font-size: 12px; outline: 0px }
.topsearch form .btn2 { float: right; width: 19px; height: 19px; padding: 4px 10px 5px 0px; margin: 5px 10px 0 0; background: url(../images/c.png) -100px 0 no-repeat }
.top_qr_img { display: none; background: #fff; border: 1px solid #e5e5e5; line-height: 20px; position: absolute; right: 0px; top: 62px; z-index: 10000; text-align: center }
.top_qr_img span { display: block }
@media (min-width: 1200px) {
    header a.logo {left: 30px; /background-size: contain;top: 15px;background-size: contain;}
    .headR { right: 30px }
}
@media (min-width: 1500px) {
    header a.logo {left: 30px; /background-size: contain;top: 15px;background-size: contain;}
    .headR { right: 30px }
}
@media (min-width: 1600px) {
    header a.logo {left: 30px;background-size: contain;top: 15px;}
    .headR { right: 30px }
}
@media (min-width:1800px) {
    header a.logo { left: 60px }
    .headR { right: 60px }
}
.nav { width: 880px; height: 90px; margin: 0 0 0 260px }
.nav ul { margin: 0; padding: 0 }
.nav ul li { display: block; float: left; width: 110px; font-weight: normal; text-align: center; position: relative }
.nav ul li h3 { font-weight: normal }
.nav ul li h3 a { display: block; text-decoration: none; font-size: 14px; color: #0b0b0b; height: 90px; line-height: 90px }
.nav ul li h3 a span { display: block; height: 90px; line-height: 90px; position: relative }
.nav ul li h3 a span:after { content: ''; width: 2px; height: 2px; line-height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0px; margin-left: -1px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.nav ul li h3 a:hover span { color: #000; font-weight: bold }
.nav ul li h3 a:hover span:after { width: 100%; background: #000; left: 0px }
.nav ul li.on h3 a span { color: #000; font-weight: bold }
.nav ul li.on h3 a span:after { width: 100%; background: #000; left: 0px }
.nav ul li .sub { display: none; width: 100%; background: rgba(0, 0, 0, 0.5); padding: 10px 0; position: absolute; left: -1px; top: 90px; z-index: 200; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px }
.nav ul li .sub ul { padding: 0 10px }
.nav ul li .sub ul li { display: block; text-align: center; line-height: 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
.nav ul li .sub ul li a { color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 12px }
.nav ul li .sub ul li a:hover { color: #d1d1d1 }
.nav ul li .sub07 { margin: 0; padding: 0; height: 0; line-height: 0; top: -10000px }
@media (min-width:1300px) {
    .nav { width: 880px }
    .nav ul li { width: 110px }
}
@media (min-width:1400px) {
    .nav { width: 880px; margin: 0 0 0 350px }
    .nav ul li { width: 110px }
}
@media (min-width:1600px) {
    .nav { width: 960px; margin: 0 0 0 400px }
    .nav ul li { width: 120px }
}
@media (min-width:1800px) {
    .nav { width: 960px; margin: 0 0 0 600px; }
    .nav ul li { width: 120px }
    .nav ul li h3 a { font-size: 16px }
}
#index_banner .item a { display: block }
#index_banner .item img { display: block; width: 100%; height: auto }
#index_banner .owl-controls { margin: 0; width: 100%; text-align: center; height: 16px; position: absolute; bottom: 20px }
#index_banner .owl-controls .owl-page { display: inline-block }
#index_banner .owl-controls .owl-page span { display: block; margin: 0 5px; width: 14px; height: 14px; background: #000; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; opacity: .5; filter: alpha(opacity=50) }
#index_banner .owl-controls .active span { opacity: 1; filter: alpha(opacity=100); background: #33a1db }
.in_casec_w { margin-top: 20px; margin-bottom: 45px }
@media (min-width:1600px) {
    .in_casec_w { margin-top: 40px; margin-bottom: 90px }
}
.in_casec { overflow: hidden; margin-right: -10px }
.in_casec .col { float: left; padding: 0; width: 33.33333%; padding: 0 10px 0 0 }
.in_casec .col .item { display: block; position: relative }
.in_casec .col .item .txt { display: block; width: 100%; height: 50px; line-height: 25px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 10px; z-index: 3; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_casec .col .item .txt b { display: block; font-size: 16px }
.in_casec .col .item .txt span { opacity: .8; filter: alpha(opacity=80); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_casec .col .item .txt span a { margin: 0 5px }
.in_casec .col .item .txt a { color: #fff }
.in_casec .col .item .txt a:hover { text-decoration: underline }
.in_casec .col .item .bg { display: block; width: 100%; height: 70px; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_casec .col .item .thumb { display: block; width: 100%; height: 100%; overflow: hidden }
.in_casec .col .item .thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.in_casec .col .item:hover .txt { bottom: 50%; margin-bottom: -25px }
.in_casec .col .item:hover .txt span { opacity: 1; filter: alpha(opacity=100) }
.in_casec .col .item:hover .bg { height: 100% }
.in_casec .col .item:hover .thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
.in_title { display: block; width: 550px; height: 80px; margin: 0 auto; overflow: hidden; position: relative }
.in_title em { display: block; width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 100px; color: #ededed; font-family: arial; font-style: normal }
.in_title span { display: block; width: 150px; height: 30px; line-height: 30px; text-align: center; font-size: 30px; color: #000; position: absolute; left: 50%; bottom: 0; margin-left: -75px }
.in_pro_w { margin-top: 50px }
@media (min-width:1600px) {
    .in_pro_w { margin-top: 80px }
}
.in_pro_warp { margin-right: -30px }
#in_pro .item { padding-right: 30px }
#in_pro .item a { display: block; height: 100%; position: relative }
#in_pro .item a span { display: block; width: 100% }
#in_pro .item a span.bg { height: 50px; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#in_pro .item a span.txt { height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; position: absolute; left: 0; bottom: 0; z-index: 3; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#in_pro .item a span.ico { width: 104px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -52px; margin-top: 75px; z-index: 3; background: url(../images/c.png) -500px 0 no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#in_pro .item a span.thumb { width: 100%; height: 100%; overflow: hidden }
#in_pro .item a span.thumb img { width: 100%; height:260px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
#in_pro .item a:hover span.bg { height: 100% }
#in_pro .item a:hover span.txt { bottom: -50px; opacity: 0; filter: alpha(opacity=0) }
#in_pro .item a:hover span.ico { margin-top: -15px; opacity: 1; filter: alpha(opacity=100) }
#in_pro .item a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
#in_pro .owl-controls { margin: 0; padding: 0; width: 100% }
#in_pro .owl-controls .owl-buttons div { display: block; margin: 0; padding: 0; width: 44px; height: 44px; background-image: url(../images/c.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; position: absolute; top: 50%; margin-top: -22px; opacity: .4; filter: alpha(opacity=40); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#in_pro .owl-controls .owl-buttons div:hover { opacity: 1; filter: alpha(opacity=100) }
#in_pro .owl-controls .owl-buttons div.owl-prev { left: 20px; background-position: -200px 0 }
#in_pro .owl-controls .owl-buttons div.owl-next { right: 48px; background-position: -300px -50px }
.in_pro_list_warp { width: 1200px; overflow: hidden }
@media (min-width:1400px) {
    .in_pro_list_warp { width: 1400px }
}
@media (min-width:1600px) {
    .in_pro_list_warp { width: 1600px }
}
@media (min-width:1800px) {
    #in_pro .owl-controls .owl-buttons div.owl-prev { left: -60px }
    #in_pro .owl-controls .owl-buttons div.owl-next { right: -32px }
}
.in_more { display: block; width: 145px; height: 42px; margin: 40px auto; line-height: 40px; text-align: center; border: 1px solid #cdcdcd; color: #656565; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_more:hover { background: #0b7cc3; border-color: #0b7cc3; color: #fff }
@media (min-width:1600px) {
    .in_more { margin: 80px auto }
}
.in_case { overflow: hidden; margin-top: 40px }
.in_case ul { width: 1212px; overflow: hidden }
.in_case ul li { display: block; float: left; width: 291px; margin: 0 12px 12px 0 }
.in_case ul li a { display: block; width: 100%; height: 100%; position: relative }
.in_case ul li a span { display: block }
.in_case ul li a span.txt { width: 100%; height: 100%; background: transparent; padding: 10px; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_case ul li a span.line { width: 100%; height: 100%; position: relative }
.in_case ul li a span.line::before { display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_case ul li a span.line::after { display: block; content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_case ul li a span.line b { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; overflow: hidden; padding: 0 10px; font-weight: normal; position: absolute; left: 0px; top: 50%; margin-top: -15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_case ul li a span.thumb { width: 100%; height: 100%; overflow: hidden }
.in_case ul li a span.thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.in_case ul li a:hover span.txt { background: rgba(0, 0, 0, 0.6) }
.in_case ul li a:hover span.line { width: 100%; height: 100% }
.in_case ul li a:hover span.line::before { height: 100%; top: 0 }
.in_case ul li a:hover span.line::after { width: 100%; left: 0 }
.in_case ul li a:hover span.line b { margin-top: -25px; opacity: 1; filter: alpha(opacity=100) }
.in_case ul li a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
@media (min-width:1400px) {
    .in_case ul { width: 1412px }
    .in_case ul li { width: 341px; margin: 0 12px 12px 0 }
}
@media (min-width:1600px) {
    .in_case { margin-top: 80px }
    .in_case ul { width: 1612px }
    .in_case ul li { width: 391px; margin: 0 12px 12px 0 }
}
.in_col { background: #f8f8f8 }
.in_col .in_col02 { padding: 20px 40px }
.in_col .in_col02 h3.t { font-size: 18px; font-weight: normal }
.in_col .in_col02 ul li { display: block; padding-bottom: 10px }
.in_col .in_col02 ul li a { display: block }
.in_col .in_col02 ul li a em { display: block; font-size: 12px; color: #c5c5c5; font-style: normal }
.in_col .in_col02 ul li a b { display: block; font-size: 14px; color: #333; height: 30px; line-height: 30px; font-weight: normal; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_col .in_col02 ul li a p { display: block; height: 40px; line-height: 20px; overflow: hidden; font-size: 12px; color: #888 }
.in_col .in_col02 ul li a:hover b { color: #0b7cc3 }
.in_col .in_col02 a.in_more { margin: 0; width: 122px; height: 32px; line-height: 30px }
@media (min-width:1400px) {
    .in_col .in_col02 { padding: 20px 50px }
    .in_col .in_col02 h3.t { font-size: 20px; padding-bottom: 20px }
    .in_col .in_col02 ul li { padding-bottom: 20px }
}
@media (min-width:1600px) {
    .in_col .in_col02 { padding: 20px 70px }
    .in_col .in_col02 h3.t { font-size: 22px; padding-bottom: 20px }
    .in_col .in_col02 ul li { padding-bottom: 20px }
    .in_col .in_col02 ul li a b { font-size: 16px; height: 40px; line-height: 40px }
    .in_col .in_col02 ul li a p { height: 40px; line-height: 20px; font-size: 14px }
    .in_col .in_col02 a.in_more { margin: 0; width: 142px; height: 42px; line-height: 40px }
}
.in_col01 a {display: block;width: 100%;height: 400px;position: relative;}
.in_col01 a span { display: block }
.in_col01 a span.txt { width: 100%; height: 50px; line-height: 50px; text-align: left; background: rgba(0, 0, 0, 0.8); color: #c5c5c5; position: absolute; left: 0; bottom: 0; z-index: 1; padding: 0px 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_col01 a span.txt em { width: 80px; float: right; font-style: normal; text-align: right }
.in_col01 a span.thumb {width: 100%;height: 100%;overflow: hidden;}
.in_col01 a span.thumb img {width: 100%;height: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.in_col01 a:hover span.txt { color: #fff }
.in_col01 a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
.in_col_c a { display: block; width: 100%; height: 100%; position: relative }
.in_col_c a::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.in_col_c a span { display: block }
.in_col_c a span.join { width: 400px; height: 60px; line-height: 58px; text-align: center; margin: 0 auto; padding-left: 30px; border: 1px solid #898989; font-size: 18px; color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -201px; margin-top: -31px; z-index: 3; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; background: url(../images/c.png) -880px -200px no-repeat }
.in_col_c a span.ico { padding: 10px 0 10px 60px; line-height: 20px; font-size: 16px; color: #fff; background-image: url(../images/c.png); background-repeat: no-repeat; position: absolute; left: 20px; bottom: 20px; z-index: 3 }
.in_col_c a span.thumb { width: 100%; height: 100%; overflow: hidden }
.in_col_c a span.thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.in_col_c a:hover::before { background: rgba(0, 0, 0, 0.8) }
.in_col_c a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
.in_col03 .ico { background-position: -900px 0 }
.in_col04 .ico { background-position: -900px -60px }
.in_col05 .ico { background-position: -900px -120px }
@media (min-width:1600px) {
    .in_col_c a span.join { width: 500px; font-size: 24px; margin-left: -251px }
    .in_col_c a span.ico { padding: 5px 0 5px 60px; line-height: 25px; font-size: 20px; left: 30px }
}
.ft_01 { margin: 40px auto 30px; line-height: 30px; color: #555 }
.ft_01 a {color: #e6e6e6;}
.ft_01 a:hover { color: #0b7cc3 }
.ft_01 h6.t { display: block; padding-bottom: 20px }
.ft_01 h6.t a {font-size: 16px;color: #fff;}
.ft_01 h6.t a:hover { color: #0b7cc3 }
.ft_01 .ft_nav ul { width: 100%; overflow: hidden }
.ft_01 .ft_nav ul li { display: block; float: left; width: 16.6666% }
.ft_01 .ft_nav ul li .sub ul li { display: block; width: 100% }
.ft_01 .ft_nav ul li .sub ul li a { font-size: 14px }
.ft_01 .ft_contact .des {position: relative;color: #dcdbdb;}
.ft_01 .ft_contact .des .qr {width: 80px;height: 120px;text-align: center;font-size: 12px;color: #e0e0e0;position: absolute;right: 10px;bottom: 110px;}
.ft_02 {border-top: 1px solid #4a4a4a;color: #cecece;font-size: 12px;height: 52px;line-height: 50px;}
.ft_02 a {color: #f7f7f7;}
.ft_01 .ft_nav ul li .sub a {
    width: 100%;
    display: block;
    float: left;
}

@media (min-width:1600px) {
    .ft_01 { margin: 80px auto 30px }
    .ft_01 h6.t { padding-bottom: 20px }
    .ft_01 .ft_contact .des .qr { width: 120px; height: 150px }
    .ft_02 { height: 72px; line-height: 70px }
}

footer{background: #313131;
    color: #fff;}
.n_banner { position: relative }
.n_banner .sub_nav { width: 100%; height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.9); position: absolute; left: 0; bottom: 0; z-index: 2 }
.n_banner .sub_nav ul { overflow: hidden }
.n_banner .sub_nav ul li { display: block; float: left }
.n_banner .sub_nav ul li a { display: block; padding: 0px 20px; color: #fff; font-size: 14px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.n_banner .sub_nav ul li a:hover, .n_banner .sub_nav ul li a.cur { background: #fff; color: #000 }
@media (min-width:1400px) {
    .n_banner .sub_nav { height: 70px; line-height: 70px }
    .n_banner .sub_nav ul li a { font-size: 16px }
}
.inner_t { padding: 60px 0; text-align: center; font-size: 30px; color: #000 }
.inner_t span { display: block; font-size: 36px; color: #ccc; text-transform: uppercase }
.index_pro { background: #fafafa }
.index_pro .list .img { position: relative }
.index_pro .list .img span { display: block }
.index_pro .list .img span.sublink { width: 100%; height: 100%; position: absolute; left: 0; top: 40px; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.index_pro .list .img span.sublink span { width: 100%; height: 100%; display: table }
.index_pro .list .img span.sublink span b { display: table-cell; vertical-align: middle; text-align: center }
.index_pro .list .img span.sublink span b a { display: block; font-size: 16px; line-height: 30px; color: #fff; font-weight: lighter }
.index_pro .list .img span.sublink span b a:hover { text-decoration: underline }
.index_pro .list .img span.bg { width: 100%; height: 100%; background: transparent; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.index_pro .list .img span.thumb { width: 100%; height: 100%; overflow: hidden }
.index_pro .list .img span.thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.index_pro .list .txt { padding: 40px 80px }
.index_pro .list .txt .des { font-size: 14px; line-height: 30px; color: #4c4c4c }
.index_pro .list .txt .des b { display: block; font-size: 20px; color: #000; padding-bottom: 20px; margin-bottom: 20px; position: relative }
.index_pro .list .txt .des b::after { content: ''; width: 50px; height: 3px; line-height: 3px; background: #e9e9e9; position: absolute; left: 0; bottom: 0 }
.index_pro .list .txt .des a.more { display: block; margin-top: 20px; color: #4c4c4c; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.index_pro .list .txt .des a.more:hover { color: #0b7cc3; margin-left: 5px }
.index_pro .list.sec .img { float: right }
.index_pro .list.sec .txt { float: left }
.index_pro .list:hover .img span.sublink { top: 0; opacity: 1; filter: alpha(opacity=100) }
.index_pro .list:hover .img span.bg { background: rgba(0, 0, 0, 0.5) }
.index_pro .list:hover .img span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
@media (min-width:1400px) {
    .inner_t { padding: 100px 0 60px }
    .index_pro .list .txt { padding: 40px 120px }
}
@media (min-width:1600px) {
    .inner_t { padding: 100px 0 60px }
    .index_pro .list .img span.sublink span b a { font-size: 18px; line-height: 36px }
    .index_pro .list .txt { padding: 100px 120px }
    .index_pro .list .txt .des b { font-size: 26px; color: #000; padding-bottom: 20px; margin-bottom: 20px }
}
.list_pro { background: #fff }
.list_pro ul { width: 1220px; overflow: hidden }
.list_pro ul li { display: block; float: left; width: 285px; margin: 0 20px 20px 0 }
.list_pro ul li a { display: block; height: 100%; position: relative }
.list_pro ul li a span { display: block; width: 100% }
.list_pro ul li a span.bg { height: 50px; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_pro ul li a span.txt { height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; position: absolute; left: 0; bottom: 0; z-index: 3; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_pro ul li a span.ico { width: 104px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -52px; margin-top: 75px; z-index: 3; background: url(../images/c.png) -500px 0 no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_pro ul li a span.thumb { width: 100%; height: 100%; overflow: hidden }
.list_pro ul li a span.thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.list_pro ul li a:hover span.bg { height: 100% }
.list_pro ul li a:hover span.txt { bottom: -50px; opacity: 0; filter: alpha(opacity=0) }
.list_pro ul li a:hover span.ico { margin-top: -15px; opacity: 1; filter: alpha(opacity=100) }
.list_pro ul li a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
@media (min-width:1400px) {
    .list_pro ul { width: 1420px }
    .list_pro ul li { width: 335px; margin: 0 20px 20px 0 }
}
@media (min-width:1600px) {
    .list_pro ul { width: 1628px }
    .list_pro ul li { width: 379px; margin: 0 28px 28px 0 }
}
.content_pro_slide { position: relative }
#sync1 .item { text-align: center }
#sync1 .owl-controls { width: 700px; height: 100px; background: rgba(0, 0, 0, 0.8); position: absolute; left: 50%; bottom: 30px; margin-left: -350px; z-index: 2 }
#sync1 .owl-controls .owl-buttons { width: 100%; height: 100%; position: relative }
#sync1 .owl-controls .owl-buttons div { width: 10px; height: 20px; text-indent: -9999px; overflow: hidden; background-image: url("../images/c.png"); background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -10px; opacity: .4; filter: alpha(opacity=40); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#sync1 .owl-controls .owl-buttons div:hover { opacity: 1; filter: alpha(opacity=100) }
#sync1 .owl-controls .owl-buttons div.owl-prev { left: 10px; background-position: 0 -200px }
#sync1 .owl-controls .owl-buttons div.owl-next { right: 10px; background-position: -40px -200px }
#sync2 { width: 640px; height: 80px; position: absolute; left: 50%; bottom: 40px; margin-left: -320px; z-index: 2 }
#sync2 .item { margin: 0 5px; text-align: center; cursor: pointer }
#sync2 .item img { width: 150px; height: 60px }
#sync2 .item span { display: block; height: 20px; line-height: 20px; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 0.2); color: #fff; font-size: 12px }
#sync2 .synced .item span { background: #0b7cc3; color: #fff }
.content_pro_txt { width: 740px; margin: 50px auto }
.content_pro_txt h1.t { font-weight: normal; margin: 0 0 50px 0; text-align: center; font-size: 20px; color: #000 }
.content_pro_txt .word { padding: 20px 0; border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; font-size: 14px; line-height: 30px; color: #585858 }
@media (min-width:1400px) {
    .content_pro_txt { margin: 80px auto }
    .content_pro_txt h1.t { margin: 0 0 80px 0; font-size: 26px }
    .content_pro_txt .word { padding: 30px 0 }
}
.list_case { overflow: hidden }
.list_case ul { width: 1230px; overflow: hidden }
.list_case ul li { display: block; float: left; width: 380px; margin: 0 30px 30px 0 }
.list_case ul li a { display: block; width: 100%; height: 100%; position: relative }
.list_case ul li a span { display: block }
.list_case ul li a span.txt { width: 100%; height: 100%; background: transparent; padding: 10px; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_case ul li a span.line { width: 100%; height: 100%; position: relative }
.list_case ul li a span.line::before { display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_case ul li a span.line::after { display: block; content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_case ul li a span.line b { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; overflow: hidden; padding: 0 10px; font-weight: normal; font-size: 16px; position: absolute; left: 0px; top: 50%; margin-top: -15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_case ul li a span.thumb { width: 100%; height: 100%; overflow: hidden }
.list_case ul li a span.thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.list_case ul li a:hover span.txt { background: rgba(0, 0, 0, 0.6) }
.list_case ul li a:hover span.line { width: 100%; height: 100% }
.list_case ul li a:hover span.line::before { height: 100%; top: 0 }
.list_case ul li a:hover span.line::after { width: 100%; left: 0 }
.list_case ul li a:hover span.line b { margin-top: -25px; opacity: 1; filter: alpha(opacity=100) }
.list_case ul li a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
@media (min-width:1400px) {
    .list_case ul { width: 1431px }
    .list_case ul li { width: 446px; margin: 0 31px 31px 0 }
}
@media (min-width:1600px) {
    .list_case ul { width: 1632px }
    .list_case ul li { width: 512px; margin: 0 32px 32px 0 }
    .list_case ul li a span.txt { padding: 30px }
}
.content_news { border-bottom: 2px solid #f0f0f0; padding: 30px 0 }
.content_news .warp { width: 1000px; margin: 0 auto }
.content_news .warp h1.title { text-align: center; font-size: 20px; font-weight: normal; color: #000 }
.content_news .warp .info { text-align: center; color: #afafaf; font-size: 12px; line-height: 30px; padding-bottom: 30px }
.content_news .warp .word { font-size: 14px; line-height: 30px; color: #585858 }
.content_news .warp .updown { font-size: 12px; color: #aaa; padding-top: 30px; line-height: 30px }
.content_news .warp .updown a { color: #aaa; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.content_news .warp .updown a:hover { color: #0b7cc3 }
@media (min-width:1400px) {
    .content_news { padding: 50px 0 }
    .content_news .warp h1.title { font-size: 26px }
    .content_news .warp .info { padding-bottom: 50px }
    .content_news .warp .updown { padding-top: 50px }
}
.advantage { overflow: hidden }
.advantage ul { width: 1220px; overflow: hidden }
.advantage ul li { display: block; float: left; width: 285px; margin: 0 20px 20px 0; color: #fff; padding: 30px; font-size: 14px; line-height: 24px }
.advantage ul li:nth-child(1) { background: #4082d9 }
.advantage ul li:nth-child(2) { background: #39cac5 }
.advantage ul li:nth-child(3) { background: #26b9de }
.advantage ul li:nth-child(4) { background: #565656 }
.advantage ul li b { display: block; font-size: 20px; padding: 10px 0 20px; font-weight: normal }
@media (min-width:1400px) {
    .advantage ul { width: 1420px }
    .advantage ul li { width: 335px; margin: 0 20px 20px 0; padding: 40px; line-height: 24px }
    .advantage ul li b { font-size: 28px; padding: 20px 0 20px }
}
@media (min-width:1600px) {
    .advantage ul { width: 1628px }
    .advantage ul li { width: 379px; margin: 0 28px 28px 0; padding: 40px; line-height: 24px }
    .advantage ul li b { font-size: 28px; padding: 20px 0 30px }
}
.process { background: url(../images/process.jpg) center top no-repeat; padding-bottom: 90px; margin: 65px 0 0 }
.process .inner_t { padding: 50px 0; color: #fff }
.process .txt { max-width: 1400px; margin: 0 auto }
@media (min-width:1400px) {
    .process .inner_t { padding: 50px 0 }
}
@media (min-width:1600px) {
    .process .inner_t { padding: 50px 0 }
}
.want_join { border-bottom: 2px solid #f0f0f0; padding-bottom: 40px }
.message_box { width: 780px; overflow: hidden; margin: 0 auto }
.message_box .list { width: 380px; margin-bottom: 20px }
.message_box .list.list_w { width: 780px }
.message_box .list input { background: none; color: #b1aeb0; border-color: #eeeeee; font-size: 14px; height: 40px; line-height: 40px; padding: 0 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
.message_box .list:-moz-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .list::-moz-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .list input:-ms-input-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .list input::-webkit-input-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .list2 { width: 100%; margin: 0 0 40px 0; background: none; color: #b1aeb0; border-color: #eeeeee; font-size: 14px; height: 210px; line-height: 30px; padding: 0 10px }
.message_box .list2:-moz-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .list2::-moz-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .list2:-ms-input-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .list2::-webkit-input-placeholder { color: #b1aeb0; opacity: 1 }
.message_box .submit { display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; background: #818181; color: #fff; border: none; margin: 0 auto; font-size: 16px; font-weight: bold; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.message_box .submit:hover { background: #33a1db; color: #fff }
.intro_about { padding: 100px 0 80px }
.intro_about .w { margin: 0 auto }
.intro_about .txt h3.t { padding-left: 30px; font-size: 26px; color: #000; font-weight: normal }
.intro_about .txt h3.t span { display: block; font-size: 30px; color: #ececec; font-weight: bold }
.intro_about .txt .des { background: #000; color: #fff; padding: 20px 30px; font-size: 12px }
.intro_about .txt a.more { display: block; width: 110px; height: 40px; line-height: 38px; border: 1px solid #a0a0a0; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 10px 0 0 30px }
.intro_about .txt a.more:hover { background: #0b7cc3; border-color: #0b7cc3; color: #fff }
@media (min-width:1400px) {
    .intro_about .txt h3.t { padding-left: 70px }
    .intro_about .txt h3.t span { font-size: 36px }
    .intro_about .txt .des { padding: 20px 70px; font-size: 14px }
    .intro_about .txt a.more { margin: 30px 0 0 70px }
}
@media (min-width:1600px) {
    .intro_about .txt h3.t { padding-left: 70px }
    .intro_about .txt .des { padding: 30px 70px; font-size: 14px; line-height: 30px }
    .intro_about .txt a.more { margin: 30px 0 0 70px }
}
.intro_culture { background: url(../images/intro_culture.jpg) center top no-repeat }
.intro_culture h3.t { font-size: 26px; font-weight: normal; color: #fff; padding: 60px 0 80px; text-align: center }
.intro_culture .list ul { width: 100%; overflow: hidden }
.intro_culture .list ul li { display: block; width: 25%; float: left }
.intro_culture .list ul li .item { width: 190px; margin: 0 auto }
.intro_culture .list ul li .item span.ico { display: block; width: 120px; height: 120px; margin: 0 auto; background-position: center center; background-repeat: no-repeat; border: 2px solid #fff; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px }
.intro_culture .list ul li .item b { display: block; width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 18px; font-weight: normal; position: relative }
.intro_culture .list ul li .item b::after { content: ''; display: block; width: 32px; height: 3px; line-height: 3px; background: #fff; position: absolute; left: 50%; margin-left: -16px; bottom: 0 }
.intro_culture .list ul li .item p { height: 50px; line-height: 25px; text-align: center; color: #fff; margin: 20px 0; font-size: 12px }
.intro_honor { padding-bottom: 60px }
.intro_honor h3.t { font-size: 26px; font-weight: normal; color: #000; padding: 60px 0; text-align: center }
#intro_honor .item { padding: 0px 10px }
#intro_honor .item a { display: block; height: 100%; position: relative }
#intro_honor .item a span { display: block; width: 100% }
#intro_honor .item a span.bg { height: 0; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#intro_honor .item a span.txt { height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; position: absolute; left: 0; bottom: 0; z-index: 3; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#intro_honor .item a span.thumb { width: 100%; height: 100%; overflow: hidden }
#intro_honor .item a span.thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
#intro_honor .item a:hover span.bg { height: 100% }
#intro_honor .item a:hover span.txt { bottom: 50%; margin-bottom: -25px; opacity: 1; filter: alpha(opacity=100) }
#intro_honor .item a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
#intro_honor .owl-controls { margin: 0; padding: 0; width: 100%; height: 20px; position: absolute; left: 0; bottom: -50px }
#intro_honor .owl-controls .owl-pagination { text-align: center }
#intro_honor .owl-controls .owl-pagination div.owl-page { display: inline-block; margin: 0 5px }
#intro_honor .owl-controls .owl-pagination div.owl-page span { display: block; width: 22px; height: 7px; background: #cbcbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#intro_honor .owl-controls .owl-pagination div.active span { background: #e0bd7a; width: 29px }
.list_news_w { border-bottom: 2px solid #f0f0f0 }
.list_news { overflow: hidden }
.list_news ul { width: 1230px; overflow: hidden }
.list_news ul li { display: block; float: left; width: 380px; margin: 0 30px 30px 0 }
.list_news ul li a { display: block; width: 100%; height: 100%; position: relative }
.list_news ul li a span { display: block }
.list_news ul li a span.thumb { width: 100%; height: 100%; overflow: hidden }
.list_news ul li a span.thumb img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.list_news ul li a span.txt { width: 100%; background: #f5f5f5; color: #666; padding: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_news ul li a span.txt b { display: block; height: 30px; line-height: 30px; overflow: hidden; color: #000; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_news ul li a span.txt span { display: block; line-height: 30px; font-size: 12px }
.list_news ul li a span.txt p { display: block; height: 40px; line-height: 20px; overflow: hidden; font-size: 12px }
.list_news ul li a:hover span.txt { background: #000; color: #fff }
.list_news ul li a:hover span.txt b { color: #fff }
.list_news ul li a:hover span.thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
@media (min-width:1400px) {
    .list_news ul { width: 1431px }
    .list_news ul li { width: 446px; margin: 0 31px 31px 0 }
}
@media (min-width:1600px) {
    .list_news ul { width: 1632px }
    .list_news ul li { width: 512px; margin: 0 32px 32px 0 }
    .list_news ul li a span.txt { padding: 30px }
}
.page_contact { border-bottom: 2px solid #f0f0ef }
.page_contact .list { padding-bottom: 50px }
.page_contact .list ul { width: 100%; overflow: hidden }
.page_contact .list ul li { display: block; float: left }
.page_contact .list ul li span { display: block }
.page_contact .list ul li span.ico { float: left; width: 70px; height: 70px; background-image: url("../images/c.png"); background-repeat: no-repeat }
.page_contact .list ul li span.txt { float: left; line-height: 30px; font-size: 14px; color: #6c6c6c }
.page_contact .list ul li span.txt b { display: block; line-height: 40px; font-size: 22px; font-weight: normal; font-family: arial }
.page_contact .list ul li:nth-child(1) { width: 30% }
.page_contact .list ul li:nth-child(1) b { color: #999 }
.page_contact .list ul li:nth-child(1) span.ico { background-position: 0 -300px }
.page_contact .list ul li:nth-child(2) { width: 20% }
.page_contact .list ul li:nth-child(2) b { color: #efcf4d }
.page_contact .list ul li:nth-child(2) span.ico { background-position: -70px -300px }
.page_contact .list ul li:nth-child(3) { width: 25% }
.page_contact .list ul li:nth-child(3) b { color: #e46f49 }
.page_contact .list ul li:nth-child(3) span.ico { background-position: -140px -300px }
.page_contact .list ul li:nth-child(4) { width: 25% }
.page_contact .list ul li:nth-child(4) b { color: #5891dd }
.page_contact .list ul li:nth-child(4) span.ico { background-position: -210px -300px }
#map01 { height: 500px; margin-top: 50px; font-size: 14px }
.list_search { border-top: 2px solid #f0f0ef; border-bottom: 2px solid #f0f0ef }
.list_search ul { width: 1000px; margin: 0 auto; padding: 30px 0 }
.list_search ul h3.t { display: block; line-height: 50px; font-size: 18px }
.list_search ul h3.t span { color: #0b7cc3 }
.list_search ul li { display: block; border: 1px solid #eee; margin-bottom: 20px }
.list_search ul li a { display: block; padding: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_search ul li a b { display: block; font-size: 16px; color: #000 }
.list_search ul li a em { display: block; font-size: 12px; color: #999; font-style: normal }
.list_search ul li a p { display: block; font-size: 12px; color: #666 }
.list_search ul li a:hover { background: #000 }
.list_search ul li a:hover b, .list_search ul li a:hover em, .list_search ul li a:hover p { color: #fff }

/*疑虑*/
.yilv { overflow: hidden; margin-top: 40px; width: 100%; padding-bottom: 147px; background: url(../images/yiwen_bg.jpg) no-repeat center bottom; }
.yilv h3 { width: 570px; margin: 0 auto; margin-bottom: 50px; overflow: hidden; }
.yilv h3 span { float: left; font-weight: normal; display: block; font-size: 18px; color: #342c2a; width: 240px; text-align: right; margin-top: 10px; }
.yilv h3 em { display: block; text-align: right; font-size: 12px; color: #c2c0c0; font-family: Arial; }
.yilv h3 b { font-size: 45px; color: #342c2a; font-family: '宋体'; float: right }
.yilv ul { overflow: hidden; width: 110%; margin-bottom: 50px; }
.yilv li { float: left; width: 260px; padding-right: 45px; padding-left: 8px; background: url(../images/yiwen01.png) no-repeat right 103px; position: relative }
.yilv li.last { padding-right: 0; background: none; }
.yilv li .tu { overflow: hidden; width: 208px; height: 208px; margin-bottom: 17px; }
.yilv li .tu img { display: block; z-index: 1; position: relative }
.yilv li .tu b { display: block; width: 208px; height: 208px; position: absolute; left: 8px; top: 0; background: url(../images/yiwen.png) no-repeat center top; z-index: 2 }
.yilv li h5 { text-align: center; font-size: 24px; color: #342c2a; text-align: center; font-weight: normal }
.yilv li p { font-size: 18px; color: #342c2a; text-align: center }
.yilv li:hover b { background-position: bottom; }
.yilv li:hover h5, .yilv li:hover p { color: #fce14e; }
.yilv .wen { overflow: hidden; width: 570px; height: 140px; background-color: #edecec; margin: 0 auto; }
.yilv .wen h4 { font-weight: normal; text-align: center; font-size: 25px; color: #342c2a; margin-top: 30px; }
.yilv .wen p { margin-bottom: 15px; font-size: 18px; color: #342c2a; text-align: center }
.yilv .wen em { display: block; text-align: center; font-size: 18px; color: #a30c01; }

/*支持*/
.zhichi { overflow: hidden; width: 100%; background: url(../images/zhichi_bg.jpg) repeat center -10px; padding-bottom: 70px; }
.zhichi h3 { text-align: center; font-size: 45px; color: #fdda0e; font-family: '宋体' }
.zhichi > span { display: block; text-align: center; font-size: 18px; color: #fff; margin-bottom: 40px; }
.zhichi ul { overflow: hidden; width: 1000px; margin: 0 auto }
.zhichi li { float: left; width: 249px; border-right: 1px solid #303030; border-bottom: 1px solid #303030; height: 285px; overflow: hidden; }
.zhichi li.nobor-r { border-right: none }
.zhichi li.nobor-b { border-bottom: none }
.zhichi li span { display: block; text-align: center; font-size: 12px; color: #6e6b6b; margin: 25px 0; }
.zhichi li em { display: block; margin: 0 auto; width: 30px; height: 30px; margin-bottom: 30px; }
.zhichi li h4 { font-weight: normal; font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; }
.zhichi li p { overflow: hidden; width: 225px; margin: 0 auto; text-align: center; line-height: 27px; color: #A7A4A4; overflow: hidden }
.zhichi .em01 { background: url(../images/lc.png) no-repeat left -226px top -155px; }
.zhichi .em02 { background: url(../images/lc.png) no-repeat left -258px top -155px; }
.zhichi .em03 { background: url(../images/lc.png) no-repeat left -105px top -155px; }
.zhichi .em04 { background: url(../images/lc.png) no-repeat left -286px top -155px; }
.zhichi .em05 { background: url(../images/lc.png) no-repeat left -194px top -155px; }
.zhichi .em06 { background: url(../images/lc.png) no-repeat left -165px top -155px; }
.zhichi .em07 { background: url(../images/lc.png) no-repeat left -137px top -155px; }
.zhichi .em08 { background: url(../images/lc.png) no-repeat left -77px top -155px; }
.zhichi .em09 { background: url(../images/lc.png) no-repeat left -36px top -155px; width: 35px; }
.zhichi .em10 { background: url(../images/lc.png) no-repeat left top -155px; width: 35px; }
.zhichi li:hover { background-color: #fdda0e }
.zhichi li:hover .zhichi4 { color: #333; }
.zhichi li:hover span, .zhichi li:hover h4, .zhichi li:hover p { color: #262626; }
.zhichi li:hover em { background-position-y: -185px; }
.zhichi .lilast { width: 500px; border: none; }
.zhichi .lilast h5 { font-size: 45px; color: #919191; font-weight: normal; margin-left: 50px; margin-top: 50px; }
.zhichi .lilast h5 b { color: #fdda0e; }
.zhichi .lilast p { font-size: 18px; color: #919191; margin-left: 50px; width: auto; text-align: left }
.zhichi .lilast a { display: block; margin-left: 50px; width: 358px; height: 54px; line-height: 54px; text-align: center; font-size: 20px; color: #000; background-color: #fdda0e; margin-top: 35px; text-decoration: none }
.zhichi .lilast:hover { background: none }
.zhichi .lilast:hover p { color: #919191 }
.rtTop_btn { width: 40px; height: 59px; background: url(../images/lc.png) no-repeat left -178px top -25px }
.tedian4 { font-size: 26px; color: #fff; margin: 20px 0; text-align: center; }
.jmly14 { font-size: 25px; color: #fdda0e; font-weight: normal; margin-bottom: 30px; }
.xianqu3 { font-family: '宋体'; font-size: 30px; color: #e6212a; }
.xianqu5 { text-align: right; font-weight: normal; font-size: 14px; color: #342c2a; margin-top: 20px; margin-bottom: 25px; }
.youshi3 { font-size: 45px; text-align: center; color: #e6212a; font-family: '宋体'; }
.shili3 { font-size: 45px; color: #fff; text-align: center; font-family: '宋体'; padding-bottom: 24px; background: url(../images/shili_wen.png) no-repeat center bottom; margin-bottom: 10px; }
.shili4 { margin-bottom: 15px; font-size: 20px; color: #fdda0e; }
.yilv3 { font-size: 45px; color: #342c2a; font-family: '宋体'; text-align: center; }
.yilv5 { text-align: center; font-size: 24px; color: #342c2a; text-align: center; font-weight: normal }
.yilv4 { font-weight: normal; text-align: center; font-size: 25px; color: #342c2a; margin-top: 30px; }
.zhichi3 { text-align: center; font-size: 45px; color: #fdda0e; font-family: '宋体' }
.zhichi4 { font-weight: normal; font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; }
.zhichi5 { font-size: 45px; color: #fdda0e; font-weight: normal; margin-left: 50px; margin-top: 50px; }
.liucheng3 { text-align: center; font-size: 45px; color: #1f1f1f; font-family: '宋体' }
.yingli3 { text-align: center; font-size: 45px; color: #1f1f1f; font-family: '宋体' }
.fengcai3 { font-size: 25px; margin-top: 30px; margin-bottom: 25px; font-weight: normal; padding-left: 15px; border-left: 5px solid #a30c01; }
.news3 { font-weight: normal; font-size: 18px; margin-bottom: 30px; }
.liuyan3 { font-size: 40px; color: #fdda0e; font-family: '宋体' }
.liuyan5 { font-weight: normal; font-size: 24px; color: #fad818; }
.container { margin-left: auto; margin-right: auto; width: 1000px; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
ul li { list-style: none; }
.main { padding: 2% 0 0; width: 1200px; margin: 0 auto; }
.main .leftmain { width: 20%; margin-right: 2%; float: left; }
.main .rightmain { width: 78%; float: right; }
.case_t { text-align: center; background: url(../images/case_t_line.jpg) repeat-x 0 428px }
.case_t_title { color: #000; font-size: 20px; height: 56px; line-height: 56px; width: 92px; text-align: center; background-color: #fff; margin: 0 auto }
.case_t_line { width: 42px; height: 1px; line-height: 1px; background-color: #920000; margin: 0 auto }
.case_type201601 { margin-top: 60px; position: relative; z-index: 1 }
.case_type201601 ul { width: 700px; margin: 16px auto; padding-bottom: 10px }
.case_type201601 li {float: left;padding: 4px;height: 38px;line-height: 27px;border: 2px solid #920000;background: #fff;text-align: center;margin-right: 15px;margin-bottom: 10px;transition: background .5s;width: 125px;}
.case_type201601 li a { font-size: 14px; color: #000; display: block; }
.case_type201601 li:hover { background: #920000 }
.case_type201601 li:hover a { color: #fff }
.case_type201601 li.sel { border: 1px solid #920000 }
.case_type201601 li.sel a { color: #fff }
.case_list_201601 { width: 1000px; overflow: hidden; margin-top: 20px; margin-left: auto; margin-right: auto }
.portfolio-grid { width: 1000px }
.thumbnail { overflow: hidden; position: relative; display: inline-block; float: left; width: 240px; margin-right: 8px; margin-top: 20px; border: #920000 1px solid }
.thumbnail a.thumbnail_a:hover { cursor: url(../images/more.cur), crosshair; cursor: url(../images/cases_shi.png) 40 40, crosshair }
.projectinfo { position: absolute; z-index: 2; top: -50px; left: 0; width: 100%; height: 100%; background: #7e7f73; background: rgba(126, 127, 115, .3); height: 0 \9 }
.thumbnail .meta { width: 100%; height: 50px; line-height: 50px; text-align: center; overflow: hidden }
.thumbnail .meta h4 { font-size: 16px; font-weight: 400; width: 230px }
.thumbnail .meta h4 a { color: #000; display: block; width: 240px }
.thumbnail .meta .fr { width: 80px; text-align: right; padding-right: 10px }
.thumbnail .meta .fr a { display: inline-block; padding: 0 2px; padding-right: 12px; width: 20px; height: 60px }
.thumbnail .meta .fr a.cases_a_pc { background: url(../images/cases_ico_pc_b.png) no-repeat 0 16px }
.thumbnail .meta .fr a.cases_a_phone { background: url(../images/cases_ico_phone_b.png) no-repeat 0 16px }
.thumbnail:hover .meta { background-color: #920000; width: 240px }
.thumbnail:hover .meta h4 a { color: #fff }
.thumbnail:hover .meta .fr a.cases_a_pc { background: url(../images/cases_ico_pc_w.png) no-repeat 0 16px }
.thumbnail:hover .meta .fr a.cases_a_phone { background: url(../images/cases_ico_phone_w.png) no-repeat 0 16px }
.wrap { border: 0; padding: 0; width: 1200px; margin: 0 auto }
.wrap:after { clear: both; content: ""; display: table }
.page { text-align: center; margin-top: 20px; margin-bottom: 20px }
.page a { display: inline-block; padding: 5px 10px; margin-right: 10px; color: #fff; border: 1px solid #920000; color: #920000 }
.page a:hover { background-color: #920000; color: #fff }
.page a.now { background-color: #920000; color: #fff }
.pglist { width: 100%; clear: both }
.pglist ul { width: 100% }
.pglist ul li { vertical-align: bottom; display: inline-block; zoom: 1; font-size: 14px; text-align: center }
.anli { margin: 0 auto; padding: 0 0 20px 0 }
.anli ul li { width: 30%; padding: 5px; background: #fff; box-shadow: 0 0 3px 0 #ccc; margin: 8px; float: left; display: inline; overflow: hidden; transition: 0.3s; margin-left: 25px; }
.anli ul li:hover { box-shadow: 0 3px 3px 0 #999; transition: 0.3s; }
.anli_img { width: 100%; height: 250px; overflow: hidden }
.anli_img img, .ket_img img { width: 100%; height: 100%; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transition: transform .6s; -webkit-transition: -webkit-transform .6s }
.anli_p { padding: 10px 0 10px 10px }
.anli_p h2 { font-size: 18px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center }
.anli_p a:hover { color: #920000 }
.anli_p p span { display: inline-block; margin-right: 20px }
.anli_about { width: 100% }
.anli_about h3 { font-size: 20px; padding: 10px 0 10px 7px }
.anli_about ul li { width: 244px; padding: 8px; background: #fff; margin: 7px; float: left }
.anli_about .anli_img { height: 180px }
.anli_about .anli_p { padding: 5px 0 5px 10px }
.anli_about h2 { font-size: 18px }
.anli_top { width: 1100px; margin: 0 auto }
.al_top_01 { background: url(1111_img01.jpg) 50px 20px no-repeat; height: 210px; padding: 25px 50px 0 250px }
.al_top_01 h3 { font-size: 20px; line-height: 30px }
.al_top_01 p { font-size: 16px; line-height: 30px; text-indent: 2em; display: block }
.al_top_01 p strong { color: #d00 }
.al_top_01 .p0 { padding: 10px 0 0 30px; float: left; text-indent: 0 }
.al_top_01 .p1 { text-indent: 0; width: 250px; padding: 25px 0 0 0; height: 80px; float: right }
.al_top_01 .p1 a { width: 60px; text-align: center; height: 30px; padding-top: 40px; font-size: 12px; display: block; float: left; background: url(../../cq/images/swt_r_bg.png) no-repeat }
.al_top_01 .p1 .a1 { background-color: #c1e7b0; background-position: 10px 0 }
.al_top_01 .p1 .a2 { background-color: #e7d9b0; background-position: -85px 0 }
.al_top_01 .p1 .a3 { background-color: #e7b0b5; background-position: -180px 0 }
.al_top_01 .p1 .a4 { background-color: #e3b1f2; background-position: -355px 0 }
.al_top_01 .p1 a:hover { background-color: #d00; color: #fff }
.al_top_01 .p1 span { float: right }
.al_top_02 { padding: 20px 0 0 20px; height: 300px; margin: 20px 0 10px 10px; width: 1080px; box-shadow: 0 3px 3px 0 #999 }
.top_02_img { width: 350px; height: 280px; float: left }
.top_02_img img { width: 100%; height: 100% }
.top_02_p { width: 680px; float: right }
.top_02_p h2 { font-size: 20px; padding: 0 0 20px 0 }
.top_02_p p { font-size: 16px; line-height: 30px; padding: 5px 50px 5px 0; text-indent: 2em }
.top_02_p .p0 { padding: 20px 0 0 0; text-indent: 0 }
.top_02_p .p0 a { background: #f5f5f5; color: #444; padding: 2px 20px; margin: 0 20px 0 0; float: left; display: block; font-size: 16px }
.top_02_p .p0 a:hover { background: #019633; color: #fff }
.fg_box { width: 100%; margin: 0 auto }
.fg_181, .fg_181 .anli ul li { background: #9bdbf3 }
.fg_175, .fg_175 .anli ul li { background: #e3d60c }
.fg_177, .fg_177 .anli ul li { background: #C3C3B1 }
.fg_178, .fg_178 .anli ul li { background: #C2D0F5 }
.fg_179, .fg_179 .anli ul li { background: #D2BDAC }
.fg_180, .fg_180 .anli ul li { background: #EAB26F }
.fg_183, .fg_183 .anli ul li { background: #C7C7C7 }
.fg_182, .fg_182 .anli ul li { background: #6FD7DB }
.al_top_02:hover { cursor: pointer }
.newsss { width: 900px; padding: 20px 26px; border: #920000 solid 2px }
.aside li a, .aside p { color: #920000 }
.neirong { background: url(../images/bg.jpg); padding-bottom: 30px }
.pull-left { float: right !important; min-height: 500px; }
.pull-right { float: left !important }
.aside { width: 190px }
.aside .ny-h4 { font-size: 16px; margin: 10px 0; padding-top: 36px; border-bottom: 1px solid #EDEDED; background: url(../images/wen.png) left 0 no-repeat }
.aside ul li small { color: #999 }
.aside .xx-qq a, .aside .xx-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat }
.aside .xx-sq a { background-position: left -22px; margin-left: 5px }
.aside figure { margin-top: 10px; text-align: center }
.aside figure.text-left { text-align: left }
.aside .team-gz, .aside .team-yy { height: 40px; margin-right: 20px; border-radius: 4px; padding: 0 10px 0 38px; display: block; line-height: 40px; background-image: url(../images/team-yy.png); background-position: left top; background-color: #920000; color: #FFF; background-repeat: no-repeat }
.aside .team-gz a, .aside .team-yy a { color: #FFF }
.aside .team-gz:hover, .aside .team-yy:hover { background-color: #00a79a }
.aside .team-yy { background-position: left bottom }
.ny-team-tj { font-size: 16px; margin: 15px 0 }
.team figcaption p { color: #FFF !important }
.pages { padding: 30px 0 30px; text-align: center }
.g_nav { height: 54px; width: 100%; position: relative; background-color: #2b2b2b }
.g_nav01 { width: 1100px; margin: 0 auto }
.g_nav01 table { float: left; width: 1100px }
.g_nav01 table tr td { text-align: center; height: 54px; position: relative }
.g_nav01 a { display: block; height: 41px; padding-top: 13px; color: #fff; font-size: 16px; position: relative }
.g_nav01 a.now div { width: 84px; height: 3px; background-color: #fff; position: absolute; top: 25px }
.g_nav01 a span { font-size: 12px; color: #baa58c }
.g_nav01 table tr td .nav_tan { display: none; width: 100%; position: absolute; top: 54px; background-color: #920000; opacity: .95; z-index: 999; text-align: center }
.g_nav01 table tr td .nav_tan a { width: 100%; margin: 0 auto; font-size: 14px; text-align: center; letter-spacing: 1px; padding-top: 6px }
.g_nav01 table tr td .nav_tan a:hover { font-weight: 700; color: #f7f7f7; font-size: 15px }
.team figure figcaption { position: absolute; width: 202px; height: 210px; top: 0; left: 0; display: none; background-color: rgba(247, 90, 83, .7); padding: 60px 30px; color: #FFF }
.team figure h3.team-title { font-size: 14px; font-weight: 400; margin: 0; line-height: 60px; position: absolute; width: 262px; height: 60px; left: 0; background-color: rgba(255, 255, 255, .95); bottom: 0; color: #999 }
.team figure h3.team-title a { color: #920000; font-size: 18px; font-weight: 700 }
.team figure:hover h3.team-title { display: none }
.team figure figcaption h3 { font-size: 16px; font-weight: 700; margin: 0 0 12px 0 }
.team figure figcaption h3 a { color: #FFF; text-decoration: underline }
.team figure figcaption h3 a:hover { text-decoration: none }
.team figure figcaption p { margin: 0; line-height: 28px }
.team figure figcaption p.zygw { height: 112px; overflow: hidden }
.team-more { padding: 7px 10px 5px 10px; background-color: rgba(255, 255, 255, .7); color: #920000 !important; text-decoration: none !important }
.team-more:hover { color: #FFF !important }
.ny-kehu .row { margin: 0 2px 15px 2px; border-left: 1px solid #EDEDED; border-right: 1px solid #FFF; border-top: 1px solid #EDEDED }
.ny-kehu figure { width: 188px; float: left; position: relative; height: 100px; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED }
.ny-kehu figure:hover figcaption { display: block }
.ny-kehu figure figcaption { position: absolute; width: 188px; height: 100px; top: 0; left: 0; display: none; background-color: rgba(247, 90, 83, .7); color: #FFF; text-align: center; line-height: 100px }
.ny-kehu figure figcaption { font-size: 16px }
.ny-kehu figure figcaption a { color: #FFF }
.ny-kehu figure figcaption a:hover { text-decoration: underline }
.tags .tags-lie { width: 20% }
.map { color: #999 }
.map h3 a { color: #000 }
.tdfc figure, .zzry figure { padding: 0 15px; float: left }
.tdfc figure { padding-bottom: 20px }
.tdfc figure img, .zzry figure img { width: 360px }
.tdfc figure figcaption, .zzry figure figcaption { margin-bottom: 15px }
.fzlc h3 { background-color: #920000; color: #FFF; padding: 5px 10px }
.info .biaoti { text-align: center; font-size: 20px; margin-bottom: 10px; margin-top: 0 }
.info .shuoming { text-align: center; color: #999; margin: 0 0 20px 0; padding-bottom: 26px; font-size: 12px; background: url(../images/title4.png) center bottom no-repeat }
.aside { width: 190px }
.aside .ny-h4 { font-size: 16px; margin: 10px 0; padding-top: 36px; border-bottom: 1px solid #EDEDED; background: url(../images/wen.png) left 0 no-repeat }
.aside ul li small { color: #999 }
.aside .xx-qq a, .aside .xx-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat }
.aside .xx-sq a { background-position: left -22px; margin-left: 5px }
.aside figure { margin-top: 10px; text-align: center }
.aside figure.text-left { text-align: left }
.aside .team-gz, .aside .team-yy { height: 40px; margin-right: 20px; border-radius: 4px; padding: 0 10px 0 38px; display: block; line-height: 40px; background-image: url(../images/team-yy.png); background-position: left top; background-color: #920000; color: #FFF; background-repeat: no-repeat }
.aside .team-gz a, .aside .team-yy a { color: #FFF }
.aside .team-gz:hover, .aside .team-yy:hover { background-color: #00a79a }
.aside .team-yy { background-position: left bottom }
.ny-team-tj { font-size: 16px; margin: 15px 0 }
.team figcaption p { color: #FFF !important }
.pages { padding: 30px 0 30px; text-align: center }
.g_nav { height: 54px; width: 100%; position: relative; background-color: #2b2b2b }
.g_nav01 { width: 1100px; margin: 0 auto }
.g_nav01 table { float: left; width: 1100px }
.g_nav01 table tr td { text-align: center; height: 54px; position: relative }
.g_nav01 a { display: block; height: 41px; padding-top: 13px; color: #fff; font-size: 16px; position: relative }
.g_nav01 a.now div { width: 84px; height: 3px; background-color: #fff; position: absolute; top: 25px }
.g_nav01 a span { font-size: 12px; color: #baa58c }
.g_nav01 table tr td .nav_tan { display: none; width: 100%; position: absolute; top: 54px; background-color: #920000; opacity: .95; z-index: 999; text-align: center }
.g_nav01 table tr td .nav_tan a { width: 100%; margin: 0 auto; font-size: 14px; text-align: center; letter-spacing: 1px; padding-top: 6px }
.g_nav01 table tr td .nav_tan a:hover { font-weight: 700; color: #f7f7f7; font-size: 15px }
.g_nav01 table tr td a:hover { background-color: #920000 }
.list-unstyled { padding: 0; margin: 0; list-style: none }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.list-unstyled li a { font-size: 16px; color: #fff; padding-left: 50px }
.list-unstyled li { width: 168px; background: #920000; margin-bottom: 6px }
.list-unstyled li:hover { background: #fff url(../images/naviga2.png) no-repeat 0 center }
.list-unstyled li:hover a { color: #920000 }
.info li, .info p { color: #666; font-size: 14px }
.ny-news { border-bottom: 1px solid #EDEDED; padding-bottom: 30px; margin-bottom: 40px }
.ny-news h1 a { font-size: 20px; color: #000 }
.ny-news h1 a:hover { color: #920000 }
.ny-news .shuoming { color: #666 }
.ny-news .btn-success { margin-left: 0 }
.ny-news .guanzhu, .ny-news .mulu, .ny-news .time { background-image: url(../images/news-kb.png); background-repeat: no-repeat; background-position: left 3px; margin-right: 10px; height: 22px; padding-left: 23px; display: inline-block; color: #999 }
.ny-news .guanzhu { background-position: left -19px }
.ny-news .time { background-position: left -41px }
.ny-news .news-qq a, .ny-news .news-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat }
.ny-news .news-sq a { background-position: left -22px; margin-left: 5px }
.btn-success { color: #fff; background-color: #920000; border-width: 0; border-radius: 5px; padding: 10px 20px 8px 20px; margin: 0 15px; white-space: nowrap; text-overflow: ellipsis }
.btn-success.about-more { padding: 14px 30px 12px 30px }
.btn-success.news-more { padding: 7px 10px 5px 10px; margin-left: 0 }
.btn-success:active, .btn-success:focus, .btn-success:hover { color: #fff; background-color: #1a1a1a; text-decoration: none }
.btn { margin: 10px 0 0 0 }
.wj-content { width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #f1eded; }
.ny-banner { width: 100%; background: url(../images/aboutimg3.jpg) no-repeat center top; height: 251px; }
.Positioning { float: right; background: url(../images/homeicon.jpg) no-repeat left center; padding-left: 20px; margin-top: 35px; }
.about_title_two { color: #000; font-size: 20px; padding-top: 7px; line-height: 25px; padding-left: 10px; float: left; }
.about_title_two p { color: #0657b2; font-size: 16px; }
.about_title { float: left; }
.about_nav { float: right; padding-top: 25px; }
.about_nav li { float: left; width: 80px; text-align: center; height: 31px; line-height: 31px; margin: 0 3px 10px 3px; }
.about_nav li a { color: #fff; background: #E56B28; display: block; font-size: 14px; }
.about_nav li a.cur, .about_nav li a:hover { background: #0657B2; }
.aboutcon { font-size: 14px; width: 1200px; margin: 0 auto; color: #666; line-height: 40px; padding: 0px 0 60px 0; }
.contain-news .nl-box { margin-top: 30px; position: relative; width: 100%; height: auto; padding: 30px 25px; border: 1px solid #e5e5e5; overflow: hidden; }
.contain-news .nl-box h2 { display: inline-block; font-size: 18px; color: #323232; font-weight: normal; padding-right: 16px; background: url(../images/icon-5.png) no-repeat right center; margin-right: 10px; }
.contain-news .nl-box span { font-size: 14px; color: #888888; }
.contain-news .nl-box p { font-size: 13px; color: #666666; line-height: 25px; margin-top: 10px; }
.contain-news .nl-box:hover { background: #f3f3f3; }
.news_wrap { width: 80%; float: right; }
.news_wrap .news_wrap_cont { padding: 2% 3%; line-height: 32px; }
.about_top { padding-top: 30px; }

/*翻页*/
.pglist { width: 100%; clear: both; height: 80px; }
.pglist ul { width: 100%; text-align: center; padding-top: 20px; }
.pglist ul li { vertical-align: bottom; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 30px; margin-left: 5px; _display: inline; _zoom: 1; _margin-left: 5px; border: 1px solid #0D1D31; font-size: 14px; line-height: 30px; text-align: center; background: #1B2A3D }
.pglist ul li a { color: #fff; line-height: 30px; display: block }
.pglist ul li.home, .pglist ul li.end { width: 60px; height: 30px; border: 1px  solid #122a70; }
.pglist ul li.next, .pglist ul li.last { width: 30px; height: 30px; border: 1px  solid #1B2A3D; font-size: 24px; line-height: 30px; font-family: '宋体' !important; font-weight: bold; }
.pglist ul li.on { background: #CB301C; border: 1px  solid #AE2A15; }
.pglist ul li.on a { color: #fff; }
.pglist ul li.nohover { background: #1B2A3D; border: 1px  solid #10233A; font-family: '微软雅黑'; color: #fff }
.pglist ul li.nohover a { color: #fff; }
.page { margin: 2% 0; padding: 1%; line-height: 35px; border-top: 1px solid #C7C7C7; }
.page a { display: block; text-align: left; }
.fanye { width: 640px; margin: 0 auto; padding-top: 10px; position: relative; border-top: 1px #A9A9A9  solid; padding-bottom: 40px; }
.fanyea { margin: 0 auto; padding: 20px 0; position: relative; border-top: 1px #D4D4D4  solid; border-bottom: 1px #D4D4D4 solid; }
.fanyea a:hover { color: #D20A0A }

/* ========留言样式*/
fieldset { border: none }
.msg_ul { width: 580px; height: auto; overflow: hidden; margin: 20px auto; }
.msg_ul li { width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 6px; }
.msg_ul li p { width: 90px; float: left; height: 36px; font: 14px/36px "microsoft yahei"; color: #333; vertical-align: top; text-align: right; margin: 0 6px 0 0; }
.msg_ul li p span { color: #5fa6e6; margin-top: 2px; vertical-align: middle; font-weight: bold }
.msg_input { width: 264px; height: 34px; border: 1px solid #d9d9d9; border-radius: 2px; padding: 0 10px; }
.msg_textarea { border: 1px solid #d9d9d9; border-radius: 2px; padding: 0 10px; }
.msg_pin { width: 164px; height: 34px; border: 1px solid #d9d9d9; border-radius: 2px; padding: 0 10px; float: left; }
.msg_pin img { float: left; margin-left: 14px; }
.msg_textarea { width: 264px; height: 80px; border: 1px solid #d9d9d9; border-radius: 2px; padding: 10px; resize: none }
.msg_submit { width: 286px; height: 36px; margin: 20px auto; border-radius: 3px; border: 0; text-align: center; font: 18px/36px "microsoft yahei"; color: #fff; cursor: pointer; transition: 0.5s; background: #5fa6e6; }
.msg_submit:hover { background: #fff; border: 1px solid #5fa6e6; transition: 0.5s; color: #5fa6e6; }

/* =========== */