@charset "utf-8";
/*!
 * Version - 3.7.3
 * Edited by Snowe / 2016.05.06
 * Copyright (c) 2016
 */
html{font-family:'microsoft yahei',Tahoma,Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,ul,dl,dd,dt,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}article,aside,footer,header,main,menu,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}b,strong{font-weight:bold}h1{font-size:2em;margin:.67em 0}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}li{list-style:none}em,i{font-style:normal}img{border:0;vertical-align:top;}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}button,input,select,textarea{color:inherit;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;border:0;background:none;}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}select::-ms-expand{display:none;}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}textarea{overflow:auto}/*table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*/*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg{margin:0!important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#a6a6a6; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#a6a6a6; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#a6a6a6; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a6a6a6; }
::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-track-piece{background-color: #ccc;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #ccc;-webkit-border-radius: 6px;}
/* 项目主体部分设置 */
body { background: #fff; color:#424242; }
a { color:#424242; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
a:hover { color: #00acbb; }
.animate {-webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; }
.header { position: relative; left: 50%; width: 1920px; margin: 0 0 0 -960px; }
.wrap { width: 1200px; margin:0 auto; }

.siteNav { height: 45px; background: #4d4d4d; line-height: 45px; }
.wel { float: right; }
.wel .welt { margin-right: 30px; color: #e5e4e4; font-size: 16px; }
.wel .tel { display: inline-block; height: 45px; padding-left: 40px; background: url(tel.png) 0 center no-repeat; color: #1dd7f9; font-size: 20px; vertical-align: top; }

.topHeight { height: 106px; }
.topArea { height: 106px; padding: 25px 0; background: #fff; transition: all ease .5s; }
.topArea.on { position: fixed; top: 0; left: 0; width: 100%; height: 76px; padding: 10px 0; box-shadow: 0 0 15px rgba(0,0,0,.1); z-index: 9; }
.logo { float: left; width: 225px; }

.nav { float: right; margin-top: 8px; text-align: center;  position: relative; z-index: 0; }
.nav dt { position: relative; float: left; height: 73px; overflow: hidden; z-index: 6; }
.nav dt > a { display: block; width: 111px; height: 41px; border-radius: 2em; font-size: 15px; line-height: 41px; }
.nav dt:hover > a,.nav .current > a { background: #00acbb; color: #fff; }

.nav .sub { position: absolute; top: 72px; width: 150%; left: -25%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); opacity: 0; }
.nav .sub li a { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #eee; color: #00acbb; font-size: 13px; line-height: 1.5; }
.nav .sub li:last-child a { border-bottom: 0; }
.nav .sub li a:hover { background: #f3f3f3; }

.nav dt:hover { overflow: visible; }
.nav dt:hover .sub { transform: translateY(-10px); opacity: 1; }


.banner { position: relative; width: 100%; margin: 0 auto; z-index: -1; }
.swiper1 {}
.banner .swiper2 { position: absolute; left: 50%; bottom: -25px; width: 900px; height: 50px; margin-left: -450px; line-height: 50px; z-index: 3; overflow: hidden; }
.options { position: absolute; left: 50%; bottom: -36px; width: 1200px; height: 72px; margin-left: -600px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.05); line-height: 72px; z-index: 2; }
.banner .swiper-hd { float: right; height: 10px; padding-right: 34px; margin-top: 31px; }
.banner .swiper-hd .swiper-pagination-bullet { float: left; width: 12px; height: 12px; margin: 0 8px; background: #b2b2b2; border: 2px solid #fff; border-radius: 100%; text-indent: -9999px; cursor: pointer; transition: all ease .5s; }
.banner .swiper-hd .swiper-pagination-bullet-active { background: #fff; border-color: #15b3c1; }

.banner .swiper3 { position: absolute; left: 50%; bottom: 37px; width: 100px; height: 50px; margin-left: -600px; border: 3px solid #fff; z-index: 0; opacity: 0; }
.banner .animate-swiper2 { opacity: 1; }
.banner .animate-swiper3 { transform: translateX(50px); opacity: 1; }



.banner .swiper-prev { margin: 0 10px 0 20px; }
.banner .swiper-prev,.banner .swiper-next { position: relative; display:block; float: left; width:50px; height:72px; cursor:pointer; }
.banner .swiper-prev:before,.banner .swiper-prev:after,.banner .swiper-next:before,.banner .swiper-next:after { position: absolute; top: 30px; content: ""; display: block; width: 8px; height: 12px; transition: all ease .5s; }
.banner .swiper-prev:before { background: url(arr_01.png); left: 21px }
.banner .swiper-prev:after { background: url(arr_04.png); left: 31px; opacity: 0; }
.banner .swiper-next:before { background: url(arr_01s.png); left: 21px }
.banner .swiper-next:after { background: url(arr_04s.png); left: 31px; opacity: 0; }
.banner .swiper-prev:hover:before,.banner .swiper-next:hover:before { transform: translateX(-10px); opacity: 0; }
.banner .swiper-prev:hover:after,.banner .swiper-next:hover:after { transform: translateX(-10px); opacity: 1; }




.footer {}
.footer a { color: #fff; }
.footer a:hover { text-decoration: underline; }

.ftSite { padding: 55px 0 50px; background: #f7f7f7; }
.ftTit { float: left; width: 150px; }
.ftTit h3 { display: block; color: #808080; font-size: 26px; font-weight: 400; line-height: 1; }
.ftTit span { display: block; margin-top: 5px; color: #c6c6c6; font-size: 16px; font-family: 'arial'; text-transform: uppercase; }

.ftCode { float: left; width: 200px; margin-left:0; text-align: left; }
.bshare { height: 30px; line-height: 30px; }
.bshare a { position: relative; display: inline-block; width: 30px; height: 30px; margin: 0 10px; background: url(ico.png) center no-repeat; border-radius: 3px; vertical-align: top; }
.bshare a:hover { background-color: #00acbb; }
.bshare a img { position: absolute; left:0; top: 40px; opacity: 0; z-index: 1; }
.bshare a:hover img { opacity: 1; }
.bshare .bshare-sina { background-image: url(sina.png); }
.bshare .bshare-sina:hover { background-image: url(sinas.png); }
.bshare .bshare-sina:hover img { z-index: 2; }
.bshare .bshare-qq { background-image: url(qq.png); }
.bshare .bshare-qq:hover { background-image: url(qqs.png); }
.bshare .bshare-wechat { background-image: url(wechat.png); }
.bshare .bshare-wechat:hover { background-image: url(wechats.png); }
.bshare .bshare-wechat img { left:-50px; opacity: 1; }


.ftCnt { float: left; width: 350px; color: #9c9c9c; font-size: 12px; }

.ftForm { float: right; width: 375px; }
.ftForm .fit { display: block; width: 375px; height: 43px; margin-bottom: 22px; padding: 0 22px; background: #fff; border-radius: 10px; color: #a6a6a6; font-size: 14px; line-height: 43px; }
.ftForm .fia { display: block; width: 375px; height: 78px; padding: 10px 22px; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #a6a6a6; font-size: 14px; line-height: 1.5; resize : none; }
.ftForm .fis { display: block; width: 375px; height: 37px; background: #00acbb; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #fff; font-size: 14px; text-align: center; line-height: 1; transition: all ease .5s; }
.ftForm .fis:hover { background: #0694a0; }

.copyright { height: 55px; background: #00acbb; color: #fff; font-size: 14px; line-height: 55px; font-weight: 100; }
.copy { float: left; }
.design { float: right; }