/*------------------
author:steven
email:23231590@qq.com
-----------------*/
@charset "utf-8";
#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:100px;height:124px;margin-top:-62px;margin-left:-50px;}
/*左侧菜单栏滚动条样式*/
::-webkit-scrollbar{ width:5px; height:5px; }
::-webkit-scrollbar-track{border-radius:0px;}
::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/ background: #dbdbdb; }
::-webkit-scrollbar-thumb{  background: #1d1d1d; border-radius:0px;}
::-webkit-scrollbar-thumb:hover{background: #1d1d1d;}
::-webkit-scrollbar-corner{ background: #1d1d1d;}

/* CSS Document */
* { margin:0px; padding:0px; }
*:focus {outline: none; } 
em , i { font-style:normal; } 
h1 , h2 , h3 , h4 , h5 { font-weight:normal; }
input , button , textarea { font:14px/2.0 "\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; color:#333333; float:left; outline:none; resize:none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } 
body {font:14px/1.8 "\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; color:#ffffff; background:#303030; }
.fl , ul , li { float:left; }
.fr { float:right; }
.red { color:#e62129; }
.f12 { font-size:12px; }
li { list-style:none; }
img { border:none; vertical-align: top; }
.arial { font-family:Arial; }
.mtop30 { margin-top:30px; }
a { text-decoration:none; cursor:pointer; }
a:hover { color:#f67a16; }

.header { width:90%; padding:0 6% 0 4%; height:80px; background:url(../images/hbg.png); position: static; z-index:1000; }

.header .logo { padding:20px 0 0 10px; }
.header .logo a { width:296px; height:47px; background:url(../images/logo.png); display:block; text-indent:-100000px; }
.header .nav { line-height:20px; }
.header .nav li { font-size:16px; padding:30px 0 0 0; width:100px; height:50px; cursor: pointer; margin-right:20px; }
.header .nav li.this a { text-decoration:none; background:url(../images/nbg.png); color:#f67a16; display:block; }
.header .nav li.home { padding:30px 0 0 0; width:90px; }
.header .nav li a { color:#ffffff;}
.header .nav li p { padding:0 0 0 18px; }
.header .nav li.home p { padding:0 0 0 30px; }

.mj_hover_menu { text-decoration:none; background:url(../images/nbg.png); color:#f67a16; } 
.mj_hover_menu p {color:#f67a16;}
.mj_hover_menu em { color:#f67a16; }

.submenu {display:none;position:absolute;top:80px; padding:15px 0 12px 0; background:url(../images/nbg_m.png); }
.submenu .left { width:100px; font-size:14px; color:#ffffff; }
.submenu .left a:hover { color:#ffad6a; }
.submenu .left div { padding:9px 0; text-align:center; }
.submenu .right { height:100%; margin-right:10px; }
.submenu .right .investment_con_list {display:none }
.submenu .right .investment_con_list ul {  margin-left:10px; width:110px; }
.submenu .right .investment_con_list ul li { font-size:14px; padding:3px 0 6px 0; height:auto; text-align:center; cursor: pointer; background:none;}
.submenu .right .investment_con_list ul li a { line-height:30px; background:url(../images/nx.png) no-repeat center right; padding-right:15px; background-size:5%;  }
.submenu .right .investment_con_list ul li a:hover { color:#ffad6a; background:url(../images/nx.png) no-repeat center right; padding-right:15px; background-size:4%; }

.title_ico { width:100%; margin:0 auto; overflow:hidden; text-align:center; padding:40px 0 50px 0; border-bottom:1px solid #454545; background:url(../images/titile_ico_bg.png) no-repeat center bottom; }
.title_ico h1 { padding:20px 0; }
.title_ico h2 { padding:5px 0; font-size:18px; }
.title_ico p { color:#ababab; padding:2px 0; }

.main { width:1400px; margin:0 auto; padding:70px 0 80px 0; overflow:hidden; }
.main_p { padding:0 0 100px 0; }
.main_pic { padding:50px 0 50px 0; text-align:center; } 
.main_project { padding:60px 0 70px 0; } 
.main .list { width:250px; padding:20px 50px 0 50px; }
.main .list div { text-align:center; }
.main .list p { font-size:30px; text-align:center; padding:20px 0 10px 0; }
.main .list blockquote { color:#b2b2b2; }

.index_pic{ position:relative; float:left;} 
.index_pic span{display:none; text-decoration:none}
.index_pic:hover{cursor:pointer} 
.index_pic:hover span{ display:block;position:absolute; bottom:0; left:0;color:#ffffff; width:100%; text-align:center;z-index:10;line-height:350px; background:url(../images/nbg_m.png); font-size:26px;}  

.product { width:1400px; margin:60px auto; background:#000000; overflow:hidden; }
.product .left { width:900px; }
.product .right { width:440px; padding:80px 30px 0 30px; position:relative; height:420px; }
.product .right h2 { font-weight:bold; font-size:30px; padding-bottom:20px;}
.product .right p { color:#afafaf; line-height:32px; }
.product .right a { position:absolute; background:url(../images/next.png) no-repeat; width:30px; height:30px; bottom:50px; right:50px; }

.product_a { width:1400px; margin:60px auto; overflow:hidden; }
.product_a .left { width:1050px; }
.product_a .right { width:290px; padding:50px 30px 0 30px; position:relative; height:250px; background:#000000; }
.product_a .right h2 { font-weight:bold; font-size:30px; padding-bottom:20px;}
.product_a .right p { color:#afafaf; line-height:30px; }

.product_list { width:1400px; }
.product_list li { width:660px; margin:20px; position:relative;}
.product_list li span{display:none; text-decoration:none}
.product_list li:hover{cursor:pointer} 
.product_list li:hover span { display:block;position:absolute; bottom:0; left:0;color:#ffffff; text-align:center;z-index:10; height:100%; width:100%;  background:url(../images/nbg_m.png);}  
.product_list li:hover span p { padding:200px 0 0 0; font-size:26px; }
.product_list li:hover span blockquote { padding:10px 20px; }

.project_list { width:1400px; }
.project_list li { width:425px; margin:20px; position:relative; }
.project_list li span{display:none; text-decoration:none}
.project_list li:hover{cursor:pointer} 
.project_list li:hover span { display:block;position:absolute; bottom:0; left:0;color:#ffffff; text-align:center;z-index:10; height:100%; width:100%;  background:url(../images/nbg_m.png);}  
.project_list li:hover span p { padding:120px 0 0 0; font-size:26px; }

.project_list_1 { width:1400px; }
.project_list_1 li { width:660px; margin:20px; overflow:hidden; text-align:center; }
.project_list_1 li img { width:660px; height:390px; }
.project_list_1 li img:hover { filter: grayscale(100%); }

.details_main { width:1360px; margin:0 auto; padding:120px 20px 0 20px; overflow:hidden;  }
.details_main .fullSlide { width:1360px; text-align:center; }
.details_main .fullSlide img { height:700px; }
.dh2 { width:100%; width:1400px; padding:60px 0 10px; text-align:center; font-size:22px; }
ul.p_details li { width:660px; margin:20px; background:#000; font-size:16px; text-align:center; }
ul.p_details li .fl { width:340px; }
ul.p_details li .fr { width:260px; padding:0 30px; height:420px;display:table-cell;vertical-align:middle; float:none; }

.txt { width:1400px; padding:10px 0; font-size:16px; line-height:2.3; }
.txt p {padding:5px 0; }

.main_project .picbanner { padding:50px 0 0 0; text-align:center; }
.main_project .picbanner h3 { padding:50px 0 0 0; background:#000000; font-size:24px; }
.main_project .picbanner h4 { padding:10px 0 50px 0; background:#000000; font-size:18px; }
.main_project h2 { font-size:30px; font-weight:bold; }
.main_project h5 { font-size:16px; }

.main_project .line { width:1200px; padding:0 100px 10px 100px; }
.main_project .line .line_1 { width:1140px; padding:15px 30px; font-size:20px; font-weight:bold; background:#242424; border-radius:10px; }
.main_project .line .line_2 { width:1140px; padding:15px 20px 20px 30px; font-size:16px; overflow:hidden; }
.main_project .line .line_2 div { width:570px; padding:0 0 5px 0; float:left;  }

.main_project .line .line_2 .line_21 { width:1140px; padding:15px 0; float:left;  }
.main_project .line .line_2 .line_21 .line_211 { width:600px; padding:20px 0 0 0; margin-right:40px; line-height:2.5; font-weight:normal; background:none; border-radius:0; font-size:16px;}
.main_project .line .line_2 .line_21 .line_212 { width:500px; padding:0; font-weight:normal; background:none; border-radius:0;}

.main .bok { width:700px; height:500px; background:#000000; }
.main .bok img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.main .bok img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; }
.main .bok p { padding:150px 80px 0 80px; font-size:28px; }

.footer { border-top:1px solid #434343; padding:40px 0 30px 0; color:#d8d8d8; }
.footer .con { width:1200px; margin:0 auto; overflow:hidden; }
.footer p { padding:1px 0;}
.footer a {color:#d8d8d8; padding:0 10px 0 0;}
.footer a:hover {color:#f67a16; }
.footer span { padding:0 10px 0 0; }