body , html { color:#ffffff; font:normal 14px/1.4 "Hiragino Sans GB""Microsoft Yahei",sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;  background:#303030; }
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
img { border:0; vertical-align:top; }
a {text-decoration:none; color:#ffffff; -webkit-tap-highlight-color:transparent; }
li { list-style:none; }

.ovfHiden{overflow: hidden;height: 100%;}

#loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15000; background:#303030;}
#loading img{position:absolute;top:50%;left:50%;width:50px;height:62px;margin-top:-62px;margin-left:-25px;}


.header { background:#000; overflow:hidden; height:50px; padding:0 2%; display:flex; }
.header .logo { height:50px; width:50%; display:inline-table; padding-top:14px;  }
.header .logo img { width:55%; }
.header .nav { height:50px; width:50%; text-align:right; }
.header .nav a { display:inline-table; padding-top:11px; }
.header .nav a img { width:100%; }


.main { padding:30px 2% 0 2%; }
.main .bok { background:#1f1f1f; display:flex;  margin-bottom:30px; }
.main .bok a { display:flex;  }
.main .bok .left { width:60%; }
.main .bok .left img { width:100%; }
.main .bok .right { width:40%; padding:3% 3% 0 3%; }
.main .bok .right h2 { font-size:20px; }
.main .bok .right p { padding-top:5px; font-size:12px; line-height:1.35; }

.main .bok_z { display:flex;  margin-bottom:30px; }
.main .bok_z .left { width:47%; margin-right:3%; background:#1f1f1f; }
.main .bok_z .left p { padding:10px; font-size:12px; line-height:1.6; }
.main .bok_z .left img { width:100%; }
.main .bok_z .right { width:47%; margin-left:3%; background:#1f1f1f; }
.main .bok_z .right p { padding:10px; font-size:12px; line-height:1.6; }
.main .bok_z .right img { width:100%; }

.title { background:#000000; text-align:center; padding:10px 0; font-size:20px; }
.title_ico { text-align:center; padding:30px 0 0 0; font-size:26px; }
.title_ico2 { text-align:center; padding:30px 0 0 0; font-size:20px; }

.container { padding:0 2% 0px 2%;}
.container_p { padding:30px 2% 0 2%;}
.container h2 { font-size:18px; padding:15px 0 10px 0; text-align:center; }
.container h3 { font-size:12px; font-weight:normal; padding:10px 2%; line-height:1.6; background:#1f1f1f; }
.container h3 strong { font-size:16px; padding:10px 0; line-height:1.6; }
.container h4 { position:relative; }
.container h4 img { width:100%; }
.container h4 a { color:#ffffff; }
.container h4 span { background:#000000; width:40px; text-align:center; height:40px; font-size:30px; line-height:40px; position:absolute; z-index:10; top:10px; right:10px;}
.container h4 em { background:#000000; padding:0 10px; font-size:16px; text-align:center; height:40px; font-style:normal; letter-spacing:3px; line-height:40px; position:absolute; z-index:10; top:10px; left:10px;}
.container h4 i { background:rgba(00, 00, 00, 0.5); width:60%; margin:30% 20%; height:14%; font-size:16px; text-align:center; font-style:normal; line-height:40px; position:absolute; z-index:10; top:0; left:0;}
.container_pic { padding:30px 2% 0 2%; text-align:center; }
.container_pic img { width:100%; }


.containerpic { padding:30px 2% 0 2%; text-align:center;}
.containerpic h5 img { width:100%; }

.main_project { padding:30px 2% 0 2%; }
.main_project h2 { font-size:18px; padding:0 2%; }

.main_project .line {  }
.main_project .line .line_1 {  padding:10px 10px; font-size:16px; font-weight:bold; background:#242424; border-radius:10px; }
.main_project .line .line_2 {  padding:10px 5px; font-size:14px; line-height:1.8; overflow:hidden; }

.main_project .line .line_2 .line_21 {  }
.main_project .line .line_2 .line_21 .line_211 { padding:10px 0 0 0; font-weight:normal; background:none; border-radius:0; font-size:16px;}
.main_project .line .line_2 .line_21 .line_212 {  padding:0; font-weight:normal; background:none; border-radius:0;}
.main_project .line .line_2 img { width:100%; }


.txt { padding:0 2% 0px 2%; line-height:1.8;}
.txt p {padding:5px 0; }

.picbanner { padding:10px 0 0 0; text-align:center; }
.picbanner img { width:100%; }
.picbanner h3 { padding:10px 0 0 0; background:#000000; font-size:16px; }
.picbanner h4 { padding:10px; background:#000000; font-size:14px; }

#firstpane { padding:20px 0 0 0 ;}
#firstpane .menu_head  { background:#424242; padding:10px; }
#firstpane .menu_body { padding:10px 2% 20px 2%; line-height:2.0; }


.footer { background:#000000; text-align:center; font-size:12px; padding:10px 0; margin-top:30px; }
.footer p { padding:2px 0; color:#b7b7b7; }
.footer p a { color:#b7b7b7; }