@charset "utf-8";
/* CSS Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block }
audio, canvas, video {display:inline-block }
[hidden], audio:not([controls]) {display:none }
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100% }
body {font-size:14px; font-family: "微软雅黑", Arial, sans-serif; }
a {color:#999; text-decoration:none; }
a:visited {color:#333 }
a:active, a:focus, a:hover {outline:0 }
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
abbr[title] {border-bottom:1px dotted }
b, strong {font-weight:700 }
blockquote {margin:1em 40px }
dfn {font-style:italic }
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0  }
ins {background:#ff9;color:#000;text-decoration:none  }
mark {background:#ff0;color:#000;font-style:italic;font-weight:700  }
code, kbd, pre, samp {font-family:monospace, monospace;font-size:1em  }
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word  }
q {quotes:none  }
q:after, q:before {content:"";content:none  }
small {font-size:85%  }
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline  }
sup {top:-.5em  }
sub {bottom:-.25em  }
img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle  }
label {cursor:pointer }
legend {border:0;padding:0  }
button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline }
button, input {line-height:normal; outline:medium;  }
button, input[type=button], input[type=reset], input[type=submit] {cursor:pointer;-webkit-appearance:button;outline:medium;  }
input[type=checkbox], input[type=radio] {box-sizing:border-box;outline:medium;  }
input[type=search] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;outline:medium;  }
input[type=search]::-webkit-search-decoration {  -webkit-appearance:none;outline:medium;}
button::-moz-focus-inner, input::-moz-focus-inner {  border:0;  padding:0  }
textarea {  overflow:auto;  vertical-align:top;  resize:vertical;outline:medium;  }
input:invalid, textarea:invalid {  background-color:#f0dddd  }
table {  border-collapse:collapse;  border-spacing:0  }
td {  vertical-align:top  }
.ir {  display:block;  border:0;  text-indent:-999em;  overflow:hidden;  background-color:transparent;  background-repeat:no-repeat;  text-align:left;  direction:ltr  }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.ir br {  display:none  }
.hidden {  display:none!important  }
.visuallyhidden {  border:0;  clip:rect(0 0 0 0);  height:1px;  margin:-1px;  overflow:hidden;  padding:0;  position:absolute;  width:1px  }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {  clip:auto;  height:auto;  margin:0;  overflow:visible;  position:static;  width:auto  }
.invisible {  visibility:hidden  }
.clearfix:after, .clearfix:before {  content:"";  display:table  }
.clearfix:after {  clear:both  }
.clearfix {  zoom:1  }
.no-responsive {  width:auto!important;  height:auto  }
.hidden {  visibility:hidden;  }
.h50{ height:50px; overflow:hidden; width:100%;}
.arial{ font-family:Arial, Helvetica, sans-serif;}
.hidden-desktop, .visible-phone, .visible-tablet {  display:none!important  }
.visible-desktop {  display:inherit!important  }
.flash-move-active{  opacity: 1!important;  -webkit-transform: translate3d(0,0,0)!important;  transform: translate3d(0,0,0)!important;  -webkit-transition: all 1.5s ease-out;  transition: all 1.5s ease-out  }
.flash-move-active2{  opacity: 1!important;  -webkit-transform: translate3d(0,0,0)!important;  transform: translate3d(0,0,0)!important;  -webkit-transition: all 1.5s ease-out;  transition: all 1.5s ease-out  }
.flash-move-top{  opacity: 0;  -webkit-transform: translate3d(0,-150px,0);  transform: translate3d(0,-150px,0);  }
.flash-move-top2{  opacity: 0;  -webkit-transform: translate3d(0,150px,0);  transform: translate3d(0,150px,0);  }
.fl{ float:left;}
.fr{ float:right;}

@media print {
    * {  background:0 0!important;  color:#000!important;  text-shadow:none!important;  filter:none!important;  -ms-filter:none!important  }
    a, a:visited {  text-decoration:underline  }
    a[href]:after {  content:" (" attr(href) ")"  }
    abbr[title]:after {  content:" (" attr(title) ")"  }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {  content:""  }
    blockquote, pre {  border:1px solid #999;  page-break-inside:avoid  }
    thead {  display:table-header-group  }
    img, tr {  page-break-inside:avoid  }
    img {  max-width:100%!important  }
    h2, h3, p {  orphans:3;  widows:3  }
    h2, h3 {  page-break-after:avoid  }
}



/* CSS Default */
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{ margin:0;padding:0;}
h1, h2, h3, h4, h5,h6{ font-weight:normal;font-size:100%; font-variant: normal;}
html{ -webkit-text-size-adjust:none;}
fieldset,img{ border:0;}
img{vertical-align:top; display:inline-block;}
ul,li{list-style:none;}
em,i{ font-style:normal;}
table{border-collapse:separate; border-spacing:0;}
a{ text-decoration:none;}
a:focus,input,button,select,textarea{ outline:none;}
a:hover{ text-decoration: none;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}
.clear{ clear:both;}
.hide{ display:none;}

