@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px;}

h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}

p {padding:0px; margin:0px;}

/* IE */
li p{ margin-top:5px \9;}/*定义 ul li p IE中P标签会向下5像素*/
/**/

pre {white-space: pre-wrap;word-wrap: break-word;}

ul {padding:0px; margin:0px;}

li {padding:0px; margin:0px; list-style-type:none;}

img{ border:none;}

a {padding:0px; margin:0px; text-decoration:none; color:#fff;}

input,textare{font-family:"微软雅黑","Microsoft YaHei","宋体";}

a:hover{ color:#ff2d55;}

i{ font-style:normal;}

em{ font-style:normal;}

.clear{ clear:both}

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

body{ font-size:12px; font-family:"Microsoft YaHei","宋体"; color:#333; background:#191919}

/**/

.bg{ width:100%; float:left; overflow:hidden;}

.bg .bg-img{background:#191919 url(../image/bg-img.jpg) no-repeat center fixed; width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;float:left; z-index:9; background-size:auto 100%;}

.bg .bg-back{width:100%; height:100%; position:fixed; top:0; left:0;background:url(../image/back.png); z-index:10;}

.main{ width:90%; float:left; margin:0 5%; position:relative; z-index:100}

.main .logo{ width:50%; float:left; margin-top:25px;}

.main .logo img{ height:30px; width:auto; float:left;}

.main #bt{ width:60px; height:60px; background:url(../image/nav.png) no-repeat center; float:right; margin-top:10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.main #bt.a{background:url(../image/nav2.png) no-repeat center;}

#thediv{ width:100%; float:left; background:#fff; margin-top:20px; position:relative; z-index:100;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#thediv ul{ padding:10px 5%; width:95%; float:left;}

#thediv li{ width:100%; line-height:45px; float:left;}

#thediv li a{ font-size:14px; color:#222; display:block; padding-left:2.5%;}

#thediv li a:hover{ background:#eee;}

#thediv.none{ height:0; overflow:hidden;}

#thediv.block{ height:290px;}

/**/

.m{ width:90%; margin-left:5%; float:left; position:relative; z-index:100;}

.about-txt{ font-size:16px; line-height:2em; color:#fff; margin-top:20px;}

.about-txt h1{ font-size:24px; color:#ff2d55; width:100%; float:left; margin-bottom:15px;}

.m .share{ width:156px; margin:0 auto;}

.m .share a{ width:32px; height:32px; margin:0 10px; margin-top:30px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.m .share a.bds_qzone{ background:url(../image/qq.png) no-repeat center; background-size:26px;}

.m .share a.bds_tsina{ background:url(../image/wb.png) no-repeat center; background-size:26px;}

.m .share a.bds_weixin{ background:url(../image/wx.png) no-repeat center; background-size:26px;}

.m .share a:hover{background-size:32px;}

/**/

.product{ float:left; width:100%; margin-top:50px;}

.i-title{ font-size:26px; color:#ff2d55; width:100%; float:left; margin-bottom:15px; line-height:2em; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

.pru ul{ width:100%; float:left;}

.pru li{ float:left; margin-right:30px;}

.pru li a{ display:block; line-height:40px; font-size:16px; color:#fff;}

.pru li a.cur,.pru li a:hover{ color:#fe2d55;}

.prulist{ float:left; width:100%; margin-top:20px;}

.prulist li{ width:100%;float:left; overflow:hidden; position:relative; margin-top:20px;}

.prulist li span{ display:block; width:100%; overflow:hidden; position:relative;}

.prulist li span img{ width:100%; }

.prulist li a{ display:block; width:100%; height:100%; background:url(../image/prutxt.png); top:0; left:-100%; position:absolute;}

.prulist li .txt{ color:#fff; font-size:16px; line-height:2em;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.prulist li .txt h4{ position:absolute; top:10%; left:10%; width:80%;}

.prulist li:hover a{ left:0;}


/**/

.team{ float:left; width:100%; margin-top:50px;}

.team li{ margin-top:20px; margin-bottom:10px; float:left; width:100%;}

.team li .team-img{ width:100%; float:left;}

.team li .team-img img{ width:100%; float:left;}

.team li .team-l{ width:100%; float:left; margin-top:20px; line-height:40px; font-size:24px;color:#fe2d55;}

.team li .team-title{ width:100%; float:left; margin:10px 0; line-height:30px; font-size:18px;color:#fe2d55;}

.team li .txt{ width:100%; float:left; font-size:14px; color:#fff; line-height:2em;}

.team li .more{ width:60%; margin-left:20%; line-height:35px; margin-top:20px; border:1px solid #fe2d55;color:#fe2d55; float:left; text-align:center; font-size:14px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.team li a:hover .more{ color:#fff;}

.join{ width:90%; float:left; background:#fff; padding:5%; margin-top:30px;}

.join .i-title{ font-size:18px;}

.join .txt{ font-size:12px; line-height:2em;}

/**/

.news{ float:left; width:100%; margin-top:50px;}

.news li{ width:100%; float:left; margin-top:20px;}

.news li span{ width:100%; float:left;}

.news li span img{ width:100%;}

.news li .txt{ width:90%; padding:15px 5%; float:left; font-size:14px; color:#222; line-height:2em; background:#fff;}

.news li .txt h4{ width:100%; float:left; margin-bottom:10px;font-size:18px;color:#fe2d55; font-weight:normal;}

/***/

.footer { float:left; width:100%; margin-top:50px; text-align:center; line-height:2em; color:#fff; margin-bottom:30px;}

/**/

.view{ position:absolute; width:100%; height:100%; top:0; left:0; float:left; z-index:999; background:#191919;}

#bt2.b2{ width:23px;position:absolute; height:23px; right:5%; margin-left:-46px;; top:40px; background:url(../image/x.png) no-repeat right; display:block; z-index:9999}

#bt2.b2:hover{background:url(../image/x2.png) no-repeat right;}

#bt2.a2{background:url(../image/x2.png) no-repeat right;}

.view #thediv2.none2{ width:100%; float:left; position:relative;}

.view #thediv2.none2 .view-txt{ width:90%; float:left; background:#fff; color:#333; padding: 0 5%; padding-bottom:50px;}

.view #thediv2.none2 .view-txt .view-title{ width:100%; float:left; margin-top:40px; font-size:20px; color:#000;}

.view #thediv2.none2 .view-txt .title{ float:left; width:100%; margin-top:20px; font-size:24px;color:#fe2d55; font-weight:normal; line-height:2em;}

.view #thediv2.none2 .view-txt .txt{ float:left; overflow:auto; width:100%; margin-top:20px; font-size:14px; line-height:2em; max-height:700px; overflow:auto;}

.view #thediv2.none2 .view-txt .txt img{ max-width:100%; height:auto;}

.view #thediv2.none2 .view-img{ width:100%; float:left; z-index:999; background:#191919; }

.view #thediv2.none2 .view-img img{ width:90%; float:left; margin-left:5%; margin-top:10%;}

.view #thediv2.block2{ display:none;}

/**/

.share_a{ width:104px; margin:0 auto;}

.share_a a{ width:32px; height:32px; display:block; float:left; margin:0 10px; margin-top:30px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.share_a a#wb{ background:url(../image/wb.png) no-repeat center; background-size:26px;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}

.share_a a#wx{ background:url(../image/wx.png) no-repeat center; background-size:26px;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}

.share_a a#wx.wxa{ width:100%; height:100px; position:fixed;background:none; top:50%; left:0; z-index:999 !important; margin-top:100px;}

#wxdiv{width:300px; height:400px; position:fixed; top:50%; margin-top:-200px; left:50%; margin-left:-150px; background:#fff; z-index:120; border-radius:10px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#wxdiv.wx_block{ top:50%;}

#wxdiv.wx_none{ top:-150%;}

#wxdiv img{ width:95%; margin:2.5%;}

#wxdiv h4{ text-align:center; line-height:30px; height:30px; font-size:16px; width:100%; float:left;}

#wxdiv a{ float:left; width:100%; float:left; height:50px; background:url(../image/x.png) no-repeat center; margin-top:10px; cursor:pointer;}

#wxdiv a:hover{ background:url(../image/x2.png) no-repeat center;}

.share_a a#wb.wba{ width:100%; height:100px; position:fixed;background:none; top:50%; left:0; z-index:999 !important; margin-top:100px;}

#wbdiv{width:300px; height:400px; position:fixed; top:50%; margin-top:-200px; left:50%; margin-left:-150px; background:#fff; z-index:120; border-radius:10px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#wbdiv.wb_block{ top:50%;}

#wbdiv.wb_none{ top:-150%;}

#wbdiv img{ width:95%; margin:2.5%;}

#wbdiv h4{ text-align:center; line-height:30px; height:30px; font-size:16px; width:100%; float:left;}

#wbdiv a{ float:left; width:100%; float:left; height:50px; background:url(../image/x.png) no-repeat center; margin-top:10px; cursor:pointer;}

#wbdiv a:hover{ background:url(../image/x2.png) no-repeat center;}