﻿@charset "utf-8";

/* Reset style */

* { margin:0; padding:0;/* 所有浏览器都支持 *//*padding:0!important; Firefox、IE7支持 *//*_padding:0;  IE6支持 *//**padding:0;  IE6、IE7支持 *//* *+padding:0; IE7支持 */
/*padding:0\9;  IE6、IE7、IE8支持 */
/*padding:0\0;  IE8支持 */
/*filter:Gray!important;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)!important;*/
}

body { font:12px/2em Arial, "宋体"; color:#5b5b5b; text-align:center; background:#fff;/* prevent screen flash in IE6 */ }

h1, h2, h3, h4, h5, h6, table, th, td { font-size:1em; }

ul, li { list-style:none; }

fieldset, img { border:none; }

legend { display:none; }

em, strong, cite, th { font-style:normal; }

input, textarea, select, button { font:12px  Arial, sans-serif; }

table { border-collapse:collapse; }

html { overflow:-moz-scrollbars-vertical; }/*Always show Firefox scrollbar*/

.fl { float:left; }

.fr { float:right; }

.img_fl { float:left; margin:0 12px 5px 0; }

.img_fr { float: right; margin:0 0 5px 12px; }

.clear { clear:both; }

.none { display:none; }

.space { padding:0 6px; }

.bor_hui { border:1px solid #cecece; }

.bor_hui1 { border-bottom:1px solid #cecece;border-right:1px solid #cecece;border-left:1px solid #cecece; }


.bor_w { border:1px solid #fff; }

.bor_blue{ border:1px solid #96c7e4;}

.bor_xu { background:url(../images/bor_01.gif) repeat-x 0 bottom; }

.margin_tb { margin:12px 0; }

.margin_lr { margin: 0 12px; }

/* Reset style end */

a:link, a:visited { text-decoration:none; color:#5b5b5b; }

a:hover { color:#800; text-decoration:underline; }

#wrap { width:930px; margin: 0 auto; text-align:left;background:url(../images/pro_02.jpg) no-repeat 0 0;}

#head { width:929px; height:95px;border-bottom:5px solid #0076be;}

#logo { float:left; padding:0 38px 0 0 ;}

#welcome { text-align:right; padding:0 26px 0 0; line-height:30px;height:30px; }

.wel_01{ background:url(../images/biao.gif) no-repeat 0 -860px; padding:0 0 0 22px;}

.wel_02 {background:url(../images/biao.gif) no-repeat 0 -938px; padding:0 0 0 22px;}

.wel_03 { background:url(../images/biao.gif) no-repeat 0 -898px; padding:0 0 0 22px;}

.search {line-height:19px;height:19px; text-align:right; margin:2px 0 0; padding:0 26px 0 0;}

.inser{background:url(../images/index_05.jpg) no-repeat 0 0; padding:0 2px; }

#pro_ser {  border:0px solid #dfbc7c; background:transparent; height:20px; padding:0 0 0 4px;  font:12px/20px Arial; color:#ccc ; width:120px; margin:0  6px;}

#head_call{ font:600 12px/19px Arial; margin:2px 0 0; height:19px; color:#0076be; padding:0 5px;}


/*===================menu&nav=begin========================*/


.m_c { background:url(../images/m_c.jpg) repeat-x 0px 0; height:28px; }

.m_l { background:url(../images/m_l.jpg) no-repeat 0px 0; height:28px; }

.m_r { background:url(../images/m_r.jpg) no-repeat right 0; height:28px;}

#menu_wrap { clear:right; padding:18px 0 0;}

li.menu_txt { float:left; height:28px; background:url(../images/m_li.jpg) no-repeat right  bottom; padding:0 5px; }

li.last{ background:none;} 

#menu a.menulink { display:block; height:28px; font:400 14px/28px Arial, Arial, Arial; _float:left; padding:0 11px 0 0 ; }

#menu a.menulink:link, #menu a.menulink:visited { color:#666; }

#menu a.menulink:hover, #wrap #menu a.menu_now { color:#fff; text-decoration:none; background: url(../images/m_h.jpg)  no-repeat right 0; }

#menu a span{ display:block; padding:0 0 0 12px; height:28px;cursor:pointer; _float:left; line-height:28px;}

#menu a.menulink:hover span, #wrap #menu a.menu_now span{background: url(../images/m_h.jpg)  no-repeat 0 0; }

#nav{ position:absolute;width:700px;margin:-1px 15px 0 216px; filter:alpha(opacity=90);opacity:0.9;}

.nav_l{ margin:1px 0 0;height:22px; background:url(../images/nav.gif) no-repeat 0 0; width:10px; float:left;}

.nav_r{ margin:1px 0 0;height:22px; background:url(../images/nav.gif) no-repeat right 0; padding:0 30px 0 20px; float:left;}

.nav { clear:both; display:none; height:42px; background:none;}

.nav a{ padding:0 10px;}

#nav1{ padding:0 20px 0 0px;}

#nav2{ padding:0 20px 0 70px;}

#nav3{ padding:0 20px 0 160px;}

#nav4{ padding:0 0px 0 50px;}

#nav5{ padding:0 100px 0px 0;  float:right;}

#nav6{ padding:0 90px 0px 0;  float:right;}

#nav7{ padding:0 30px 0 0px;  float:right;}

#nav8{ padding:0 0px 0 0px;  float:right;}



/*===================menu&nav=//end========================*/

#banner{}

#link{ line-height:40px; height:40px; border-top:1px solid #96c7e4;border-bottom:1px solid #96c7e4;}

#inlink{ float:left;}

#link a{padding:0 10px;}

#foot{ line-height:22px; text-align:center;}

#foot_logo{ padding:0 18px 0 0;}

.foot{ padding:22px 0 0;}

.foot a{ padding:0 10px;}

.support_30c{ padding:0 12px;}

#copyright{ padding:0 0 0 20px;}

/*================================index================================*/

.index h3{ font-size:14px; color:#6c6c6c;}

#home_main{ padding:12px 0; }

.bg_hui{ background:url(../images/h3_bg.jpg) no-repeat right 0; height:35px; padding:0 10px 0 0;}

.inbg_hui{ background:url(../images/h3_bg.jpg) no-repeat 0 0; height:35px;padding:0  0 0 10px; line-height:35px;}

.new_h3{padding:0 0 0 12px;}

.new_h3 span{ background: url(../images/index_25.jpg) no-repeat right  center ;padding:0 16px 0 0;}

.about_h3{ background: url(../images/index_12.jpg) no-repeat 100% center ;padding:0 0 0 2px;}

.about_h3 a{ display:block;}

.use_h3{ padding:0 0 0 12px; margin:8px 0 0px;}

.link_h3{ float:left; padding:0 15px;}

#home_left { width:720px; float:left;overflow:hidden;}

#home_new{background:url(../images/h3_bg.jpg) no-repeat 0 0;line-height:35px;height:35px; overflow:hidden; margin:0 0 10px;}

.h_more{ padding:10px 12px 0 0; float:right;}

.innew{  width:520px; margin:15px 0 0px 0;line-height:25px;}

.innew li { padding:0 13px; line-height:25px;}

.innew li a {}

#home_case{ width:800px; margin:15px 0 ; height:283px; overflow:hidden;}

.home_case { position:relative; background:url(../images/pro_bg.jpg); width:238px; height:283px; overflow:hidden; margin:0 7px 0 -2px; float:left;}

.home_case li{ width:89%;}

.home_case li.h_pro_img{ position:absolute;z-index:10; padding:13px 0 0 15px;}

.home_case li.h_pro_name{ position:absolute; margin:175px 0 0; font:600 13px/28px Arial; z-index:100; padding:0 0 0 40px; background:url(../images/h3_b.jpg) no-repeat 20px center;}

.home_case li.h_pro_txt{ position:absolute; margin:203px 0 0; line-height:20px; z-index:100;padding:0 0 0 26px;}

.h_pro_more{ float:right; padding:0 24px 0 0;}

#home_right { float:right; width:196px;}

#home_use{ background:url(../images/index_33.jpg); height:105px; margin:13px 0;}

#home_use li{ background:url(../images/biao.gif) no-repeat 2px -292px; padding:0 22px; line-height:22px;}

#home_pro {height:155px;}

#home_pro1 {height:145px;}


#inhome_pro { width:196px; height:155px; overflow:hidden;}

#inhome_pro1 { width:194px; height:145px; overflow:hidden;}

.botton{ cursor:pointer; padding:35px 0px 0;}

#home_pro li { float:left; width:196px; padding:5px 0 0 ;text-align:center; font-size:12px;}

#home_pro1 li { float:left; width:194px; overflow:hidden; padding:5px 0 0 ;text-align:center; font-size:12px;}

.case_name{ font:600 13px/16px Arial; word-wrap: break-word;word-break:break-all;}


/*============================index//end=================================*/

#content { clear:both; padding:12px 0;}

/*===================left=begin========================*/


#left { margin:0 13px 15px 0;float:left; }

#inleft {width:184px;  border:1px solid #cecece;  padding:1px 1px 80px; background:#f9f9f9 url(../images/about_11.jpg) no-repeat  right  bottom;   }

#left h2 { margin:0 0 12px;color:#fff; background: url(../images/pro_05.jpg) no-repeat right 0;}

#left h2 span{ height:28px; display:block; font:600 15px/28px Arial; padding:0 0 0px 28px ;background:url(../images/nav.jpg) no-repeat 0 0;}

.primary { clear:both; margin:0 15px;}

.primary li { background:url(../images/about_06.jpg) no-repeat center bottom; padding:0 0 10px; margin:2px 0 0px ; }

.primary li a, .primary li a:link, .primary li a:visited { display:block; height:28px; font:600 14px/28px Arial; padding:0 0 0 35px; background:url(../images/biao.gif) no-repeat 12px -369px; }

.primary li a:hover, #left .primary li a.primary_now { color:#0076be; background:url(../images/biao.gif) no-repeat 12px -329px; }

.secondary { background:#f5f5f5; border-top:1px solid #fff; display:n one; }

.secondary li { border:0px; margin:0; }

#left .secondary li a, #left .secondary li a:link, #left .secondary li a:visited { padding: 0 0 0 60px; background:url(../images/biao.gif) no-repeat 35px -216px; font:400 12px/16px Arial; height:16px; border:0; }

.secondary li a:hover, #left .primary .secondary li a.secondary_now { background:url(../images/biao.gif) no-repeat 17px -376px; }

.left_nav { padding:15px 0; text-align:center; }


/*===================left=//end========================*/

/*====================right//begin========================*/

#right { float:left; width:718px; overflow:hidden;}

#right #banner{ margin:0 0 15px;}

.right_bg01{background:url(../images/h3_bg.jpg) no-repeat 0 145px; }

.right_bg02{background:url(../images/h3_bg.jpg) no-repeat 0 0;}

#weizhi {background:url(../images/h3_bg.jpg) no-repeat right 0; margin:0 0 0 3px;}

#inweizhi {background: url(../images/pro_08.jpg) no-repeat 7px  center; padding:0 0 0 37px; line-height:35px;height:35px;}

#inweizhi a { background:url(../images/biao.gif) no-repeat 100% -180px; padding:0 14px 0 0; }

.weizhi { color:#0076be; }

.main { padding:15px; min-height:516px; _height:516px; border:1px solid #cecece; margin:15px 0;}

.fanye { text-align: center; padding: 5px 0; margin:15px 0;clear:both; }

.fanye a { text-align: center; padding:0 4px; }

/*CSS fanye style pagination*/

DIV.fanye A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.fanye A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.fanye SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.fanye SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}





/*====================new========================*/

.new {}

.new li { padding:0 40px 0 20px; text-align:right; line-height:30px; height:30px; clear:both; }

li.old { background-color:#f4f4f4; margin:4px 0;}

li.even { }

.new li a { padding:0 0 0 12px; color:#5d5c5c; }

.new li a:hover { padding:0 0 0 12px; color:#800; }

.new h4 { text-align:center; font-size:14px; font-weight:600; margin:0 0 10px; color:#010101; }

.new_time { text-align:right; padding:0 5px 0 0; margin:0 0 10px; height:24px; }

/*========================case.asp&product.asp==========================*/

.case_l{ float:left; padding:0 0 0 15px;}

.case_r{ float:right; width:500px;}

.case li {clear:both;margin: 15px 0; padding:0 0  12px;background:url(../images/bor_15.gif) repeat-x bottom;}

.case li img{ border:1px solid #ebebeb;}

.pro_name {background:url(../images/pro_19.jpg) no-repeat 0 bottom; }

.inname{ background:url(../images/pro_15.jpg) no-repeat 10px 0; padding:0px 0 0 40px; font:14px/2em Arial; }

.pro_txt { padding:10px; }

#pro2 { padding:15px 15px 15px 0;}

#pro2 .case_r{width:380px;}

#pro2_txt{ padding:15px 15px; margin:20px 0 0; background: url(../images/bor_15.gif) repeat-x 0 0px;}


/*==========================career=========================*/

.pin{ padding:20px; background:url(../images/bor_15.gif) repeat-x 0 bottom;}

/*==========================career=========================*/

#contact{background:url(../images/call.jpg) no-repeat  right bottom;}

/*==========================support=========================*/

#q_a{ width:640px; margin:0 auto;}

.q_title{ font:15px/38px Arial; background: url(../images/pro_19.jpg) no-repeat 0  bottom; padding:0 12px;}

.q_txt{ padding:12px 38px; margin:0 0 10px; background:#fcfcfc;}

.video_li{ clear: both;margin:0px auto; padding:20px 0;}

.video_li li{ float:left; width:33%; text-align:center; height:220px; }

.video_play{text-align:center;}


/*==========================ipt=========================*/

.ipt { width:150px; height:20px; line-height:20px; border:1px solid #b4b4b4; }

.ipt2 { width:50px; height:14px; line-height:14px; }

/*============================txt========================*/

.txt_10 { font-size:10px; }

.txt_11 { font-size:11px; }

.txt_12 { font-size:12px; }

.txt_13 { font-size:13px; }

.txt_14 { font-size:14px; }

.txt_15 { font-size:15px; }

.txt_16 { font-size:16px; }

.txt_18 { font-size:20px; }

.txt_20 { font-size:20px; }

.txt_25 { font-size:25px; }

.txt_30 { font-size:30px; }

.txt_40 { font-size:40px; }

.txt_yel { color:#ff6f00; }

.txt_he { color:#720508; }

.txt_write { color:#fff; }		/*白色文字or链接*/

a.txt_write:link, a.txt_write:visited { color:#fff; }

a.txt_write:hover { color:#666; }

.txt_blue { color:#0076be; }     /*蓝色文字or链接*/

a.txt_blue:link, a.txt_blue:visited { color:#0076be; }

a.txt_blue:hover { color:#800; }

.txt_000 { color:#202529; }		/*黑色文字or链接*/

a.txt_000:link, a.txt_000:visited { color:#202529; }

a.txt_000:hover { color:#800; }

.txt_red { color:#ef3d01; }      /*红色文字or链接*/

a.txt_red:link, a.txt_red:visited { color:#ef3d01; }

a.txt_red:hover { color:#800; }

.txt_hui { color:#7c7c7c; }          /*灰色文字or链接*/

a.txt_hui:link, a.txt_hui:visited { color:#7c7c7c; }

a.txt_hui:hover { color:#800; }

