* {font-family: "华文细黑"; font-weight: 400;}
strong {font-weight: 700;}
body {font-size:16px; color:#000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
input,textarea,select,button {color:#000; outline:none;}
a {color:#000; text-decoration:none; outline:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
a:hover {color: #0ff;}

img {width: 100%; display: block;}

.Top {position: fixed; background: #666; height: 55px; width: 100%; z-index: 100;}

.Language {color: #fff; font-size: 18px; float: right; margin: 15px 50px 0px 0px; position: relative;}
.Language:hover ul {opacity: 1.0;}
.Language ul {position: absolute; width: 100px; background: rgba(0,0,0,0.5); right: -15px; text-align: center; top: 40px; opacity: 0;}
.Language li a {display: block; line-height: 30px; font-size: 14px; border-bottom: #666 1px solid; color: #fff;}

.BigLogo {position: absolute; width: 100px; top: 10px; z-index: 50;}

.SearchIcon {float: right; width: 20px; cursor: pointer; margin: 17px 0px 0px 0px;}
.SearchFrame {background: #fff; padding: 30px 0px 50px 0px; border-top: #f1f1f1 1px solid; margin-top: 0px; box-shadow: 0px 0px 3px #ccc;}
.Search {width: 500px; margin: auto; border-bottom: #3dcfe8 2px solid; position: relative;}
.SearchInput {border: none; background: #fff; width: 400px; float: left; padding: 10px 0px; font-size: 16px;}
.SearchBtn {float: right; width: 25px; height: 25px; background: url(../fonts/search.svg) no-repeat center center; background-size: cover; cursor: pointer; margin-top: 5px;}
.Guanbi {position: absolute; width: 25px; right: -35px; top: 5px; cursor: pointer; opacity: 0.5;}

.Nav {margin: auto; width: 900px;}
.Nav li {float: left; padding: 0px 25px; font-size: 16px; color: #fff; line-height: 55px;}
.Nav li:hover {color: #0ff;}
.Nav li.Current {color: #0ff;}
.Nav li a {color: #fff;}
.Nav li a:hover {color: #0ff;}
.Nav li a.Current {color: #0ff;}

.SubNav {position: fixed; width: 100%; background: rgba(255,255,255,0.6); padding: 40px 0px; top: 55px; z-index: 100; text-align: center; line-height: 100px; box-shadow: 0px 0px 5px #ddd;}
.SubNav > img {display: inline-table; width: 100px;}
.SubNav > div > img {display: inline-table; width: 100px;}
.SubNav img {vertical-align: middle;}
.SubNav h2 {display: inline-table; font-size: 30px; padding: 0px 35px;}
.SubNav a {display: inline-table; font-size: 16px; padding: 0px 35px;}
.SubNav a.Current {color: #0ff;}

.SubNav_1 {position: fixed; width: 100%; background: rgba(255,255,255,0.6); padding: 40px 0px; top: 55px; z-index: 100; text-align: center; box-shadow: 0px 0px 5px #ddd;}
.SubNav_1 > div > img {float: left; width: 100px;}
.SubNav_1 img {vertical-align: middle;}
.SubNav_1 h2 {float: left; font-size: 30px; padding: 0px 35px; line-height: 100px;}
.SubNav_1 a {float: left; font-size: 16px; width: 25%; display: block; padding: 15px 0px 16px 0px;}
.SubNav_1 a.Current {color: #0ff;}
.SubNav_1Frame {margin-left: 390px;}

.TopNav {position: fixed; width: 100%; background: rgba(255,255,255,1.0); top: 55px; z-index: 10; box-shadow: 0px 0px 5px #ddd;}
.TopNav > div > img {width: 100px; padding: 40px 0px; display: inline-table;}
.TopNav img {vertical-align: middle;}
.TopNav h2 {font-size: 30px; padding: 0px 20px; line-height: 180px; display: inline-table; vertical-align: middle;}
.TopNav h3 { display: inline-table; font-size: 20px; line-height: 40px; width: 100px;}
.TopNavFrame {display: inline-table; vertical-align: middle;}
.TopNav a {font-size: 16px; width: 90px; display: inline-table; line-height: 40px;}
.TopNav a.Current {color: #0ff; font-weight: 700;}

.SmallNav {position: absolute; width: 100%; top: 55px; margin-left: -25px;}
.SmallNav a {display: block; text-align: center; line-height: 35px; color: #fff; margin-bottom: 1px; font-size: 14px; background: rgba(77,77,77,0.6);}
.SmallNav a:hover {color: #0ff;}


.Wrap {width: 1200px; margin: auto;}

.IndexMid {margin: 10px; position: relative; text-align: center; cursor: pointer;}
.IndexBigNewsImg {width: 100%; overflow: hidden;}
.IndexBigNewsImg img {transition:transform 1s;}
.IndexMid:hover .IndexBigNewsImg img {transform:scale(1.3); opacity: 0.6;}
.IndexMid h2 {position: absolute; width: 100%; font-size: 30px; color: #666; z-index: 2; height: 40px; top: 25%; margin-top: -20px;}
.IndexMid:hover h2 {color: #000;}
.IndexMid h3 {position: absolute; width: 100%; font-size: 18px; color: #83c9b8; z-index: 2; height: 20px; top: 35%; margin-top: -10px;}
.IndexMid:hover h3 {color: #40b88c;}

.BottomFrame {background: url(../images/bg.jpg) no-repeat center center; padding-bottom: 80px; background-size: cover;}

.BottomNav {padding: 150px 0px 60px 0px;}
.BottomNav ul {float: left; width: 220px; padding-left: 80px;}
.BottomNav h2 {font-size: 20px; color: #444; padding-bottom: 20px; font-weight: 600;}
.BottomNav li a {display: block; color: #000; line-height: 50px;}
.BottomNav li a:hover {color: #40b88c;}

.Bottom {border-top: rgba(255,255,255,0.6) 1px solid; margin: 30px 0px; padding-top: 29px;}
.Bottom p {color: #666; line-height: 35px;}
.Bottom > img {float: right; width: 100px;}

.Icon {width: 960px; margin: auto; padding: 120px 0px 60px 0px;}
.Icon li a {border: #cbcbcb 2px solid; padding: 13px; width: 70px; border-radius: 100%; float: left; height: 70px; display: block; cursor: pointer; margin: 0px 30px; display: block;}
.Icon li a.S_1 {background: url(../images/s_1.png) no-repeat; background-size: cover;}
.Icon li a.S_1:hover {background: url(../images/s_1_hover.png) no-repeat; background-size: cover; border: #8fdef7 2px solid;}
.Icon li a.S_2 {background: url(../images/s_2.png) no-repeat; background-size: cover;}
.Icon li a.S_2:hover {background: url(../images/s_2_hover.png) no-repeat; background-size: cover; border: #8fdef7 2px solid;}
.Icon li a.S_3 {background: url(../images/s_3.png) no-repeat; background-size: cover;}
.Icon li a.S_3:hover {background: url(../images/s_3_hover.png) no-repeat; background-size: cover; border: #8fdef7 2px solid;}
.Icon li a.S_4 {background: url(../images/s_4.png) no-repeat; background-size: cover;}
.Icon li a.S_4:hover {background: url(../images/s_4_hover.png) no-repeat; background-size: cover; border: #8fdef7 2px solid;}
.Icon li a.S_5 {background: url(../images/s_5.png) no-repeat; background-size: cover;}
.Icon li a.S_5:hover {background: url(../images/s_5_hover.png) no-repeat; background-size: cover; border: #8fdef7 2px solid;}
.Icon li a.S_6 {background: url(../images/s_6.png) no-repeat; background-size: cover;}
.Icon li a.S_6:hover {background: url(../images/s_6_hover.png) no-repeat; background-size: cover; border: #8fdef7 2px solid;}

.Map {width: 1000px; margin: 100px auto; position: relative;}
.MapClick {display: block; width: 30px; height: 30px; position: absolute; cursor: pointer;}
.MapShow {position: absolute; background: rgba(0,0,0,0.8); padding: 15px; color: #fff; border-radius: 10px; line-height: 25px;}

.EW {width: 150px; background: #fff; border: #8fdef7 1px solid; box-shadow: 3px 3px 5px #ccc; position: absolute; top: 120px; left: 160px;}


.PicShow {float: left; width: 550px; padding: 150px 0px 80px 0px;}
.PicShowListLeft {position: absolute; width: 27px; height: 75px; background: #fff url(../images/left.png) no-repeat left center; cursor: pointer; left: 0px; top: 20px;}
.PicShowListRight {position: absolute; width: 27px; height: 75px; background: #fff url(../images/right.png) no-repeat right center; cursor: pointer; right: 0px; top: 20px;}

.rollBox {width:550px;overflow:hidden;margin:0 auto; position: relative;}
.rollBox .Cont{width:420px;overflow:hidden;margin:0 auto;padding-top:20px;}
.rollBox .ScrCont{width:10000000px; padding-left: 30px;}
.rollBox .Cont .pic{width:110px; float:left; margin-right: 10px;}
.rollBox .Cont .pic img {padding:4px; background:#fff;border:1px solid #eee; display:block; width: 100px;}
.rollBox .Cont .pic img:hover {border: #3dcfe8 1px solid;}
.rollBox .Cont .pic img.Current {border: #3dcfe8 1px solid;}
.rollBox #List1,.rollBox #List2{float:left;}

/* tsShopContainer */
#tsShopContainer {padding: 150px 0px 80px 0px;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:550px;position:relative; float:left;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsPicContainer {width:100%;height:70px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshoparr.gif) no-repeat left center;position:absolute;top:15px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshoparr.gif) no-repeat right center;position:absolute;top:15px;right:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:20px;left:30px;overflow:hidden; width: 100%;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:125px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:4px; border:1px solid  #e4e4e4;display:block; width:103px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #3dcfe8;margin:0px;}


.MagicZoomMain {text-align: center !important; width: 92px;}
.MagicZoomMain div {padding: 0px !important;}
.MagicZoomHeader {color:#fff; background:#c30; text-align:center !important;}
.MagicZoomPup {background:url(../images/big.png);}
.MagicZoomLoading {text-align:center; color:#444; border:1px solid #ccc; opacity:0.8; padding:3px 3px 3px 3px !important; display:none; /* do not edit this line please */}
.MagicZoomLoading img {padding-top:	3px !important;}

.ProDetail {float:right; width:600px; padding-top: 150px;}
.ProDetail h2 {font-size: 30px; color:#808080; padding: 0px 0px 20px 0px; font-weight: 700;}
.ProDetail li {line-height: 35px;}
.ProDetail li.PD_1 {width: 90px; font-weight: 700; float: left;}
.ProDetail li.PD_2 {margin-left: 90px;}
.ProDetail li.PD_3 {width: 150px; font-weight: 700; float: left; }
.ProDetail li.PD_4 {margin-left: 150px;}
.ProDetail h3 a {display: block; border-radius: 30px; background: #29aae1; border: #29aae1 1px solid; line-height: 50px; color: #fff; font-size: 16px; font-weight: 600; float: left; margin-top: 50px; width: 260px; text-align: center;}
.ProDetail h3 a:hover {background: none; color: #29aae1;}



.ProTitle {border-bottom: #808080 1px solid; margin-bottom: 30px; font-size: 24px; line-height: 60px; color: #999;}


.ProMore li {font-size: 18px; color: #666; list-style: square; margin-left: 20px; line-height: 35px;}

.sub-mouse {position: relative;}
.sub-mouse a {position: absolute; left: 10%; height: 50px; top: 40%; margin-top: -25px; font-size: 72px; color: #fff; text-shadow: 2px 2px 0px #000;}


#back-to-top {position:fixed; bottom:60px; right:20px; z-index:1000;}
#back-to-top a {display:block; width:35px; height:28px; border-radius: 100%; background:#3dcfe8; padding-top:7px; color:#fff; text-align:center;}


.BigTitle {padding: 120px 0px 60px 0px; text-align: center; font-size: 48px;}

.News li a {float: left; width: 400px; margin: 30px 100px; display: block;}
.News h2 {font-size: 22px; padding: 10px 0px 5px 0px;}
.News span {font-size: 18px; color: #666;}


.Join {padding: 120px 0px 0px 0px; font-size: 18px; line-height: 35px;}
.Join h2 {font-size: 22px; font-weight: 700;}
.Join:last-child {margin-bottom: 120px;}

.Profile {padding: 120px 0px; font-size: 24px; line-height: 40px;}
.Profile p {text-indent: 2em;}
.ProfileMid {position: relative;}
.ProfileMidFrame {position: absolute; font-size: 24px; line-height: 40px; width: 1200px; left: 50%; margin: -95px 0px 0px -600px; top: 40%; height: 190px; z-index: 10;}
.ProfileMidFrame h2 {font-size: 30px; padding-bottom: 20px; font-weight: 700;}
.ProfileMidFrame p {display: block; width: 600px; font-size: 20px;}

.ProfileSecond {background: #f8f8f8 url(../images/1.png) no-repeat right center; height: 400px; padding: 200px 0px;}
.ProfileSecond h2 {font-size: 30px; font-weight: 700; margin-bottom: 30px;}
.ProfileSecond p {display: block; font-size: 20px; line-height: 40px; padding-right: 400px;}