@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:#31302c; text-decoration:none; }
a:hover { color:#595b5a; }sub_r_title
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;}
.wrapper { width:980px; margin:0 auto; text-align:left; background:#FFF;}
.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 */
.head_top{ width:100%; height:35px; background-color:#c9c9c9;}
.head{ width:1190px; margin:0 auto; height:35px; padding-top:55px; line-height:35px; color:#31302c;}
.head a{ padding:0 5px;}
.head ul{ padding-right:80px;}
.head li{ float:right; margin-left:5px; }
.head li a img{ float:left; padding-top:7px;}



.main{ width:1190px; margin:0 auto;  border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; }
.logo{ width:1190px; height:110px; background:url(../images/logo_bg.jpg) no-repeat;}
.nav{ height:30px; width:1190px;  background-color:#053253;}
.nav li{ float:left; width:170px;position:relative;Z-INDEX:9999;}
.nav li a{ display:block; color:#fff; line-height:30px;}
.nav li a:hover{ background-color:#bad0dd; color:#000;} 
	.nav li ul { Z-INDEX:9999; POSITION: absolute; FILTER: alpha(opacity=100); padding-bottom:5px; WIDTH: 170px; DISPLAY: none; background-color:#c1c1c1; TOP:30px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;border-top:1px #ccc solid;}
	.nav li ul li{background:none; }
	.nav li ul li a {background:none;border-bottom:1px #fff solid; display:block; WIDTH: 170px; padding:2px 0; color:#fff;}
	.nav li ul li a:hover{background:#808081; color:#FFF; }
	
	
.list_all_pro_img{ text-align:left; padding:14px 0 0 15px;}	
	
.ad_img{ width:1190px; height:279px; border-bottom:1px solid #d3d3d3; border-top:1px solid #969696;}
.ad_img_l{ float:left; width:584px; height:279px;}
.ad_img_r{ float:left; width:590px; height:279px; text-align:left; letter-spacing:1.5px;}
.ad_img_r dl,.list_ys_r dl{ padding:50px 0 0 80px;}
.ad_img_r dt,.list_ys_r dt{ color:#003350; font-size:34px; padding-bottom:30px; height:40px; line-height:40px;}
.ad_img_r dd,.list_ys_r dd{ font-size:16px; color:#444243;}
.ad_img_r dd span,.list_ys_r dd span{ color:#f96d18;}	
.ad_img_title{ color:#FFF; background-color:#898989; height:55px; text-align:left; font-size:22px; line-height:55px; padding-left:95px; width:1095px;}
.list_ys{ margin-bottom:10px; width:1190px; float:left;}
.list_ys_c{ width:1190px; height:279px; float: left; border-bottom:1px solid #9e9f9a;}
.list_ys_l{ float:left; width:595px;}
.list_ys_r{ float:left; width:595px; text-align:left;}
.news_index{ width:1155px; height:310px; margin-top:10px; border-top:1px solid #c2c2c2; float:left; letter-spacing:1.5px;}
.news_list{ width:365px; padding:0 0px 0 20px; float:left; text-align:left;  height:310px;}
.news_title{ color:#000; font-size:32px; height:60px; line-height:60px; margin-top:25px;}
.news_list_c{border-right:1px solid #c2c2c2; height:200px;}
.news_list_c li{ width:350px; height:30px; line-height:30px; border-bottom:2px dotted #c5c5c5; margin-right:20px;}
.news_list_c li a{ font-size:14px;}




	
.banner{ width:1190px; height:551px; margin-top:10px;}
.list1{ margin:10px 0; width:1190px; height:288px;}
.list1 li{ float:left;height:288px; width:396px; background:#f3f3f5 url(../images/list1_line.jpg) no-repeat top right;}
.list1_title{ color:#000; height:67px; padding-top:25px;}
.list1_title span{ font-size:18px;}
.ad1{ width:1190px; height:551px;}
.list2{ width:1190px; height:279px; background:url(../images/list2_bg.jpg) no-repeat; margin:10px 0; text-align:left;}
.list2_l{ float:left; width:650px; padding-left:90px; color:#FFF;}
.list2_l span{ height:80px; padding-top:50px; display:block; font-size:32px;}
.list2_l p{ font-size:16px;}
.list2_r{ float:left; width:450px; padding-top:25px;}
.list3{ width:1190px; margin-bottom:10px; float:left;}
.list3_c{ height:277px;width:1190px;  border-top:1px solid #a8a8a8; float:left;}
.list3_l{ float:left; width:522px;height:252px; padding-top:25px;}
.list3_r{ float:left; width:668px; background: url(../images/list3_line.jpg) no-repeat left top;height:277px; text-align:left;}
.list3_r dl{ padding:50px 0 0 80px;}
.list3_r dt{ color:#0d3656; font-size:34px; padding-bottom:30px; height:40px; line-height:40px;}
.list3_r dd{ font-size:16px; background:url(../images/list3_inoc.jpg) no-repeat 0 10px; padding:0 0 0 20px;}
.list3_r dd span{ color:#f96d18;}

.list4{ width:1190px; float:left;}
.list_title{ width:1117px; padding-left:73px; height:125px; background:url(../images/list_title.jpg) no-repeat; font-size:34px; text-align:left; color:#FFF; line-height:125px;}
.list4_1{ height:572px; padding-top:30px;}
.list4_1_l{ float:left; width:500px; padding-left:73px; text-align:left; font-size:16px;}
.list4_1_l dt{ color:#0d3656; font-size:34px; padding-bottom:10px;}
.list4_1_l dd{ font-size:16px; background:url(../images/list3_inoc.jpg) no-repeat 0 10px; padding:0 0 0 20px;}
.list4_1_r{ float:left; width:617px;}
.list4_3 span{ text-align:left; height:110px; padding-left:70px; font-size:28px; line-height:45px; color:#251d1a; margin-top:45px; float:left;}
.list4_3 span p{ color:#ff6403;}
.list5{ float:left; width:1190px;}
.list6{ margin-top:55px; width:1190px; float:left;}
.list6_title{ width:1105px; text-align:left; padding-left:85px;}
.list6_title span{ font-size:34px;}
.list6_title p{ font-size:22px; color:#008dd9;}
.list6_list{ text-align:left; margin-top:57px; height:230px;}
.list6_list dl{ float:left; width:595px;}
.list6_list dt{ float:left; width:183px; height:222px; padding:0 30px 0 90px;}
.list6_list dd{ float:left; width:263px;}
.list6_list dd.title{ font-size:16px; color:#000; font-weight:bold; border-bottom:1px solid #000; margin-top:30px; letter-spacing:0px;}
.list6_list dd.list6_d{ margin-top:10px;}
.list6_gd{ width:840px; margin:72px auto 50px; height:140px; text-align:left;} 
.list6_gd_title{ width:130px; color:#000; height:83px; background-color:#9fd8f6; float:left; font-size:24px; line-height:30px; padding:30px 0 0 20px;}
.list6_gd_c{ float:left; }
.list6_gd_c li{ float:left; padding-left:20px;}
.list7{ width:1190px; float:left;}
.list7_list{ width:1190px;}
.list7_l{ float: left; width:796px; height:527px;}

.www51buycom { width:796px; height:527px; position: relative; overflow:hidden; }

/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; right: 15px; zoom:1; z-index:3 }
.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.www51buycom .prev,
.www51buycom .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px;}
.www51buycom .prev { left: 0; }
.www51buycom .next { right: 0; background-position: right }


.list7_r{ float:left; width:359px; padding-left:34px;}
.list7_title{ width:336px; height:37px;}
.list7_c{ height:473px;width:336px; background-color:#eef0ef; padding-top:20px; overflow:hidden;}
.list7_c li{ float:left; font-size:14px; text-align:left; padding:0 25px; height:100%;_height:50px;width:286px; margin-bottom:20px;}
.list7_about2{ height:347px; width:1190px; background: url(../images/list7_line.jpg) no-repeat bottom center;}
.list7_about3{ text-align:left; width:475px; float:left; padding:30px 0 0 90px;}
.list7_about3 span{ font-size:34px; color:#161211; padding-bottom:20px;} 
.list7_about3 p{ font-size:16px;}
.list7_about3_r{ float:right; padding:80px 60px 0 0;}
.list7_hz{ width:1190px; margin-bottom:10px;}
.list7_hz_title{ text-align:left; padding-left:90px; font-size:18px; color:#000; height:94px; line-height:94px;}
.list8{ width:1190px; float:left;}
.list8_1{ width:1190px; height:509px; background:url(../images/list8_1.jpg) no-repeat; margin-top:10px;} 
.list8_1_1{ text-align:left; width:470px; padding:60px 0 0 86px; float:left;}
.list8_1_1 span{ width:470px;}
.list8_1_1 span,.list8_2_1 span{ font-size:30px; color:#1c1411; margin-bottom:20px; float:left;}
.list8_1_1 p,.list8_2_1 p{ font-size:16px; float:left;}
.list8_2{ width:1190px; height:669px; margin-top:10px; background:url(../images/list8_2.jpg) no-repeat;}
.list8_2_1{ text-align:left; width:450px; padding:60px 0 0 71px;float:left; font-size:16px;}
.list8_2_1 span{width:350px; padding-left:15px;}
.list8_2_1_inoc{ width:435px; background:url(../images/about_inoc.jpg) no-repeat 0px 10px; float:left; padding-left:15px;}
.list9{ height:60px; width:1190px; padding:10px 0; float:left;}

	
/* -- sub page -- */
.sub_main{ width:1190px; margin:10px 0 0; }
.sub_left{ float:left; width:188px;}
.sub_left_list{}
.sub_left_list li{ float:left; width:188px; height:88px; font-size:14px; background-color:#dddddd; margin-bottom:5px; text-align:left; }
.sub_left_list li a{ display:block; line-height:88px;padding-left:30px;width:158px;}
.sub_left_list li a:hover{ background-color:#053253; color:#FFF;}
.sub_left_list li.sub_list_on{background-color:#053253; color:#FFF; height:55px; line-height:55px; margin-bottom:5px; padding-left:30px; width:158px; text-align:left;}
.sub_left_title{ width:158px; background-color:#053253; color:#FFF; height:55px; line-height:55px; margin:10px 0; text-align:left; padding-left:30px; font-size:14px;}
.sub_left_xg{ float:left;}
.sub_left_xg li{ margin-bottom:5px; width:188px;}
.sub_right{ float: right; width:975px; margin-bottom:20px;}
.sub_list{  width:975px; float:left;}
.sub_list_title span{ color:#007ad7;}
.sub_list_title{ width:975px; height:50px; line-height:50px; background-color:#cbcbcd; font-size:16px; color:#000;}
.sub_r_title{ width:975px; text-align:left; height:37px; border-bottom:2px solid #d2d2d2;}
.sub_r_title span{ width:110px; height:37px; font-size:16px; color:#FFF; background-color:#484443; display:block; line-height:37px; text-align:center;}


.sub_news_title{ width:1190px; text-align:left; height:65px; background-color:#bdbdbd;}
.sub_news_title ul{ width:690px; margin:0 auto;} 
.sub_news_title li{ float:left; color:#000; font-size:24px; line-height:65px; height:65px; width:230px; text-align:center;}
.sub_news_title li a{ display:block; color:#000; height:65px; width:230px;}
.sub_news_title li a:hover{ color:#FFF; background-color:#008ed6;}
.sub_news_title li a.colorred{color:#FFF; background-color:#008ed6;}
.sub_news_con{text-align:left; min-height:400px; _height:400px; margin-top:10px; width:1190px;}
.sub_news_con dl{ width:1190px; height:167px; margin-bottom:10px;}
.sub_news_con dt{ float:left; width:167px; height:167px; margin-right:15px;}
.sub_news_con dd{ float:left; width:978px; background-color:#e6e6e6; padding:0 15px;}
.news_t{ height:80px; font-size:24px;  }
.news_t a{color:#1586c0;}
.news_d{ color:#51504e; font-size:16px; height:87px;}
.news_d a{ color:#ee6b13;}

.sub_news_con2{text-align:left; min-height:400px; _height:400px; margin-top:10px; width:1190px;}
.sub_news_title2{ font-size:24px; height:60px; line-height:60px; margin-top:10px; border-bottom:1px solid #CCC; width:1190px; text-align:center;}
.sub_news_con{ width:1190px;}

.sub_list_con{ padding:15px 0;}
.sub_list_con li{ float:left; width:230px; height:267px; border:1px solid #D9D9D9; margin:0 5px 10px;}
.sub_list_con li a img{ width:218px; padding:5px;}
.sub_list_con li a{ display:block;height:267px; border:1px solid #D9D9D9;}
.sub_list_con li a:hover{ color:#007ad7; border:1px solid #007ad7;}
.pro_title{ height:38px; width:975px; margin:10px 0 10px; text-align:left;}
.pro_c{ width:975px; min-height:200px; _height:200px; margin-bottom:10px;}


#demo { overflow:hidden; width: 650px; margin-left:25px; }
#demo img { }
#indemo { float: left; width: 800%; }
#demo1 { float: left; }
#demo2 { float: left; }


#scrollDiv{}
.scrollText{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid; float:left;overflow:hidden}
.scrollText li{height:25px;padding-left:10px;}
.up{ margin-left:310px; width:50px; height:50px; background:#F90}
.down{ margin:0 0 0 310px; zoom:1; width:50px; height:50px; background:#960}


.sub_ban{ width:1190px; height:248px; margin-top:5px;}

.qq_online{ width:144px; height:106px;position:fixed; right:0px; top:50%;z-index: 100; _top: expression(documentElement.scrollTop + 300 + "px");_position: absolute; z-index:99999;}
.qq_online a img{}

.sidebar{ }

.news_read_title{ width:950px; height:80px; text-align:center; border-bottom:1px solid #CCC; font-size:24px; color:#0087e0; margin-bottom:20px;}
.news_read_title p{ color:#666; font-size:14px;}


/* -- page footer -- */
.footer{ width:1190px; height:145px; margin:0 auto;  border-left:1px solid #9f9f9f; border-right:1px solid #9f9f9f; }
.footer_bg{background-color:#6a6a6a; width:1190px; height:145px;}
.footer_l{ font-size:16px; color:#FFF; float:left; text-align:left; padding:30px 0 0 100px; line-height:26px;}

.footer_r{ float: right;font-size:16px; color:#FFF; text-align: center; width:286px; padding:34px 55px 0 0;}
.footer_r p{}
.footer_r span{ float:left; font-size:22px;}
.footer_r img{ float:left; padding-left:40px; padding-top:2px;}
.footer_bottom{ height:60px; width:1190px; margin:0 auto; line-height:60px; border-left:1px solid #9f9f9f;border-bottom:1px solid #CCC; border-right:1px solid #9f9f9f; }