@charset "utf-8";
/*





2016-7-27



*/

.banner2 { background-repeat: no-repeat; background-position: center center; min-width:1100px;}

#about { height: 250px; width: 100%; background-image: url(../images/banner_about.jpg); }

.position { line-height: 60px; height: 60px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; position: relative; }

.position span { line-height: 60px; float: right; height: 60px; padding-left: 25px; background-image: url(../images/home1.png); background-repeat: no-repeat; background-position: left center; color: #666666; }

.cat_title { font-size: 24px; line-height: 60px; font-weight: normal; color: #00892d; float: left; height: 60px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #00892d; }

.cat_title i { float: left; }

.page_left { float: left; width: 240px; position: relative; }

.page_right { float: right; width: 830px; min-height:700px; position: relative; }

.left_menu ul { padding: 5px; float: left; width: 220px; }

.left_menu { float: left; width: 230px; position: relative; }

.left_menu li { line-height: 50px; float: left; height: 45px; width: 200px; font-size:15px; background-image: url(../images/ico_05.gif); background-repeat: no-repeat; background-position: 10px center; text-transform: capitalize; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; padding-left: 20px; }

.left_menu li a { color:#333333; text-decoration:none; display:block }

.left_menu li a:hover { color:#055cbd; }

.left_menu li.on2 a   { color:#055cbd; }

.left_title { float: left; width: 230px; padding-top: 10px; padding-bottom: 10px; background-color: #055CBD; }

.left_rank { width:240px; float:left; padding-top:8px; padding-bottom:8px; }

.left_rank li { line-height: 30px; float: left; height: 30px; width: 240px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-top: 3px; padding-bottom: 3px; }

.left_rank li i { font-style: normal; line-height: 20px; color: #FFFFFF; background-color: #4e4e4e; text-align: center; margin: 5px; float: left; height: 20px; width: 20px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }



.left_rank2 { width:240px; float:left; padding-top:8px; padding-bottom:8px; }

.left_rank2 li { line-height: 30px; float: left; width: 220px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }

.left_rank2 li i { font-style: normal; line-height: 20px; color: #FFFFFF; background-color: #4e4e4e; text-align: center; margin: 5px; float: left; height: 20px; width: 20px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }

.left_rank2 span { float: left; width: 220px; }

.left_rank2 span img { width:100%; height:auto;}

.left_rank2 p { line-height: 30px; text-align: center; float: left; height: 30px; width: 220px; }



.left_rank3 { float: left; width: 240px; }



.page_read { float: left; width: 810px; padding: 10px; }

.page_read_title { font-size: 24px; line-height: 35px; font-weight: normal; color: #333333; text-align: center; float: left; width: 810px; padding-top: 10px; padding-bottom: 10px; }

.page_read_info { line-height: 35px; color: #999999; float: left; width: 810px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; text-align: center; }

.page_content { font-size: 14px; line-height: 2.2em; color: #333333; padding: 10px; float: left; width: 790px; margin-top: 10px; margin-bottom: 10px; min-height:240px; }

.page_content img { max-width:780px; height:auto;}

.left_message { background-color: #f5f5f5; float: left; width: 240px; position: relative; }

.left_msgbox { padding: 10px; float: left; width: 220px; }

.left_msgbox p { float: left; width: 220px; padding-top: 5px; padding-bottom: 5px; }

.input-text2 { width:97%; line-height:30px; height:30px; float:left; border:1px solid #e2e2e2; padding-left: 2%; }

.left_mshtit { line-height: 40px; float: left; height: 40px; width: 210px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; font-size: 15px; font-weight: bold; color: #333333; padding-left: 30px; background-image: url(../images/ico_msg.png); background-repeat: no-repeat; background-position: 5px center; }

.left_msgbox dt { float: left; height: 35px; width: 220px; padding-top: 10px; }

.left_msgbox textarea { border:1px solid #e2e2e2; line-height:25px; padding:5px; width:210px; height:50px; color:#666666; float:left; }



.left_msgbox dt a{ width:100px; height:33px; line-height: 33px; color: #666666; float: left; border: 1px solid #e2e2e2; background-color: #FFFFFF; text-align: center; }

.msg_sub { width:100px; height:35px; line-height: 35px; color: #666666; float: right; border: 1px solid #e2e2e2; background-color: #FFFFFF; text-align: center; }

.left_box { float: left; width: 230px; border: 5px solid #055cbd; }

.left_box2 { float: left; width: 230px; border: 5px solid #ff9d10; background-color: #FF9D10; }

.share { float: left; height: 40px; width: 790px; padding-left: 10px; }

.list { float: left; width: 810px; position: relative; padding: 10px; }

.list_txt { margin: 0px; padding: 0px; }

.list_txt li { float: left; width: 790px; padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DFDFDF; padding-right: 5px; padding-left: 5px; }

.list_txt span { padding: 1px; float: left; border: 1px solid #e2e2e2; }

.list_txt h4 { font-size: 15px; line-height: 35px; font-weight: bold; float: left; height: 35px; width: 790px; }

.list_txt p { line-height: 20px; color: #999999; float: right; width: 790px; padding-top: 5px; padding-bottom: 5px; }

.list_txt dt { line-height: 30px; color: #999999; float: right; height: 30px; width: 790px; }

.read { float: left; width: 780px; padding: 10px; }

.read_title { font-size: 24px; line-height: 35px; font-weight: bold; color: #333333; text-align: center; float: left; width: 780px; padding-top: 10px; padding-bottom: 10px; }

.read_info { line-height: 35px; color: #999999; text-align: center; float: left; height: 35px; width: 780px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }

.read_content { font-size: 14px; line-height: 2.2em; color: #333333; padding: 10px; float: left; width: 760px; margin-top: 10px; margin-bottom: 10px; min-height:240px; }

.read_content  img { max-width:780px; height:auto;}

.page_up { line-height: 35px; color: #333333; float: left; height: 35px; width: 760px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; padding-left: 20px; }

.list_pic { margin: 0px; padding: 0px; }

.list_pic li { padding: 10px; float: left; width: 180px; }

.list_pic span { padding: 1px; float: left; width: 176px; border: 1px solid #e2e2e2; }

.list_pic p { line-height: 25px; text-align: center; padding: 5px; float: left; height: 25px; width: 170px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.list_course { float: left; width: 1100px; position: relative; }

.list_course ul { }

.list_course li { float: left; width: 235px; background-color: #f5f5f5; margin: 15px; padding: 4px; border: 1px solid #f5f5f5; position:relative }

.list_course span { float: left; width: 231px; padding: 1px; border: 1px solid #FFFFFF;  position:relative}

.list_course p { line-height: 25px; text-align: center; float: left; height: 25px; width: 225px; white-space: nowrap; overflow: hidden; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-size: 15px; position:relative; }

.list_course dt { line-height: 22px; color: #999999; float: left; width: 215px; position:relative; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }

.list_course i { font-size: 15px; line-height: 35px; text-align: center; float: left; height: 35px; width: 120px; font-style: normal; margin-bottom: 10px; background-color: #ef4c52; margin-left: 55px; position:relative; margin-top: 10px; }

.list_course i a { color:#FFFFFF; text-decoration:none;}

.list_course i a:hover { color:#FFFFFF; background-color:#FF0000;}

.list_course em { position:absolute; top:0px; right:0px;}

.list_course li:hover {border: 1px solid #ef4c52; }

.left_m{ width:240px; float:left; height:290; padding-bottom: 20px; }



.table_form { width:100%;}

.table_form td,.table_form tr,.table_form th { line-height:35px; padding:5px; color:#333333; font-size:13px; font-weight:normal;}

.input-text { width:97%; line-height:35px; height:35px; float:left; border:1px solid #e2e2e2; padding-left: 2%; }

.table_form textarea { border:1px solid #e2e2e2; line-height:30px; padding:5px; width:97%; height:60px; color:#666666; float:left;}

.table_form a { width:100px; height:33px; line-height: 33px; color: #666666; float: left; border: 1px solid #e2e2e2; background-color: #FFFFFF; text-align: center; margin-left: 40px; }

.table_form .msg_sub2{
	width:100px;
	height:35px;
	line-height: 35px;
	color: #FFFFFF;
	float: left;
	border: 1px solid #e2e2e2;
	background-color: #e02b2b;
	text-align: center;
}

.order { width:500px; padding:25px; margin-left: 150px; }

.list_products { margin: 0px; padding: 0px; }

.list_products li { float: left; width: 250px; position: relative; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; }

.list_products p { background-image: url(../images/p_bg.png); background-repeat: no-repeat; background-position: center center; float: left; height: 40px; width: 240px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; font-size: 14px; line-height: 40px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.list_products li:hover p a  { color:#FF0000; text-decoration:none;}

.list_title { line-height: 40px; float: left; height: 40px; width: 755px; margin-top: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; background-image: url(../images/ico_cat.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 35px; padding-right: 10px; margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #055cbd; }

.list_title span { font-size: 12px; line-height: 25px; color: #FFFFFF; float: right; margin-top: 8px; text-transform: uppercase; font-weight: normal; }

.list_title a { padding-left:10px; padding-right:10px; color:#FFFFFF; background-color:#fd9613; }

.list_title a:hover { color:#FFFFFF; text-decoration:underline;}



.order_title { font-size: 16px; line-height: 40px; color: #333333; float: left; height: 40px; width: 780px; font-weight: bold; padding-left: 20px; }

.order_info { line-height: 25px; color: #999999; float: left; width: 780px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; }

.order2 { float: left; width: 800px; padding-top: 10px; padding-bottom: 10px; }

.order2 table { font-size:13px; line-height: 30px; font-weight: normal; color: #333333; }

.table_form td ,.table_form tr{ line-height:30px;  padding:5px;}

.input-text { width:80%; line-height:30px; height:30px; color:#333333; border: 1px solid #e2e2e2; }

.input_s20 { width:110px; float: left; height: 30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: center; background-color: #ff7400; font-size: 15px; color: #FFFFFF; line-height: 30px; }

.input_s3 { width:110px; background-image: url(../images/product_tianxie.jpg); background-repeat: no-repeat; background-position: center center; height: 30px; margin-left: 15px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #333333; line-height: 30px; float: left; color: #FFFFFF; font-size: 15px; }

.table_form { width:100%;}

.page_right2 { float: right; width: 220px; padding-right: 15px; }

.p_contact { line-height: 25px; color: #333333; float: left; width: 220px; }

.p_ct { font-size: 16px; line-height: 40px; color: #333333; float: left; height: 40px; width: 220px; font-weight: bold; }

.p_zixun { line-height: 40px; text-align: center; float: right; height: 40px; width: 220px; }

.p_case { float: left; width: 220px; padding-top: 10px; padding-bottom: 10px; }

.p_case li { float: left; width: 220px; padding-top: 5px; padding-bottom: 5px; }

.p_case p { line-height: 35px; float: left; height: 35px; width: 200px; padding-right: 5px; padding-left: 15px; font-size: 13px; font-weight: bold; background-image: url(../images/banner_on2.png); background-repeat: no-repeat; background-position: 5px center; }

.p_case span { padding: 4px; float: left; width: 210px; border: 1px solid #e2e2e2; }

.about_t { font-size: 16px; line-height: 40px; font-weight: bold; color: #333333; float: left; height: 40px; width: 1100px; }

.read_about { float: left; width: 760px; background-color: #F3F3F3; padding: 10px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; }

.read_about_t { font-size: 15px; line-height: 35px; color: #333333; float: left; height: 35px; width: 760px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }

.read_about_t span { float: left; width: 360px; padding-left: 10px; }

.read_about_list { float: left; width: 370px; padding-top: 10px; padding-bottom: 10px; }

.read_about_list li { line-height: 35px; background-repeat: no-repeat; background-position: 2px center; float: left; height: 35px; width: 360px; padding-left: 10px; background-image: url(../images/ico-1.gif); }

.read_about_list span { color: #999999; float: right; }



.read_about2 { float: left; width: 760px; background-color: #F3F3F3; padding: 10px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; }

.about_t { font-size: 16px; line-height: 40px; font-weight: bold; color: #333333; float: left; height: 40px; width: 1100px; }

.read_about_t2 { font-size: 15px; line-height: 35px; color: #333333; float: left; height: 35px; width: 760px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }

.read_about_t2 span { float: left; width: 360px; padding-left: 10px; }

.read_about2_list li { padding: 10px; float: left; width: 170px; }

.read_about2_list span { padding: 1px; float: left; width: 166px; border: 1px solid #e2e2e2; }

.read_about2_list p { line-height: 25px; text-align: center; padding: 5px; float: left; height: 25px; width: 160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }



.page_up2 { line-height: 35px; background-color: #F1F1F1; text-align: center; float: right; height: 35px; width: 120px; border: 1px solid #e2e2e2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc); margin-top: 15px; }

.page_up2 a { color:#333333; text-decoration:none; display:block;}

.page_up2 a:hover { color:#FFFFFF; text-decoration:none; background-color: #FF3300; }

.input_s2 { width:90px; float: left; height: 30px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: center; font-size: 15px; color: #FFFFFF; line-height: 30px; background-image: url(../images/btn.jpg); background-repeat: no-repeat; background-position: center center; }

.input_s3 { width:70px; background-image: url(../images/product_tianxie.jpg); background-repeat: no-repeat; background-position: center center; height: 26px; margin-left: 15px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

.left_title p { font-size: 18px; line-height: 25px; font-weight: bold; color: #FFFFFF; text-align: center; float: left; height: 25px; width: 230px; }

.left_title dt { line-height: 25px; color: #8FC2FC; text-align: center; float: left; height: 25px; width: 230px; text-transform: uppercase; }

.left_list { padding: 5px; float: left; width: 220px; }

.left_list li { line-height: 35px; background-image: url(../images/ico1.jpg); background-repeat: no-repeat; background-position: 2px center; float: left; height: 35px; width: 210px; padding-left: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.left_tel { background-image: url(../images/ico_tel04.png); float: left; width: 180px; padding-top: 10px; padding-bottom: 10px; padding-left: 50px; background-repeat: no-repeat; background-position: 15px center; font-size: 18px; line-height: 40px; font-weight: bold; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }

.left_contact { line-height: 28px; color: #FFFFFF; padding: 5px; float: left; width: 220px; margin-top: 5px; margin-bottom: 5px; }

.right_title { line-height: 37px; background-image: url(../images/right_title.jpg); background-repeat: no-repeat; background-position: left center; float: left; height: 37px; width: 819px; border-right-width: 1px; border-right-style: solid; border-right-color: #e2e2e2; padding-right: 10px; }

.right_title h2 { line-height: 37px; color: #FFFFFF; text-align: center; float: left; height: 37px; width: 200px; display:inline-block; font-size: 16px; }

.right_title span  { line-height: 37px; float: right; height: 37px; padding-left: 25px; background-image: url(../images/home1.png); background-repeat: no-repeat; background-position: left center; color: #666666; }



.read2 { padding: 10px; float: left; width: 810px; margin-top: 10px; margin-bottom: 10px; position: relative; }

.read2_content { font-size: 14px; line-height: 30px; color: #333333; padding: 10px; float: left; width: 790px; margin-top: 10px; margin-bottom: 10px; }

.read2_content mg { max-width:790px; height:auto;}

.pro_detail_l { float: left; width: 400px; position: relative; }

.pro_pic{ width:400px; position: relative; }

.cace_small{ margin-top:15px; width:400px; overflow:hidden; }

.case_small_C{ overflow:hidden; float:left; margin:0 10px; width:360px; }

.case_small_C ul{ width:360px;}

.case_small_C li{ float:left; border:2px solid #eee; margin-right:5px;width:70px; }

.case_small_C li:hover,.case_small_C li.current{ border:2px solid #3fc82a;}

.cace_small span{ display:inline-block; width:10px; height:45px; background:url(../images/detail_btn.jpg) no-repeat 0 0; float:left; margin-top:10px; cursor:pointer;}

.cace_small .small_R{ float:right; background-position:-11px 0;}

.detail_R{ float:right; width:355px;}



.detail_R h2{ height:30px; border-bottom:1px solid #e7e7e7; color:#f58b00; margin-bottom:10px;}



.detail_R .p01{font-size:14px;margin-bottom:5px; border-bottom:1px solid #e7e7e7; margin-bottom:6px;padding-bottom:6px; color:#444;}



.detail_R .p03{margin-top:15px;padding-top:10px; margin-bottom:25px;}



.detail_R .p03 strong{ color:#f58b00; font-size:18px; font-family:Arial;}

.read_pinfo { float: right; width: 370px; }

.read_pinfo h1 { font-size: 25px; line-height: 30px; font-weight: bold; color: #d10000; float: left; padding-top: 5px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; width: 100%; }

.read_pinfo dt { line-height: 30px; color: #666666; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F7F7F7; padding-top: 5px; padding-bottom: 5px; }

#p_dianhua i { font-size: 18px; font-style: normal; font-weight: bold; color: #FF9900; }

.p2_title { background-image: url(../images/ico_bao2.png); background-repeat: no-repeat; background-position: 10px center; float: left; width: 775px; padding-left: 35px; line-height: 35px; background-color: #055cbd; height: 35px; }

.p2_title h2 { line-height: 35px; height: 35px; font-size: 14px; font-weight: bold; color: #FFFFFF; }

.p2_title p { line-height: 20px; color: #999999; height: 20px; }



.pinfo{ width:400px; float:left; position:relative; }

/*氓鈥郝久р€扳€∶�"戮氓陇搂茅鈥⑴撁� 路氓录聫*/

.jqzoom{ float:left; border:none; padding:0px; cursor:pointer; margin:0px; display:block; }

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/*氓鈥郝久р€扳€∶ヂ奥徝モ€郝久┞�"猫搂藛氓藛鈥斆÷�*/

.spec-preview{ width: 400px; height: 300px; }

.spec-scroll{ clear:both; margin-top:5px; width:400px; }

.spec-scroll .prev{float:left;margin-right:4px;}

.spec-scroll .next{float:right;}

.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"氓庐鈥姑ぢ�"";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.spec-scroll .items{ float:left; position:relative; width:362px; height:56px; overflow:hidden; }

.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}

.spec-scroll .items ul li{ float:left; width:60px; text-align:center; }

.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}

.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}