*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, body, div, span, applet, object, iframe, ul, p, h1, h2, h3, h4, h5, h6, dl, dt, dd{ margin:0;padding:0;border: 0;vertical-align: baseline;font-style:normal;font-weight:normal;}
em,i{ font-style:normal;}
ol,ul,li { margin: 0; padding: 0; list-style: none; }
img{ max-width:100%; /*max-height:100%;*/ vertical-align: middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}

body{ text-align:left; font-family:"Helvetica","Microsoft YaHei"; color:#666; margin:0 auto; background-color:#fff;}
a { color:#666; text-decoration:none; outline:0!important; cursor: pointer;}
a:visited { text-decoration:none; }
a:hover { color:#00b0b0; text-decoration:none; }
a:active { color:#00b0b0; }
hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #dddddd}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.clearfix {*zoom:1;}
.text-aL { text-align:left;}
.text-aR { text-align:right;}
.text-aC { text-align:center;}
.left { float:left;}
.right { float:right;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.relative {position:relative;}
.absolute {position:absolute;}
.disNone { display:none;}
.disBlock { display:block;}
.overflowHidden { overflow:hidden;}

.fontweigthBold { font-weight:bold;}
.fontweigthN { font-weight:normal;}

/* color */
.cGg,.cGg a,.cGg:visited {color:#7B7C7D;}
.cWhite,.cWhite:visited,.cWhite a{color:#fff;}
.cYellow,.cYellow:visited{color:#ff0;}
.cOrange,.cOrange:visited,.cOrange a{color:#f60;}
.cDGreen,.cDGreen:visited,.cDGreen a{color:#0a6903;}
.cGreen,.cGreen:visited,.cGreen a{color:#24a0a2;}
.cGreenO,.cGreenO:visited,.cGreenO a{color:#008883;}
.cGGreen,.cGGreen:visited,.cGGreen a{color:#2dbe60;}
.cGray,.cGray:visited,.cGray a{color:#444;}
.cLGray,.cLGray:visited,.cLGray a{color:#888;}
.cDGray,.cDGray:visited,.cDGray a{color:#727171;}
.cBlack,.cBlack:visited,.cBlack a{color:#000;}
.cBlue,.cBlue:visited,.cBlue a{color:#19bde4;}
.cDBlue,.cDBlue:visited,.cDBlue a{color:#0077ae;}
.cRed,.cRed:visited,.cRed a{color:#ff0000;}
.cDRed,.cDRed:visited,.cDRed a{color:#BA2636;}
.cPRed,.cPRed:visited,.cPRed a{color:#f986ae;}
.cPeRed,.cPeRed:visited,.cPeRed a{color:#ff4c6c;}
.cEmerald,.cEmerald:visited{color:#23c4a7;}
.cGg a:hover,a.cGg:hover,.cRed a:hover,a.cRed:hover,.cBlue a:hover,a.cBlue:hover,.cDRed a:hover,a.cDRed:hover,.cPRed a:hover,a.cPRed:hover,.cGray a:hover,a.cGray:hover,.cDGray a:hover,a.cDGray:hover,.cWhite a:hover,a.cWhite:hover,.cBlack a:hover,a.cBlack:hover,.cGreen a:hover,a.cGreen:hover,.cYellow a:hover,a.cYellow:hover,.cEmerald a:hover,a.cEmerald:hover{color:#00b0b0;}
.cWhite a:hover,a.cWhite:hover{color:#fff;}

.blank1 {clear:both; height:1px; border-top: 1px solid #e1e1e1; overflow:hidden; display:block;}
.blank20 { clear:both; height:20px; overflow:hidden; display:block;}
.blank20G { clear:both; height:20px; overflow:hidden; display:block; background-color:#ededed;}
.blank30 { clear:both; height:30px; overflow:hidden; display:block;}
.blank40 { clear:both; height:40px; overflow:hidden; display:block;}
.blank50 { clear:both; height:50px; overflow:hidden; display:block;}
.blank60 { clear:both; height:60px; overflow:hidden; display:block;}


.wrapper, .header, .navigation { width:100%; }
.wrapper { min-height: 100%; height: 100%; margin:0; overflow: hidden; } 
.wrapper_fff { background-color: #fff;}
.wrapper_f2f2f2 { background-color: #f2f2f2;}
.container { width:1200px; min-height:100%; padding:0; margin:0 auto; box-sizing: border-box;}


.picList { width: 100%; overflow: hidden;}
.picList ul { width: 100%;}
.picList li { float: left;}

.f12bla li { clear:both; padding: 0; overflow: hidden;}
.f12bla .firstNd { background:none; padding-left:0; line-height:0; margin-bottom:6px;}
.f12bla .firstNd h5 {font-weight:bold; color: #333; font-size: 16px; line-height: 2em; margin-bottom: .5em;}
.f12bla .firstNd img { float:left; margin:0 40px 0 0;}
.f12bla .firstNd p { text-indent:0em; color:#666;}

/* 浏览器版本提示 */
#met_layout_ietip {display:none;padding:10px;z-index:9999;color:#a94442;background-color:#f2dede;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
#met_layout_ietip h4 {margin-top:13px;line-height:30px;font-weight:normal;}
#met_layout_ietip a {display:inline-block;text-align:center;color:#a94442;margin:10px;}
#met_layout_ietip a > img.img-responsive {display:inline-block;height:40px;margin-bottom:3px;}


.header .inner-wrap,
.navigation .inner-wrap,
#footer .inner-wrap,
.container .inner-wrap,
.inner-section { clear:both; width:1200px; margin:0 auto; overflow: hidden; }

.header, .navigation { border-bottom: 1px solid #e1e1e1; position: relative;}
.header .logo { float: left; margin: 30px 0;}
.header .header-util-guide { float:left; margin: 35px 0 30px 10px;}
.header .header-util-guide ul { width:100%; margin:0; padding:0; color: #888; }
.header .header-util-guide li { color: #888; text-align: right; line-height: 30px; /*-webkit-animation: twinkling 1s infinite ease-in-out;*/ }
.header .header-util-guide li>i { color: #ccc; margin: 0 15px;}
.header .header-weixin { float:right; margin: 5px 0 5px 10px; text-align: center;}
.header .header-weixin p { font-size: 12px; text-align: center; line-height: 1.25em}

.header-brand { float: left;  margin-top: 30px; margin-left: 15px;}
.header-brand ul { float: left; padding: 0 15px;}
.header-brand ul li { font-size: 14px; line-height: 1.5em; color: #888;}
.header-brand ul:first-of-type { text-align: right; border-right: 1px solid #eee;}
.header-brand ul:first-of-type li {}


.navigation ul { float: left;}
.navigation li { float: left; width: 180px; text-align: center; line-height: 60px; color: #666;}
.navigation .homeList { width: 300px;}
.navigation .navList { width: 900px;}
.navigation li#home { width: 120px;}

.navigation .menu-panel {position:absolute; z-index:102; top:61px; width:100%; display:none; background: #FFF; text-align: center; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.navigation .menu-panel.expanded { display: block; box-shadow:0px 5px 5px 0px rgba(0,0,0,.1); }
.navigation .menu-panel .inner-wrap { margin:0 auto; }

.sub-menu { width: 900px; float: right;}
.sub-menu-list {display: inline-block; vertical-align:top; padding:25px 0 45px; width: 180px; box-sizing: border-box;}
.sub-menu-list:before {position: absolute; z-index: 0; content:""; top: 0px; bottom: 0; margin-left: -90px; width: 180px; border-left:1px solid #ebeced;}
.sub-menu-list.active:before {background-color: #f2f2f2;}
.sub-menu-list:first-child:before {  border-left:1px solid #ebeced; }
.sub-menu-list:last-child:before {  border-right:1px solid #ebeced; }
.sub-menu-list li {position: relative; line-height: 28px; text-align:left; padding-left: 30px; }
.sub-menu-list a[role="menuitem"] { display:inline-block; margin:0; padding:0; font-size: 14px; font-weight:normal; line-height:18px; color: #666666; border-bottom: 1px solid transparent;}
.sub-menu-list li:first-child a[role="menuitem"] { margin-top:0; }
.sub-menu-list a[role="menuitem"]:hover,
.inner-menu a:hover { color: #41c1c2; text-decoration:underline;}  

.sub-menu-ad ul { margin-top: 5px;}
.sub-menu-ad li { float: none; margin-top: 20px;}

/* gnb */
.menubar { height:61px; text-align: center; }
.menu-parent {display: inline-block; width:176px; text-align:center; box-sizing:border-box; }
.menu-parent a[role="menuitem"] { display: inline-block; margin:0 -2px; padding:0 15px; font-size:16px; border-bottom: 1px solid transparent; text-decoration:none; color: #666}
.menu-parent a[role="menuitem"] em { overflow: hidden; font-style:normal; background-repeat: no-repeat; background-position: 50% -22px; }
.menu-parent a[role="menuitem"].active,
.menu-parent a[role="menuitem"]:hover { border-bottom-color:#00b0b0;}
.menu-parent a[role="menuitem"].active em,
.menu-parent a[role="menuitem"].current em,
.menu-parent a[role="menuitem"]:hover em { background-position: 50% 2px; color: #00b0b0;}



/*二维码排三个时
.footer{width:100%;background: #f2f2f2; font-family: Verdana," sans-serif";font-size:14px;}
.footer_nav{padding:60px 0 30px; color: #666; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px;}
.footer_left{width:280px;float: left;}
.footer_left h3{font-size:16px;line-height: 20px;margin-bottom: 14px; font-weight: bold; color: #444;}
.footer_left p{font-size:14px;;word-wrap: break-word; color: #666; line-height:24px;}
.hour24 { border: 1px solid #00b0b0; display: inline-block; border-radius: 5px; height: 40px; padding:10px 30px; line-height: 20px; margin-bottom: 15px; }
.hour24 a {color:#00b0b0;}
.hour24 a img{display: inline-block;vertical-align: middle;margin-bottom: 2px;}
.hot_line p {font-size:14px; line-height: 2em;}
.hot_line h6{font-size:36px;margin-bottom: 18px;color:#00b0b0;letter-spacing:-2px}
.footer_middle{margin: 0 2%;float: left;width:35%; }
.footer_middle dl{float:left;width:33%;padding-left:6%;margin-top: 0px;}
.footer_middle dl dd{margin-top:10px;}
.fooer_right{width:450px; float: left;text-align: center;font-size:14px;}
.fooer_right ul li { float: left; margin-left: 10px;}
.fooer_right ul li:first-of-type { margin-left: 0;}
.fooer_right h6 { font-weight: bold;font-size:14px; color: #444; margin: 0;}
.fooer_right img {margin: 15px 0;}
.copyRight{padding: 10px 0 50px;text-align:left;}
.friendlyLink,.copyRight { color: #888;}
.friendlyLink a,.copyRight a { color: #888;}
.footer_middle dl dd a:hover, .friendlyLink a:hover, .copyRight a:hover{color:#00b0b0;text-decoration:none;}*/


.footer{width:100%;background: #f2f2f2; font-family: Verdana," sans-serif";font-size:14px;}
.footer_nav{padding:60px 0 30px; color: #666; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px;}
.footer_left{width:280px;float: left; text-align: left;}
.footer_left h3{font-size:16px;line-height: 20px;margin-bottom: 14px; font-weight: bold; color: #444;}
.footer_left p{ font-size:14px;;word-wrap: break-word; color: #666; line-height:24px; text-align: left;}
.hour24 { border: 1px solid #00b0b0; display: inline-block; border-radius: 5px; height: 40px; padding:10px 30px; line-height: 20px; margin-bottom: 15px; }
.hour24 a {color:#00b0b0;}
.hour24 a img{display: inline-block;vertical-align: middle;margin-bottom: 2px;}
.hot_line h6{font-size:36px;margin-bottom: 18px;color:#00b0b0;letter-spacing:-2px}
.footer_middle{margin: 0 5%;float: left;width:39%; }
.footer_middle dl{float:left;width:33%;padding-left:6%;margin-top: 0px;}
.footer_middle dl dd{margin-top:10px;}
.fooer_right{width:330px; float: left;text-align: center;font-size:14px;}
.fooer_right ul li { float: left; margin-left: 50px;}
.fooer_right ul li:first-of-type { margin-left: 0;}
.fooer_right h6 { font-weight: bold;font-size:16px; color: #444; margin: 0;}
.fooer_right img {margin: 15px 0;}
.fooer_right p { text-align: center;font-size:14px;}
.copyRight{padding: 10px 0 50px;text-align:left;}
.friendlyLink,.copyRight { color: #888;}
.friendlyLink a,.copyRight a { color: #888;}
.footer_middle dl dd a:hover, .friendlyLink a:hover, .copyRight a:hover{color:#00b0b0;text-decoration:none;}




/*底部固定半透明文字滚动*/
.fixed_bottom_new{position: fixed; left: 0; right: 0; bottom: 0; width: 100%; height: 93px; color: #fff; margin: 0 auto; overflow:hidden; background: url(/images/imgV2018/fbnbgnew.png) repeat; z-index:9;}
.fixed_bottom_new .w1200{width: 1200px; margin: 0 auto; position: relative;}
.fixed_bottom_new .fbnt{height: 30px; line-height: 30px; font-size: 16px; border-bottom:1px solid #fff;}
.fixed_bottom_new .fbnt .fbntSlide{width: 1000px;}
.fixed_bottom_new .fbnb .fbn_off{cursor: pointer; display: block; width: 30px; height: 30px; background: url(/images/imgV2018/closeBtn_swt.png) no-repeat; position:absolute; right: 36px; top: -30px; background-size: cover; }
.fixed_bottom_new .fbnbl{width: 690px; padding-left: 70px; font-size: 26px; line-height: 62px; background: url(/images/imgV2018/fbnb_icon01.png) 10px 10px no-repeat; float: left;}
.fixed_bottom_new .fbnbl b{display: block; padding-right: 10px; margin-right: 10px; background: url(/images/imgV2018/fbnb_line.png) right center no-repeat; float: left;}
.fixed_bottom_new .fbnbl span{font-size: 38px; color: #17d4d4; font-family:Georgia, serif; font-weight:normal; vertical-align: top; font-style:italic;}
.fixed_bottom_new .fbnbl span>i { font-size: 24px;}
.fixed_bottom_new .fbnbc{width: 280px; margin-top: 12px; float: left;}
.fixed_bottom_new .fbnbc .freetel{width: 280px; height: 38px; line-height: 38px; background: #fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.fixed_bottom_new .fbnbc .freetel .telFormB{display: block; float: left; width: 185px; padding-left: 10px; height: 38px; line-height: 38px; font-size: 18px; color: #666666; border:none; background: none; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fixed_bottom_new .fbnbc .freetel .telFormBtnB{cursor: pointer; display: block; float: right; margin-right: -2px; font-size: 18px; color: #fff; width: 95px; height: 38px; line-height: 38px; background: #0066ff; border:0; -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0px;}
.fixed_bottom_new .fbnbr{width: 500px; margin-top: 10px; float: right;}


/*电话动画*/
.animate{font-size: 32px; font-weight:normal; height:32px; line-height:32px;}
.animate02{font-size: 16px; font-weight:normal; height:22px; line-height:22px;}
.animate span,.animate02 span{display: inline-block;}
.animate span:nth-of-type(2),.animate02 span:nth-of-type(2){animation-delay: .05s;}
.animate span:nth-of-type(3),.animate02 span:nth-of-type(3){animation-delay: .1s;}
.animate span:nth-of-type(4),.animate02 span:nth-of-type(4){animation-delay: .15s;}
.animate span:nth-of-type(5),.animate02 span:nth-of-type(5){animation-delay: .2s;}
.animate span:nth-of-type(6),.animate02 span:nth-of-type(6){animation-delay: .25s;}
.animate span:nth-of-type(7),.animate02 span:nth-of-type(7){animation-delay: .3s;}
.animate span:nth-of-type(8),.animate02 span:nth-of-type(8){animation-delay: .35s;}
.animate span:nth-of-type(9),.animate02 span:nth-of-type(9){animation-delay: .4s;}
.animate span:nth-of-type(10),.animate02 span:nth-of-type(10){animation-delay: .45s;}
.animate span:nth-of-type(11),.animate02 span:nth-of-type(11){animation-delay: .5s;}
.animate span:nth-of-type(12),.animate02 span:nth-of-type(12){animation-delay: .55s;}
.animate span:nth-of-type(13),.animate02 span:nth-of-type(13){animation-delay: .6s;}
.animate span:nth-of-type(14),.animate02 span:nth-of-type(14){animation-delay: .65s;}

/* Animation Two */
.two span{height:16px; line-height:16px; color: #00b0b0; opacity: 0; transform: translate(200px, -100px) scale(2); animation: ballDrop 2s infinite;}
@keyframes ballDrop{0%{transform: translate(0) rotate(0deg) scale(.5);opacity: 0.5;} 40%{transform: translate(0) rotate(0deg) scale(1); opacity: 1;} 80%{transform: translate(0, 0px) rotate(0deg) scale(1);opacity: 1;} 100%{transform: translate(0, 0px) rotate(0deg) scale(1);opacity: 1;}}
.one span{height:32px; line-height:32px; color: #00b0b0; opacity: 0; transform: translate(200px, -100px) scale(2); animation: ballDrop 2s infinite;}
@keyframes ballDrop{0%{transform: translate(0) rotate(0deg) scale(.5);opacity: 0.5;} 40%{transform: translate(0) rotate(0deg) scale(1); opacity: 1;} 80%{transform: translate(0, 0px) rotate(0deg) scale(1);opacity: 1;} 100%{transform: translate(0, 0px) rotate(0deg) scale(1);opacity: 1;}}