@charset "utf-8";

/* CSS Document */



/* css reset */



html,body,p,ul,li,dl,dt,dd,input,ol,textarea,th,td,h1,h2,h3,h4,h5,h6,span,a,ol,select,option,table { margin:0; padding:0; }

body,textarea,input,select,option,a { color:#ffffff; }

li { list-style:none; }

a:focus{ outline:none; }

a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框,选中区域*/

a,a:hover { text-decoration:none; }

img { border:0; vertical-align:top; }

input,textarea,select { outline:none; border:0; resize: none; }

h1,h2,h3,h4,h5,h6,strong { font-weight:normal; }

i,em { font-style:normal; }



.fl { float:left; }

.fr { float:right; }

.cl { zoom:1; }

.cl:after { content:''; display:block; height:0; clear:both; }

.pannel { width:1020px; margin:auto; }



/* scroll_screen */

.num_box { position: relative; }









/* topbar */

.topbar { position:absolute; width:100%; }

.topbar .topbar_bg { background:#000000; opacity:0.6; filter:alpha(opacity=60); height:50px; }

.topbar .pannel { position:relative; }

.topbar .top_wrap { width:1020px; position:absolute; left:0px; top:-50px; }

.top_logo { margin-top:8px; }

.top_logo p { font:16px/34px 'Microsoft yahei'; margin-left:5px; }

.topbar .top_nav { margin-left:44px; }

.topbar .top_nav li { width:110px; text-align:center; font:16px/50px 'Microsfot yahei'; }

.topbar .top_nav li:hover a{color:#fff600;}

.topbar .btn_ico { margin-top:17px; margin-right:-1px; }

.topbar .btn_ico h6 { width:34px; height:16px; text-align:center; position:relative; border-right:1px solid #767676; }

.topbar .btn_ico h6.last { border-right:none; }

.topbar .btn_ico h6 h4 img.first { margin-top:3px; }

.topbar .btn_ico h6 h4 img { vertical-align:middle; }





/* 网站地图 */

#s_map_wrap { height:0px; opacity:0; filter:alpha(alpha=0); position:absolute;  right:-60px; top:17px; padding-top:17px; }

.s_map_wrap {  background:#dff2f6; }

.s_map_wrap dl { border-bottom:1px solid #cbdce0;  padding-left:36px;  padding-right:6px; width:640px; position:relative; }

.s_map_wrap dt { padding-top:15px; height:374px; width:123px; border-right:1px solid #cbdce0; }

.s_map_wrap dt span { display:block; padding-left:30px; }

.s_map_wrap dt span.zx{ background:url(../images/s_map_ico_zx.jpg) no-repeat 0px 9px; }

.s_map_wrap dt span.tell{ background:url(../images/s_map_ico_tell.jpg) no-repeat 0px 8px; }

.s_map_wrap dt span.gh{ background:url(../images/s_map_ico_gh.jpg) no-repeat 1px 9px; }

.s_map_wrap dt span.yy{ background:url(../images/s_map_ico_yy.jpg) no-repeat 0px 11px; }

.s_map_wrap dt span a { color:#4c4c4c; font:bold 16px/36px 'Microsoft yahei'; }

.s_map_wrap dt p { margin-top:22px; padding-left:30px; font:16px/36px 'Microsoft yahei'; color:#007bc9; }

.s_map_wrap dt p a { color:#007bc9; }

.s_map_wrap dt p span { padding-left:0px; font-weight:bold; }

.s_map_wrap dd { width:128px; height:252px; border-right:1px solid #cbdce0; padding-top:13px; text-align:center; }

.s_map_wrap dd strong { display:block; font:bold 14px/30px 'Microsoft yahei'; color:#4c4c4c; }

.s_map_wrap dd a { display:block; font:14px/30px 'Microsoft yahei'; color:#4c4c4c; }

.s_map_wrap dd a:hover { color:#007bc9; }

.s_map_wrap dd.last { border-right:0px;}

.s_map_wrap .s_map_btns { position:absolute; left:160px; top:268px; padding-left:24px;}

.s_map_wrap .s_map_btns span { margin-top:36px; margin-right:15px; }

.s_map_wrap .s_map_btns span a { display:block; color:#666666; font:bold 14px/32px 'Microsoft yahei'; text-align:center; width:108px; border:1px solid #d2d2d2; background:#f0f0f0; }

.s_map_wrap .s_map_btns p { text-align:center; }

.s_map_wrap .s_map_btns p a { color:#666666; font:12px/32px 'Microsoft yahei'; }

.s_map_wrap .s_map_nav .help_btn { margin:16px 37px; display:block; background:#fe7f00; width:123px; height:31px; border-radius:2px; }

.s_map_wrap .s_map_nav .help_btn span { display:block; margin-left:8px; padding-left:34px; color:#ffffff; font:14px/31px 'Microsfot yahei'; }

.s_map_wrap .s_map_nav .help_btn span { background:url(../images/s_map_help.jpg) no-repeat left 4px; }

.s_map_wrap .s_map_nav ul { margin-top:20px; }

.s_map_wrap .s_map_nav li { border-right:1px solid #979797; padding:0px; }

.s_map_wrap .s_map_nav li.last { border-right:none; }

.s_map_wrap .s_map_nav li a { display:block; width:83px; text-align:center; color:#333333; font:14px/14px 'Microsoft yahei'; }



.banner { background:url(../images/banner_01.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }



.cont { position:relative; }

.cont .cont_bg { position:absolute; left:0px; top:0px; z-index:1; width:1020px; }

.cont .cont_wrap { position:absolute; left:0px; top:0px; z-index:2; width:1020px; }



/* cont1 */

.cont1 { overflow:hidden; }

.cont1_bg .cont1_bg_zs { background:url(../images/cont1_bg_pic.png) no-repeat; width:203px; height:222px; position:absolute; bottom:0px; left:-140px; }

.cont1_wrap { padding-top:99px; }

.cont1_wrap .tit { margin-top:19px; margin-bottom:32px; }

.cont1_wrap p { color:#666666; width:470px; text-indent:2em; font:14px/28px 'Microsoft yahei'; }

.cont1_wrap h2 { color:#318c80; font:bold 30px/30px 'Microsoft yahei'; position:absolute; left:0px; bottom:150px; }

.cont1_wrap h2 span { background:#318c80; width:18px; height:18px; margin-top:6px; margin-right:10px; }

.cont1_wrap .show_pic { position:absolute; right:0px; top:15%;}

.cont1_wrap .cont1_zs { position:absolute; right:-175px; top:0px; }



/* cont1 end */



/* cont2 */

.cont2 { background:url(../images/cont2_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont2 .cont2_wrap { position:relative; overflow:hidden; }

.project-screening{ width:900px; margin:auto; position:absolute; left:60px; bottom:100px; height:3px; background:url(../images/cont2_btn_list_bg.png) repeat-x; }

.screening-select{ background:url(../images/cont2_btn_bg.png) no-repeat; width:18px; height:18px; position:absolute;top:-6px;cursor:pointer; z-index:1; }

.screening-select.active { background:url(../images/cont2_btn_bg2.png) no-repeat; }

.select-1{left:0px;}

.select-2{left:90px;}

.select-3{left:179px;}

.select-4{left:269px;}

.select-5{left:358px;}

.select-6{left:448px;}

.select-7{left:537px;}

.select-8{left:626px;}

.select-9{left:716px;}

.select-10{left:806px;}

.select-11{left:895px;}

.project-screening-yellow { background:url(../images/cont2_yellow_bg.png) no-repeat;height:18px; width:0px;overflow:hidden; position:absolute; top:-6px; }

.screening-select a{ position:absolute;left:-24px;top:-6px; white-space:nowrap; margin:0; padding-top:40px;line-height:none;width:56px; text-align:center; font:14px/16px 'Micrsofot yahei'; }

.project-screening .current a{ background:url(../images/cont2_btn_current.png) top center no-repeat; color:#fff600; height:51px; font:bold 16px/20px 'Microsoft yahei'; }





.cont2_wrap ul { position:absolute; left:60px; bottom:180px; }

.cont2_wrap li { position:relative; }

.cont2_wrap .img_show { background:url(../images/cont2_shw_img_bg.png) no-repeat; width:380px; height:234px; }

.cont2_wrap .img_show img { margin-left:12px; padding-top:14px; }

.cont2_wrap .cont_text { position:absolute; left:1020px; top:40px; width:540px; opacity:0; filter:alpha(opacity=0); }

.cont2_wrap .cont_text.current { left:380px; opacity:1; filter:alpha(opacity=1);  }

.cont2_wrap .cont_text h2 { position:relative; width:240px; height:44px; margin-bottom:15px; }

.cont2_wrap .cont_text span { display:block; position:absolute; left:0px; top:0px; width:240px; height:44px; background:#ffffff; opacity:0.2; filter:alpha(opacity=20); }

.cont2_wrap .cont_text i { display:block; position:absolute; width:180px; margin-left:30px; padding-left:30px;  color:#fff600; font:26px/44px 'Microsoft yahei'; background:url(../images/cont2_date_ico.png) no-repeat left 9px; }

.cont2_wrap .cont_text p { padding-left:23px; text-indent:2em; color:#ffffff; font:16px/28px 'Microsoft yahei'; }

/* cont2 end */



/* cont3 */



.cont3 { background:#de9c52; overflow:hidden; }

.cont3_wrap { position:relative; width:1100px; margin:auto; background:url(../images/cont3_wrap_bg.png) no-repeat left 30%; }

.down_btn { width:35px; height:37px; background:url(../images/down_btn.png) no-repeat; position:absolute; bottom:30px; left:50%; cursor:pointer; }

/* cont3 end */





/* cont4 */

.cont4 { background:url(../images/cont4_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont4_wrap { position:relative; background:url(../images/cont4_wrap_bg.png) no-repeat left 5%; }

.video_left { position:absolute; left:46px; top:35%; width:418px; height:260px; background:red; }

.text_right { position:absolute; color:#666666; font:16px/28px 'Microsoft yahei'; width:455px; text-indent:2em; right:50px; top:50%; }

.more_btn_right { position:absolute; right:57px; top:70%; width:91px; height:28px; background:url(../images/more_btn_bg.png) no-repeat; }

/* cont4 end */



/* cont5 */

.cont5 { background:url(../images/cont5_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont5_wrap { position:relative; background:url(../images/cont5_wrap_bg.png) no-repeat left 5%; }

.video_right { position:absolute; right:46px; top:35%; width:418px; height:260px; background:red; }

.text_left { position:absolute; color:#666666; font:16px/28px 'Microsoft yahei'; width:455px; text-indent:2em; left:50px; top:50%; }

.more_btn_left { position:absolute; left:57px; top:70%; width:91px; height:28px; background:url(../images/more_btn_bg.png); }

/* cont5 end */



/* cont6 */

.cont6 { background:url(../images/cont6_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont6_wrap { position:relative; background:url(../images/cont6_wrap_bg.png) no-repeat left 5%; }

.more_down_btn { position:absolute; left:390px; bottom:20px;}

/* cont6 end */



/* cont7 */



.cont7 { background:url(../images/cont7_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont7_wrap { position:relative; background:url(../images/cont7_wrap_bg.png) no-repeat left 30%; }



/* cont7 end */



/* cont8 */



.cont8 { background:url(../images/cont8_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont8_wrap { position:relative; background:url(../images/cont8_wrap_bg.png) no-repeat left 20%; }



/* cont8 end */



/* cont9 */



.cont9 { background:#eeeeee; overflow:hidden; }

.cont9_wrap { position:relative; background:url(../images/cont9_wrap_bg.png) no-repeat left 18%; }

.cont9_wrap .video { position:absolute; right:20px; top:200px; width:375px; height:232px; background:red; }

.cont9_wrap p { color:#666666; font:14px/28px 'Microsoft yahei'; text-indent:2em; width:520px; position:absolute; left:70px; top:39%; }

p a { color:#e92600; }

/* cont9 end */



/* cont10 */



.cont10 { background:url(../images/cont10_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont10_wrap { position:relative; background:url(../images/cont10_wrap_bg.png) no-repeat right 40%; }



/* cont10 end */



/* cont11 */



.cont11 { background:url(../images/cont11_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont11_wrap { position:relative; }



/* cont11 end */



/* cont12 */



.cont12 { background:url(../images/cont12_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont12_wrap { position:relative; background:url(../images/cont12_wrap_bg.png) no-repeat left 30%; }

.cont12_wrap p { color:#666666; font:14px/28px 'Microsoft yahei'; text-indent:2em; position:absolute; width:500px; right:20px; top:50%; }



/* cont12 end */



/* cont13 */



.cont13 { background:url(../images/cont13_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont13_wrap { position:relative; background:url(../images/cont13_wrap_bg.png) no-repeat left 25%; }

.cont13_wrap .video { position:absolute; right:-40px; top:28%;  width:383px; height:238px; padding:7px; background:#ffffff; }

.cont13_wrap p { color:#666666; font:14px/28px 'Microsoft yahei'; text-indent:2em; position:absolute; width:500px; left:0px; top:55%; }

/* cont13 end */



/* cont14 */

.cont14 { background:url(../images/cont14_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont14_wrap { position:relative; background:url(../images/cont14_wrap_bg.png) no-repeat center 20%; }



/* cont14 end */



/* cont15 */

.cont15 { background:url(../images/cont15_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont15_wrap { position:relative; background:url(../images/cont15_wrap_bg.png) no-repeat 20px 20px; }

.cont15_wrap li { position:absolute; }

.cont15_wrap li.thanks_1 { left:20px; top:240px; }

.cont15_wrap li.thanks_2 { left:521px; top:394px; }

.cont15_wrap li.thanks_3 { left:688px; top:240px; }

.cont15_wrap li.thanks_4 { left:855px; top:240px; }

.cont15_wrap .ly_btn { position:absolute; left:688px; top:394px; }

/* cont15 end */





/* cont16 */

.cont16 { background:url(../images/cont16_bg.jpg) repeat-x center top; background-size:auto 100%; overflow:hidden; }

.cont16_wrap { position:relative; background:url(../images/cont16_tit_bg.jpg) no-repeat 0px 60px; }

.cont16_wrap ul { position:absolute; top:185px; left:50px; width:920px; }

/* cont16 end */





/* cont17 */

.cont17 { height:520px; background:#961c1c;  }

.cont17_wrap { position:relative; height:520px; background:url(../images/footer_ewm.png) no-repeat center top; }

.footer_btn { width:442px; margin:auto; padding-top:405px; }

.footer_btn span { width:216px; height:48px; border-radius:3px; font:bold 18px/48px 'Microsoft yahei'; text-align:center; }

.footer_btn span.contact { background:#ab4949; }

.footer_btn span.route { background:#ffffff; color:#961c1c; }

/* cont17 end */



.side_nav_list { background:url(../images/side_nav_bg.png) no-repeat; width:113px; height:454px; position:fixed; left:0px; top:30px; z-index:10;  }

.side_nav_list li { position:absolute; width:48px; height:34px; cursor:pointer; }

.side_nav1 { left:26px; top:108px; }

.side_nav2 { left:26px; top:175px; }

.side_nav3 { left:37px; top:233px; }

.side_nav4 { left:26px; top:295px; }

.side_nav5 { left:21px; top:347px; }

.side_nav6 { left:21px; top:400px; }

.side_nav1.active { background:url(../images/side_nav1_bg.png) no-repeat; }

.side_nav2.active { background:url(../images/side_nav2_bg.png) no-repeat; }

.side_nav3.active { background:url(../images/side_nav3_bg.png) no-repeat; }

.side_nav4.active { background:url(../images/side_nav4_bg.png) no-repeat; }

.side_nav5.active { background:url(../images/side_nav5_bg.png) no-repeat; }

.side_nav6.active { background:url(../images/side_nav6_bg.png) no-repeat; }