@charset "utf-8";

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#000; text-decoration:none; }
a:hover {  }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }

/* css base */
body { background:url(../images/body_bg.jpg) repeat-x top; font-family: "微软雅黑","宋体"; font-size:12px; color:#666; text-align:center; line-height:1.8;}
.left{ float:left;}
.right{ float:right;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { +display:none; clear:both;}

/* css main page */
.headbox{ border-bottom:1px solid #CCC;}
.header{ width:1120px; height:102px; margin:0 auto; background: url(../images/hd.jpg) ; }
.logo{ float:left; width:292px; height:77px; padding:18px 0 0 10px;}
.nav{ width:742px; float:right; height:42px; padding-top:50px;}
.nav li{ float:left; width:92px; height:42px; text-align:left; line-height:16px; }
.nav li a{ display:block; width:72px; height:42px; padding-left:20px; }
.nav li a:hover{ background:url(../images/nav_bg.jpg) no-repeat center bottom; transition:all .5s;}
.banner{ background:url(../images/banner.jpg) no-repeat center; height:591px; width:100%;}





.m_banner{ background:#fff;height:591px; position:relative; z-index:1;}
.m_banner .banner{height:591px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:960px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -480px;z-index:2;}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(../images/banner_ctrl.png) no-repeat; position:absolute; opacity:0.5;filter: alpha(opacity=50);
-moz-opacity:0.5;}
.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-30px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:591px;}

.main_c{width:960px; margin:0 auto;}
.main_c .all{ left:0; top:0; position:absolute; width:960px; height:591px;}





.main_fw{ width:1000px; height:500px; margin:0 auto; }
.fw_title{ width:1000px; height:57px; float:left; line-height:57px; font-size:18px; color:#000; background:url(../images/fw_title_bg.jpg) no-repeat center bottom; margin-top:30px;}
.fw_nav{ height:38px; width:1000px; float:left; margin-top:18px;}
.fw_nav li{ float:left; height:38px; width:238px; font-size:16px; line-height:38px; padding-right:12px;}
.fw_nav li a{ display:block; color:#283432; width:238px;height:38px; background:url(../images/fw_title_bg_h.jpg) scroll no-repeat 0 38px;}
.fw_nav li a:hover{  background:url(../images/fw_title_bg_h.jpg) scroll no-repeat center top; color:#FFF; transition:all .5s;}
.fw_nav li a.son {background:url(../images/fw_title_bg_h.jpg) scroll no-repeat 0 0; color:#FFF;}
.fw_con{ width:1000px; height:360px; text-align:left; float:left; padding-top:20px;}
.fw_con_l{ float:left; width:490px; background:url(../images/fw_img01.jpg) scroll no-repeat 0 0; padding: 23px 0 0 37px }
.fw_con_r{ float:right; width:458px; text-align:left;}
.fw_con_r dt{ min-height:66px; _height:66px;  width:438px; background-color:#283432; color:#FFF; padding:10px; font-size:18px;}
.fw_con_r dd{ width:458px; height:45px; line-height:45px;color:#283432; font-size:16px;}
.fw_con_r dd a{ display:block; color:#283432; font-size:16px;}
.fw_con_r dd a:hover{ color:#000;}
.fw_con_r dd img{ float:left; padding:10px 15px 0 0;}
.main_video{ width:100%; height:516px; margin:0 auto; background:url(../images/icon2.jpg) no-repeat center top;}
.video_nav{  width:1120px; margin:0 auto; overflow:hidden; height:77px;}
.video_nav ul{ float:left; width:695px;}
.video_nav_title{ float:left; height:77px; line-height:77px; color:#000; font-size:16px; padding-left:10px;}
.video_nav li{ float:left; height:77px; font-size:14px; padding:0 23px;}
.video_nav li a{ display:block;  height:77px; color:#fff; line-height:77px; padding:0 23px;}
.video_nav li a:hover{ background:url(../images/icon3.png) no-repeat center bottom; color:#fff; }  
.video_nav li a.son { background:url(../images/icon3.png) no-repeat center bottom; color:#fff;} 
.main_videobox{ width:100%; height:490px;}
.main_video_con{ width:1120px; margin:0 auto;}
.main_video_l{ width:841px; height:404px; float: right; margin-top:33px;}
.main_video_r{ width:222px; height:404px;  font-size:16px; color:#fff; float:left;margin-top:35px; text-align:left;}
.main_video_r01{ width:222px; height:22px; line-height:22px; background:url(../images/icon1.jpg) no-repeat 0 center; padding-left:10px;}
.main_video_r02{ width:182px; padding:10px 0 0 10px; height:120px; text-align:left; font-size:14px;}
.main_video_r03{}
.main_jm{ width:100%; height:230px; }
.main_jm2{ width:100%; height:643px; background:url(../images/jm_img02.jpg) no-repeat center;}
.main_jm3{ width:100%; height:716px; background:url(../images/lcimg.jpg) no-repeat center top;}
.jm_2017{ width:100%; height:523px; overflow:hidden; background:url(../images/jm_2017.jpg) no-repeat center top;}

.main_jm_txt{ font-size:18px; text-align:center;  color:#1f3936; width:1077px; height:90px; margin:0 auto; padding-top:110px;}
.main_jm_img{ height:177px; width:1077px; margin:0 auto;}

.main_case{ width:1000px; height:320px; margin:0 auto;}
.main_case_con{ width:1000px; margin-top:40px; float:left;}
.main_case_con li{ float:left; width:220px; height:210px; padding:0 15px;}
.main_case_con li img{ border:1px solid #51c8ac; width:220px; height:160px; padding:4px;}
.main_case_con li a{ display:block; position:relative;width:220px; height:210px; color:#686868; font-size:14px;}
.main_case_con li a span{  text-align: center;width:220px; line-height:25px; height:25px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; }
.main_case_con li a:hover{}


.news{ width:1000px; margin:0 auto; height:415px;}
.news_list{ float:left; width:1000px; height:280px; margin-top:40px;}
.news_list_1{ float:left; width:232px; height:243px; padding-right:15px;}
.news_list_c{ float:left; width:385px; text-align:left; padding-left:18px;}
.news_list_c dl{ margin-bottom:22px; width:385px; float:left;}
.news_list_c dt{ float:left; width:63px; height:63px; padding-right:10px;}
.news_list_c dd{ float:left; width:288px;}
.news_list_c dd a{ display:block; color:#283432; font-size:14px; font-weight:bold;}
.news_list_c dd a:hover{ color:#000;}
.news_list_r{ width:325px; float:right; height:212px; background:url(../images/from_img.jpg) no-repeat center;}
.ad1{ width:100%; height:413px; background:url(../images/ad1.jpg) no-repeat center;}
.ad2{ width:1000px; height:402px; margin:55px auto 0;}
.ad3{ width:100%; height:42px; background:url(../images/ny_img.jpg) no-repeat center; margin:50px auto 20px;}
.partner{ width:1000px; margin:0 auto; height:250px; }
.partner_list{ width:1000px; height:90px; padding-top:30px; float: left;}
.partner_list li{ float:left; width:212px; height:78px; padding:20px 10px;}
.partner_list li a{ display:block;width:212px; height:78px; border:1px solid #CCC;}
.partner_list li a:hover{ border:1px solid #283432;}




	
/* -- sub page -- */
.sub_banner{ height:100%;}
	.sub_banner_con{ width:100%; height:400px;  background:url(../images/sub_banner.jpg) repeat-x center; margin:0 auto;}
.sub_main{ height:100%; width:1000px; margin:0 auto; }
	.sub_main_con{ width:1000px; height:100%; margin:0 auto;}
	.sub_list{ width:1000px; background:url(../images/sub_list_bg.jpg) repeat-x center 12px; height:25px;}
	.sub_list li{ float:left;  height:25px;background-color:#b9d1d4;}
	.sub_list li a{ display:block; padding:2px 10px; border-right:1px solid #FFF; color:#e1f6fb;min-width:110px;_width:110px;}
	.sub_list li a:hover,#active{ background-color:#93ac41; color:#FFF; }
	
	.sub_pro{  width:965px; height:100%; text-align:left; padding:20px 0 20px 35px; float:left;}
	.sub_pro li{ float:left; margin-right:35px; margin-bottom:15px; height:440px;}
	.sub_pro li a{ display:block; width:200px;border:3px #fff solid; color:#797979; background-color:#e1f6fb; text-align:center; height:440px; overflow:hidden; }
	.sub_pro li a:hover{ border:3px #93ac41 solid; color:#F63;}
	.sub_pro li p{ text-align:left; padding:0 5px; line-height:20px;}
	.sub_pro li h2{ color:#7f9913; line-height:30px; font-size:14px; text-align: center; font-weight:bold; color:#7f9913;}
	.sub_pro li h2 a{}
	.sub_case{  width:750px; height:100%; text-align:left; padding:20px 0px 20px 15px ; float:left;}
	.sub_case li{ float:left; width:325px;  margin:0 25px 15px;}
	.sub_case li a{ display:block;border:3px #fff solid; color:#797979; background-color:#e1f6fb; text-align:center; }
	.sub_case li a:hover{ border:3px #93ac41 solid; color:#F63;}
	.sub_case li p{ text-align:left; padding:0 5px; line-height:20px;}
	.sub_case li h2{ color:#7f9913; line-height:30px; font-size:14px; text-align: center; font-weight:bold; color:#7f9913;}
	.sub_case li h2 a{}

.sub_left{ width:214px; float:left;}
.sub_left_title{ width:204px; float:left; height:35px; line-height:35px; background:url(../images/sub_left_title1.jpg) no-repeat 0 8px; text-align:left; margin-top:20px; font-size:16px; padding-left:10px; color:#214038;}
.sub_left_list{ float:left; width:214px; text-align:left; margin-bottom:10px;}
.sub_left_list li{ float:left; width:214px; height:40px; line-height:40px; font-size:16px; background:url(../images/sub_left_a.jpg) no-repeat 0 0;}
.sub_left_list li a{ display:block;background:url(../images/sub_left_a.jpg) no-repeat 0 40px;width:204px; height:40px; padding-left:10px;}
.sub_left_list li a:hover{background:url(../images/sub_left_h.jpg) no-repeat 0 0; color:#FFF; transition:all .5s;}
.sub_main_c{ width:750px; min-height:500px; text-align:left; padding:20px 0; float:right;}
.sub_main_c_title{ width:750px;  background:url(../images/sub_right_title.jpg) repeat-x 0 bottom; height:35px; color:#214038; line-height:35px; font-size:16px;}
.sub_main_c_con{ padding:20px 0; font-size:14px;}
.sub_left_contact_c{ border:1px solid #CCC;width:210px;}
.sub_left_contact_c img{ padding:5px 0;}
.sub_left_contact_c h1{ text-align:left; padding:10px; width:190px;}



/* -- page footer -- */
.footerbox{ height:145px; width:100%; background:#4a4a4a repeat-x;}
.footer{ width:1000px; height:145px; margin:0 auto; text-align:left; }
.footer_l{ float:left; width:600px; color:#fff; padding-top:35px;}
.footer_r{ float: right; width:350px; color:#fff; padding-top:48px;}
.footer_r a{ color:#FFF;}

.qq_online{ width:250px; height:350px;position:fixed; right:0; bottom:0; _top: expression(documentElement.scrollbottom + 0 + "px");_position: absolute; z-index:99999; }




/* extbkbox */
.extbkbox { width:280px; background:#FFFFFF; border:solid 1px #c0c0c0; position:fixed !Important; bottom:0; float:left; position:absolute; z-index:99999; }
*body .extbkbox { top:expression(offsetParent.scrollTop+320);
}
.bigbox { top:expression(offsetParent.scrollTop+620);
}
.bigbox { width:280px; background:#FFFFFF; border:solid 1px #c0c0c0; position:fixed !Important; bottom:0; float:left; position:absolute; z-index:99999; }
.bigbox { left:0; }
.extbkbox { right:0px; }
.extbkboxm { clear:both; height:30px; font-size:14px; color:#FFFFFF; font-weight:bold; line-height:30px; border-bottom:solid 1px #c0c0c0; background-color: #27A59B; }
.extbkboxm .extmore { float:right; cursor:pointer; }
.extbkboxb { font-size:12px; clear:both; height:auto; padding:10px 15px; }
.extbkboxnar { color:#FFF; display:block; width:40px; height:30px; background:url(../images/tanchu_05.gif) no-repeat center center; }
.extbkboxnarove { color:#00f; width:40px; height:30px; background:url(../images/tanchu_03.gif) no-repeat center center; display:block; }
.extbkboxb ul { list-style:none; margin:0px; padding:0px; }
.extbkboxb ul li { width:255px; height:25px; line-height:25px; font-family:"宋体"; font-family:12px; color:#333333; padding-left:25px; background:url(../images/tanchu_10.gif) no-repeat 10px center; }
.extbkboxb ul li a { color:#333333; text-decoration:none; }
.extbkboxb ul li a:hover { color:#990000; text-decoration:underline; }
.extbkboxb input, textarea { border:1px solid #ccc; margin-bottom:5px;}
.extbkboxb input { height:22px; line-height:22px; margin-bottom:5px; }

.extbkboxb_2{ height:35px;}




	#demo { background: none; overflow:hidden;   }
#demo img { }
#indemo { float: left; width: 800%; height:210px; }
#demo1 { float: left; }
#demo2 { float: left; }

	#demoa { background: none; overflow:hidden;   }
#demoa img { }
#indemoa { float: left; width: 800%; height:90px; }
#demo1a { float: left; }
#demo2a { float: left; }

.link_bg{ background:url(../images/case_bg2.jpg) repeat-x center top; height:174px;}
.link{ width:1000px; margin:0 auto; height:130px; }
.link h1{ font-size:18px; font-family:"微软雅黑"; margin:10px 0; width:1000px; height:50px;text-align:left;}
.link li{ float:left; width:190px; height:60px; margin-right:10px;}
.link li a{ display:block;}
.link li img{ width:190px; height:60px;}





.fwbox_2017{ width:100%; height:555px; background:url(../images/2017_fw_bg.jpg) repeat-x center top; }
.fw_2017{ width:1120px; height:555px; margin:0 auto;}
.fw_t_2017{ width:1120px; float:left; height:190px; position:relative; z-index:9999;}
.fw_t1_2017{ position:absolute; left:0; top:-44px;}
.fw_t2_2017 p{ width:227px; height:39px; line-height:39px; color:#fff; font-size:16px;position:absolute; left:174px; top:103px; background:url(../images/2017_fw3.jpg) repeat-x center top; }
.fw_t2_2017 p{ display:none;}
.fw_list_list{ float:left; width:1120px; height:365px; margin-top:190px;}
.fw_list_list li{ float:left; width:280px; height:365px; position:relative; overflow:hidden;}
.fw_list_list li a{ display:block; width:280px; height:365px; background-color:#f2f2f2;}
.fw_list_list li:nth-child(even) a{ background-color:#ededef;}
.fw_list_list li img{ width:279px; height:219px; float:left; background-color:#000;}
.fw_nr{ float:left; width:279px; margin-top:15px;}
.fw_nr p:nth-child(1){ height:40px; line-height:40px; width:279px; font-size:18px;} 
.fw_nr p:nth-child(2){ font-size:12px; width:279px;}

.fw_nr_hover{ height:210px; width:279px; position:absolute; left:0; bottom:-210px; color:#fff; background-color:#fda158;}
.fw_nr_hover p{ height:135px; padding:15px 15px 0; width:249px; font-size:14px; line-height:26px; text-align:left;}
.fw_nr_hover span{ width:150px; height:30px; border:1px solid #fff; display:block; margin:0 auto; line-height:30px; font-size:16px;}

.about_2017{ width:1120px; margin:0 auto; height:471px; overflow:hidden;  background:url(../images/about_2017.jpg) no-repeat center top;}
.about_con_2017{ float:right; width:450px; height:190px; text-align:left; font-size:14px; color:#000; margin:260px 50px 0 0;}
.about_con_2017 a{ margin-top:10px; float:left;}

.gcm_2017{ width:1120px; margin:0 auto; height:420px; overflow:hidden; }
.gcm_list{ float:left; width:1120px; height:350px; margin:25px 28px;} 
.gcm_list li{ float:left; width:250px; height:315px; margin:0 8px; position:relative; background-color:#000;}

.gcm_con{ position:absolute; left:10px; bottom:-16px; width:230px; height:60px; background-color:#fff; box-shadow:0 0 10px #ccc;}
.gcm_con p:nth-child(1){ height:20px; line-height:20px; width:230px; font-size:16px; margin-top:10px;} 
.gcm_con p:nth-child(2){ font-size:12px; width:230px; color:#CCC;}

.gcm_con_border{ position:absolute; position:absolute; left:9px; top:9px; width:230px; height:331px; border:1px solid #fff; opacity:0;}