.left{ float: left;}
.right{ float: right;}

::-webkit-input-placeholder { color:#c9c9c9;}
:-moz-placeholder { color:#c9c9c9;opacity:1;}
::-moz-placeholder { color:#c9c9c9;opacity: 1;}
:-ms-input-placeholder { color:#c9c9c9;}

.form2 ::-webkit-input-placeholder { color:#2f2f2f;}
.form2 :-moz-placeholder { color:#2f2f2f;opacity:1;}
.form2 ::-moz-placeholder { color:#2f2f2f;opacity: 1;}
.form2 :-ms-input-placeholder { color:#2f2f2f;}

.arrow-up{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ededed;}
.arrow-down{ width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ededed;}
.arrow-left {width:0;height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #ededed;}
.arrow-right{width:0; height:0; border-top:10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #ededed;}

.arrow-prev{ background: url(../images/arrow_left_icon.png) no-repeat left top; position: absolute; width: 18px;height: 30px; }
.arrow-prev:hover{ background-position: left bottom;}
.arrow-next{ background: url(../images/arrow_right_icon.png) no-repeat left top; position: absolute; width: 18px;height: 30px; }
.arrow-next:hover{ background-position: left bottom;}

/* Css */
.header{ width: 100%; height: 80px; /*box-shadow: 0px 2px 3px 0px #f2f2f2  padding-bottom: 3px;  background: url("../images/top_line_bg.png")repeat-x left bottom;*/ position: relative;  }
.header .bg{ display: block; width: 100%; bottom: 0px; left: 0; height:5px; position: absolute;  background: url("../images/top_line_bg.png") repeat-x left bottom;  *background:red  url("../images/top_line_bg.gif") repeat-x left bottom;}
.head{ width: 1200px; margin: 0 auto; height: 70px;}

.head h1{ float: left; margin-top: 12px;}
.head .nav{ float: right; margin-right: -16px;}
.head .nav ul li{ display: inline-block; float: left; position: relative; margin-left: 8px; z-index: 999; *width:95px;}
.head .nav ul li > div{ position: absolute; z-index: 666;}
.head .nav ul li.index span{min-width: 70px;}
.head .nav ul li span{ display: block; height: 70px; line-height: 70px; font-size: 16px; color: #686868; min-width: 95px; text-align: center;}
.head .nav ul li span a{ display: inline-block; color: #686868;}
.head .nav ul li span i{ display: inline-block; width: 7px; height: 4px; background: url("../images/nav_icon.png") no-repeat left top; float: right; margin: 34px 0 0 6px; *margin:-34px 0 0 -12px;}
.head .nav ul li .level-two{ min-width: 120px; background-color: #f61b6d; text-align: center; display: none;}
.head .nav ul li .level-two p{ display: block; width: 100%; height: 34px; line-height: 34px; border-bottom: 1px #f8498a solid;}
.head .nav ul li .level-two p a{ color: #fef2f7;}

.head .nav ul li.select span{ color: #f61b6d; border-top: 2px #f61b6d solid; height: 68px;}
.head .nav ul li.select span a{ margin-top: -2px; color: #f61b6d;}
.head .nav ul li.select span i{ background-position: left -6px;}

.head .nav ul li.haschild.hover{ background-color: #f61b6d;}
.head .nav ul li.haschild.hover a{ color: #fff;}
.head .nav ul li.select.hover a{}
.head .nav ul li.hover span{ color: #f61b6d; border-top: 2px #f61b6d solid; height: 68px;}
.head .nav ul li.hover span a{ margin-top: -2px; color: #f61b6d;}
.head .nav ul li.hover a{ color: #f61b6d;}
.head .nav ul li.hover span i{ background-position: left bottom;}
.head .nav ul li.hover .level-two{ display: block}

.menu-icon{ float: right; margin-top: 7px; cursor: pointer;}
.nav-phone{ position: fixed; z-index: 1000; top:11px; left:0; padding: 0 2%; width: 96%; display: none;}
.nav-phone .nav-logo{ float: left;}
.nav-phone .nav-close{ position: absolute; height: 59px; width: 50px; background: url("../images/close.png") no-repeat 17px 14px; right:2%;top: 0; z-index: 1000; cursor: pointer;}
.nav-phone ul{padding: 45px 40px 0 40px; clear: both;}
.nav-phone ul li > a { display: block; text-align: left; line-height: 55px; font-size: 18px; color: #fff; border-bottom: 1px solid #333;}
.nav-phone ul li > a em{ display: inline-block;}
.nav-phone ul li > a i{display: inline-block; width: 7px; height: 4px; background: url("../images/nav_icon.png") no-repeat left -12px; float: right; margin: 26px 0 0 8px;}
.nav-phone ul li > div{ display: none;}
.nav-phone ul li > div a{display: block;line-height: 55px; font-size: 16px; color: #fff; border-bottom: 1px solid #333; text-indent: 16px;}
.nav-phone ul li.spread > div{ display: block;}

#banner_switch{position:relative; width: 100%; min-width:1738px; height:625px; overflow:hidden;}
#banner_switch ul {list-style-type:none; z-index:999; margin:0; padding:0;}
#banner_switch ul li { width:11px; height:11px; float: left; margin: 0 5px; display:inline-block;color:#FFF; border-radius: 50%; border:1px #fff solid; cursor:pointer; text-indent: -999px; overflow: hidden; margin-left: 2px; *float: left; *width:12px; *height:12px; *background: url("../images/scroll_point_icon.png") no-repeat right top;*border: 0 none; }
#banner_switch ul li.on { background-color:#fff; *background: url("../images/scroll_point_icon.png") no-repeat left top;}
#banner_switch_list a{position:absolute;}
#banner_switch_list img{ width: 100%;}
#banner_switch .regulat-w{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 101; text-align: center; bottom:10px;}

.form input, .form textarea{ color: #c9c9c9; border: 0 none; font-size: 14px; font-family: "微软雅黑"; background-color: rgba(255,255,255,0.2); *background: url("../images/foot_input_bg.png") repeat;}
.form input{ height: 24px; line-height: 24px; padding: 8px 3%; width: 94%;}
.form textarea{ width: 94%; height: 115px; padding: 8px 3%;}
.form .btn{ display: block; width: 72px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 18px; background-color: #323232; float: left;}
.form .btn:hover{ background-color: #f61b6d;}
.form .sub em{ display: block; line-height: 40px; margin-left: 16px; float: left;}

.footer{ width: 100%; color: #fff; position: relative; background: #0b0a08 url("../images/footer_bg.jpg") no-repeat center top; clear: both;}
.footer .project{ min-height: 324px; padding: 40px 0 46px 0;}
.footer .section{ width: 30%; margin-left:5%; float: left;}
.footer .first{ margin-left: 0;}
.footer .section h2{ display: block; width: 100%; height: 32px; border-bottom: 1px #868584 solid; color: #ffffff; position: relative;}
.footer .section h2 strong{ font-weight: normal; font-size: 20px; position: absolute; border-bottom: 2px #f61b6d solid; padding-bottom: 5px;}
.footer .section h2 em{ font-size:12px; margin-left:2px;}
.footer .section .company{ margin-top: 25px;}
.footer .section .company dt{ font-size: 24px;}
.footer .section .company dt em{ display: block; font-size:16px; margin-top: 6px; font-family:arial;}
.footer .section .company dd{ margin-top: 22px;}
.footer .section .company dd p{ line-height: 26px; color: #d7d7d7; font-size: 14px;}
.footer .section .company dd p.margin{ margin-top: 18px;}
.footer .section .company dd p.pend{ color: #565656; font-size: 12px; line-height:18px;}

.footer .section .share{ padding: 32px 0 18px 0; overflow: hidden; text-align: center;}
.footer .section .share li{ display:inline-block;  padding:0 3.8%; *float:left;}
.footer .section .share li a{ display: block; width: 50px; height: 50px; background: url("../images/share_icon.png") no-repeat;}
.footer .section .share li .wx{ background-position: left 0;}
.footer .section .share li .sina{ background-position: -81px 0;}
.footer .section .share li .wb{ background-position: -162px 0;}
.footer .section .share li .qq{ background-position: -242px 0;}

.footer .contact p{ display: inline-block; width: 100%; color: #d7d7d7; line-height: 28px;}

.footer .form{ margin-top: 20px; width: 100%; overflow: hidden;}
.footer .form p{ margin-top: 10px;}

.firend-link{ text-align: center; padding: 8px 0 20px 0; width: 1200px; margin: 0 auto;}
.firend-link a{line-height: 26px; color: #d7d7d7;font-size: 14px; padding: 0 5px;}

.float-bar{ position: fixed; right: 0; bottom: 1px; z-index: 1100;}
.float-bar a{display: block; width: 56px; height: 56px;}
.float-bar .go-top{  background: url("../images/float_bar.png") no-repeat; margin-bottom:1px;}
.float-bar > div{ position: relative;}
.float-bar > div a{ background: url("../images/float_bar.png") no-repeat left bottom; }
.float-bar > div span{ display: none; padding:3px;  position: absolute; left: -114px; top: -57px; background-color:rgba(0,0,0,0.4); }
.float-bar .hover span{ display: block;}

.project .loading{ display: none; text-align: center;}
.project .loading em{ color: #666; display: inline-block; width: 30px; height: 30px; background: url("../images/load_icon.gif") no-repeat left center; line-height: 30px; padding-left: 40px; color: #888;}

.pop-tip{z-index: 100;}
.pop-tip.relative{ position: relative;}
.pop-box{ display: inline-block; height: 20px; line-height: 20px; padding: 0 8px; color: #767676; border: 1px #767676 solid; border-radius: 4px; font-size: 12px;  box-shadow: 4px 2px 7px -1px #767676; background: url("../images/pop_text_bg.jpg") repeat-x left top; top:100px; right: 100px; z-index: 101; position: absolute; text-align: center;}