@charset "utf-8";
@import "bug.css";
@import "ie.css";
/* CSS Document */
/* 全局样式 *****此css控制全局 *****影响字体*/



body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
h1, h2, h3, h4, h5 {font-size:100%;}


li{list-style:none}
button, img {border:none;}
button, input, select {vertical-align:middle}

/*
body { background:url(/images/tbg.gif) repeat-x left top;font:12px/16px Arial, Verdana, Helvetica, sans-serif;color:#2C2C2C;}
*/


a { color:#1b4f83;text-decoration: none;}
a:hover {color: #1b4f83;text-decoration: underline;}
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}

button { hide-focus:expression(this.hideFocus=true); }
button:focus { outline-style:none; }
.clear {clear:both;font-size:0;height:0px;overflow:hidden;}
.clearFix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
td{padding: 0.3em;}

.title {font-weight:bold;line-height:1;}
.more,.time {display:block;}
.content {line-height:1.5em;font-size:13px;}
/*
.content dl dt{ font-size:16px; margin-bottom:15px; margin-top:15px; float:left; width:100%}
.content dl  dd{ margin-left:20px; width:720px}
.content dl  dd a{ margin-right:25px; margin-bottom:15px; white-space:nowrap; float:left}
*/
.content dl dt{ font-size:16px; margin-bottom:15px; margin-top:15px; float:left; width:100%}
.content dl  dd{ margin-left:20px; width:720px}
.content dl  dd a{ margin-right:25px; margin-bottom:15px; white-space:nowrap; float:left}
#pro_txt .inner p, .content p{padding:5px 0;}
#pro_txt li, .content li {display:list-item;list-style:inside disc;margin-left:1.4em;}



/*此处对应是爱奇艺flash以及js模块
头部width:994px  height:438px  height:高度调节命令
大banner原始注释掉**大banner原始注释掉结束 此样式注释掉后底部错位首页和内容页
头部注释掉看下结果 首页不正常 内容页正常 头部注释掉看下结果 背景图片去掉后的效果
{position: relative; background:url(/images/top_bg.jpg) no-repeat center top; height:445px; overflow:hidden;}
#header{position: relative; background:url(/images/tbg_img.jpg) no-repeat center top; height:176px; overflow:hidden;}
*/

/*
#box{ width:994px; margin:0 auto;}
.home #header
{position: relative; height:420px; overflow:hidden;}
*/



/*
#header{position: relative; height:176px; overflow:hidden;}
/*大banner原始注释掉**大banner原始注释掉结束 此样式注释掉后底部错位首页和内容页*/



/*此处主要是原始顶部css  toptop.css  注释掉*/	
/*
#header_top {
    margin: 0 auto;
     position: relative;
    width: 994px;
}
#user{ position:absolute; right:10px; top:5px;}
#user ul{ overflow:hidden;}
#user li{ display:inline; float:left; background:url(/images/user_line.gif) no-repeat right center; padding:0 10px;}
#user li a{ float:left; color:#666666; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
#user li.link1 a{ background:url(/images/uesr_01.gif) no-repeat left center;  padding-left: 15px;}
#user li.link2 a{background:url(/images/uesr_02.gif) no-repeat left center;padding-left:15px;}
#user li.link3 a{background:url(/images/uesr_03.gif) no-repeat left center;padding-left:15px;}
#user li.link4 a{background:url(/images/uesr_04.gif) no-repeat left center;padding-left:15px;}
#user li.link5 a{background:url(/images/uesr_05.gif) no-repeat left center;padding-left:15px;}
#user li.link5#last { background:none;}
#logo{ left: 21px; position:relative; top:40px; float:left;}
	#logo img{height: 122px; width:173px; overflow:hidden;}
	#languages a {margin-left:10px;color:#333333;display:inline-block;}
	#languages img {margin-right:6px;}
*/	
/*此处主要是原始顶部css toptop.css*/




/*主体*/
/* 左侧导航栏目css */
#main_m{ overflow:hidden;}
#main_m ul{ padding: 8px 9px; overflow:hidden;}
#main_m li{ float:left; display:inline;}
#main_m li a{}
#main_m li.link1{ position:relative; width:325px; overflow:hidden; height:161px; background:url(/images/play_img.jpg) no-repeat left top;}
#main_m li.link1 .summary{ padding-left: 205px; padding-top: 60px; width:110px; color:#fff;}
#main_m li.link1 .more{  left: 205px;position: absolute;bottom: 18px;background:url(/images/more_01.gif) no-repeat; width:108px; height:30px; line-height:23px; padding-left:8px;}
#main_m li.link1 .more a{ color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase;text-decoration:none;} 

#main_m li.link2{ position:relative; width:325px; overflow:hidden; height:161px; background:url(/images/pin_img.jpg) no-repeat left top;}
#main_m li.link2 .summary{ padding-left: 25px; padding-top:3px; width:110px; color:#575858;}
#main_m li.link2 p{ font-size:18px; font-weight:bold; text-transform:uppercase; color:#FF6600;padding-left: 25px; padding-top: 43px;}
#main_m li.link2 .more{  left: 20px;position: absolute;bottom: 18px;background:url(/images/more_02.gif) no-repeat; width:108px; height:30px; line-height:23px; padding-left:8px;}
#main_m li.link2 .more a{ color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase;text-decoration:none;} 

#main_m li.link3{ position:relative; width:325px; overflow:hidden; height:162px; background:url(/images/com_img.jpg) no-repeat left top;}
#main_m li.link3 .summary{ padding-left: 25px; padding-top:5px; width:100px; color:#575858;}
#main_m li.link3 p{ font-size:16px; font-weight:bold; color:#67B52C; padding-left: 25px; padding-top: 40px;}
#main_m li.link3 .more{  left: 20px;position: absolute;bottom: 18px;background:url(/images/more_03.gif) no-repeat; width:108px; height:30px; line-height:23px; padding-left:8px;}
#main_m li.link3 .more a{ color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase;text-decoration:none;} 
.main_top{ background:url(/images/line_top.gif) no-repeat left top; padding-top:8px; }
.main_bg{ background:url(/images/line_bg.gif) repeat-x left top #fff;}

#main{ overflow:hidden; clear:both;}
#sideBar{ width:226px; float:left;}
.home .subnav{ overflow:hidden; margin-top:0;}
.subnav{ overflow:hidden; margin-top:20px;}

.subnav .inner{ border-left:1px solid #D4DCE8; border-right:1px solid #D4DCE8; overflow:hidden;}
.subnav_top{ background:url(/images/sub_top.gif) no-repeat left top; padding-top:9px;}
.subnav_bg{ overflow:hidden; background:url(/images/sub_bg.gif) repeat-x left bottom #fff;}
.subnav_bnt{ background:url(/images/sub_bnt.gif) no-repeat left bottom; padding-bottom:10px; overflow:hidden;}
	.subnav .title{ padding-left: 28px;margin-top: 5px; font-size:16px; color:#fff; font-weight:bold; background:url(/images/sub_title.gif) no-repeat center; width:196px; height:30px; line-height:30px;}
.class_item1{background:url(/images/sub_line.gif) no-repeat center bottom; display:block; }
.class_item1_link{color:#0399CD;padding-left:20px; font-weight:bold;  height:25px; line-height:25px;  }
.subnav #last{ background:none;}
.class_item1_link span{ background:url(/images/faq_go.gif) no-repeat 0 5px; padding-left:10px;cursor:pointer;}
.class_item1_link:hover,.here .class_item1_link {display:block; font-weight:bold; text-decoration:none;background:url(/images/sub_here_bg.gif) no-repeat left top ; }
.class_item1_link:hover span,.here .class_item1_link span{ color:#333333; text-decoration:underline;}

.class_item2{background:url(/images/sub_line.gif) no-repeat center bottom; display:block;}
.class_item2_link{color:#333333;padding-left:30px; font-weight:bold;  height:25px; line-height:25px;}
.class_item2_link span{ font-weight:normal;background:url(/images/go_02.gif) no-repeat 0 5px; padding-left:10px;cursor:pointer;}
.class_item2_link:hover,.class2_wrap .here a{ display:block; font-weight:bold; text-decoration:none;background:url(/images/sub_here_bg.gif) no-repeat center top; }
.class_item2_link:hover span,.class2_wrap .here a span{ text-decoration:none;color:#0399CD;background:url(/images/go_01.gif) no-repeat 0 5px; padding-left:10px;cursor:pointer;}
/* 左侧导航栏目css */




/*
.top20{ margin-top:20px;}	
*/
/*
.top20{ margin-top:20px;}	
#i_down{ overflow:hidden;}	
#i_video{ background:url(/images/video.gif) no-repeat left top; height:122px;}
#i_video .title{ font-size:16px; font-weight:bold; color:#fff; background:#3D567F; text-transform:uppercase; padding:5px 0 5px 8px;}
#i_video .more{ margin-top:7px; background:url(/images/video_more.gif) no-repeat center; height:22px; line-height:22px; text-align:center;}
#i_video .more a{ text-decoration:none; color:#fff; text-transform:uppercase;}
/*#i_video .inner{padding-left: 110px;padding-top: 15px;width: 100px;}*/
/* 左侧菜单栏目严重错位主控左侧菜单的css*/



/*主页首页中间内容部分严重错位 
Products Show产品部分  */   	 	
#i_video .summary{ font-size:11px; color:#3D567F;}

#i_map{ background:url(/images/map.gif) no-repeat left top; height:190px;}
#i_map p.title{padding: 28px 0 0 65px; font-size:18px; font-weight:bold; text-transform:uppercase;}
#i_map a{color:#3D99B2; }	 	
#mainContent{ width:748px; float:right; overflow:hidden;}
#pro_show{ position:relative; overflow:hidden;}
#pro_show .more2,#i_about .more{ position:absolute;top:12px; right:15px;}
#pro_show .more2 a,#i_about .more a{ font-size:11px; color:#3D567F;}
#pro_show .title,#i_about .title{ font-size:16px; font-weight:bold; color:#47297C;position: absolute;top: 10px;left:15px;}
.pro_top{background:url(/images/about_top.gif) no-repeat left top; padding-top:38px;}
.pro_bnt{ background:url(/images/about_bnt.gif) no-repeat left bottom; padding-bottom:9px;}
#pro_show .inner,#i_about .inner{ border-left:1px solid #A9C8D7;border-right:1px solid #A9C8D7; overflow:hidden;}

/*主页首页中间内容部分严重错位 
Products Show产品部分 结束 */   




/* 此处控制图片大小
#i_show{ overflow:hidden;}
#i_show ul{ padding: 10px 0 10px 18px;}
#i_show li{ width: 170px; position:relative; float:left; margin-right:10px;}#i_show a{text-align: center; width:170px; height:124px; overflow:hidden;display:block;}    */

/* 2015.6.26 注释掉此段
#i_show{ overflow:hidden;}
#i_show ul{ padding: 10px 0 10px 18px;}
#i_show li{ width: 170px; position:relative; float:left; margin-right:10px;}#i_show a{text-align: center; width:170px; height:170px; overflow:hidden;display:block;}  */ 



 /*width: 160px   margin-right:12px*/
/*首页产品的css 改动后上下错位 */


/* 顶部多出了 learn more 此css较长 耐心梳理  内容页正常  此css不能注释 控制产品页面*/

.index_pro_title{ border-top:1px solid #D4DCE8; padding:5px 0; height:16px; line-height:16px; overflow:hidden;}
.index_pro_title a{ color:#333333;}
#i_show .more{padding-bottom: 10px;background:url(/images/pro_more.gif) 40px 0 no-repeat;   padding-left: 25px;height:19px; line-height:19px;}
#i_show .more a{ padding-left: 5px; text-decoration:none; color:#fff; padding-right: 16px; height: 19px;width: 100px;}

#main_01{ overflow:hidden;}
#i_ext{ float:left; overflow:hidden; background:url(/images/ext_bg.gif) no-repeat left top; height:129px; width:318px;}
#i_ext .title{ padding: 16px;font-size:23px; font-weight:bold; color:#D70874;}
#i_ext .inner{ padding: 0 27px;color:#028684; width:265px;}
#i_ext .more{padding: 18px 0 0 16px;}
#i_ext .more a{ font-size:14px; font-weight:bold; color:#5E802B;}

#i_how{ overflow:hidden; background:url(/images/how_bg.gif) no-repeat left top; height:129px; float:right; width:415px; overflow:hidden; position:relative;}
#i_how .title{  padding-top: 18px;padding-left: 130px; font-size:23px; font-weight:bold; color:#0399CD; text-transform:uppercase;}
#i_how .more{ background:url(/images/red.gif) no-repeat right top; width:89px; height:19px; line-height:19px; position:absolute;top:20px; right:0;}
#i_how .more a{ color:#fff; padding-left:10px;}
#i_how .summary{padding-top: 8px; padding-left: 130px; width:278px;}

#main_02{ overflow:hidden; clear:both;}
.i_faq{ overflow:hidden; float:left; position:relative;width:318px; }
.i_faq .title{ padding-left: 60px; line-height:35px;text-transform:uppercase; background:url(/images/faq.gif) no-repeat left top; height:44px; font-size:20px; font-weight:bold; color:#3D99B2;}
.i_faq .more{ position:absolute;top:10px; left:125px;}
.i_faq .more a{ font-size:11px; color:#919191;}
.i_faq ul{ overflow:hidden;}
.i_faq li{ margin-top:15px; border-bottom:1px solid #D4DCE8; padding-bottom:17px;}
.i_faq .index_info_title{ height:18px; line-height:18px; overflow:hidden;}
.i_faq .index_info_title a{ font-weight:bold; color:#3D567F; background:url(/images/faq_go.gif) no-repeat left 5px; padding-left:10px;}
.i_faq .summary{  width: 300px; font-size:11px; color:#828282;}
.i_faq .link1{ border-bottom:none;}


.home .newDataList{ margin-top:0; overflow:hidden; float:right; position:relative;width:407px; }
.home .newDataList .title{ padding-left: 60px; line-height:35px;text-transform:uppercase; background:url(/images/center.gif) no-repeat left top; height:44px; font-size:20px; font-weight:bold; color:#3D99B2;}
.home .newDataList .more{ position:absolute;top:10px; left:210px;}

.newDataList .more{ position:absolute;top:10px; left:170px;}
.newDataList .more a{ font-size:11px; color:#919191;}
.newDataList ul{ overflow:hidden;}
.newDataList li{margin-top:15px; background-color:#EFEFEF; padding:10px 20px 16px 20px;}
.newDataList .index_info_title{ height:18px; line-height:18px; overflow:hidden;}
.newDataList .index_info_title a{ font-weight:bold; color:#3D567F; background:url(/images/center_go.gif) no-repeat left 5px; padding-left:15px;}
.home .newDataList .summary{ padding:0 5px 0 15px; width: 370px; font-size:11px; color:#828282;}

.newDataList{ margin-top:20px; width:226px;overflow:hidden; position:relative;}
	.newDataList .title{padding-left:33px; line-height:35px;text-transform:uppercase; background:url(/images/center_01.gif) no-repeat left top; height:44px; font-size:18px; font-weight:bold; color:#3D99B2;}
	.newDataList .summary{ padding:0 5px 0 15px; width:180px; font-size:11px; color:#828282;}


/*此处管控列表缩略图间距*/
#i_about{ clear:both; overflow:hidden; position:relative;}
#i_about .summary{ color:#333333; padding:10px 18px; line-height:17px;}
#i_about .about_p{ font-weight:bold; color:#62ACC0; display:block; padding:8px 0;}
#i_about b{ color:#25A7D4; font-weight:normal;}
#pro_txt{ margin-top:15px;}/*距离顶部导航条距离*/
.opp{ padding:5px 0;}/*留言部分位置*/
#pro_txt .title,#relative_pro .title,#pro_info .colm_title{color: #333;font-size: 16px; padding-bottom: 10px;} /*Productions字体大小*/
#pro_txt .inner{ font-size:13px; line-height:1.5; padding:5px 0;} /*缩略图距离Productions文字距离*/
#pro_list,#relative_pro{clear:both;overflow:hidden; width:760px;} /*四个缩略图框的宽度*/
/*此处管控列表缩略图间距结束*/


/* 顶部多出了 learn more 此css较长 耐心梳理  内容页正常  此css可以注释掉 结束注释 */



/*原始  注释掉
	#pro_list li{position: relative;width:168px; margin-top:15px; float:left; margin-right:22px;}
*/

/* 改过的 此处不能注释 控制内容页相关产品的 以及列表页的排序样式*/	
#pro_list li{position: relative;width:170px; margin-top:15px; float:left; margin-right:18px;}
	
/*
	#pro_list img{width:168px;height:124px; display:block; border-bottom:1px solid #D4DCE8;}
*/
/* 顶部多出了 learn more  内容页正常*/


/* 出现内容页产品放大镜错位 应该是控制此处的框  栏目页缩略图
#pro_list a{text-align: center;overflow:hidden;width:168px;height:125px; display:block;}
*/ 
#pro_list a{text-align: center;overflow:hidden;width:130px;height:120px; display:block;}

/* 控制文字框长度宽度 */
#pro_list img{ border-bottom:1px solid #D4DCE8;}
	#pro_list .summary{ height:16px;overflow:hidden;color:#828282; font-size:11px;}
	.prod_item_title{ height:18px; line-height:18px; overflow:hidden;}
	/* 标题部分的长度宽度 */
	.prod_item_title a{color: #333333;}
	/* 询盘按钮长度宽度 */
.inq_btn {
    background: url(/images/INQUIRE.gif) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 104px;
	
	
	

	
}#big_pic{text-align:center;width:340px;height:340px;border:1px solid #C1C1C1;float:left;overflow:hidden; position:relative;}
	#big_pic img{max-width:340px;max-height:340px;}
	#big_pic em{position:absolute; bottom:10px; right:10px; width:35px; height:35px;_FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg1.png',sizingMethod='scale');background:url(/images/bg1.png)!important;background:none;cursor:pointer;}
#small_pics{width:81px;height:342px;padding:0 25px 0 15px;float:left;overflow:hidden;}
	#small_pics img{width:79px;height:79px;border:1px solid #C1C1C1;margin-bottom:6px;}
.pic_list{height:1%;overflow:hidden;}
	.pic_list li{padding:6px 0;font-size:12px;}
/* 调节内页产品介绍部分的顶部高度
.pic_list input {
    background: url(/images/inquire_btn.gif) no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 44px;
    margin-top: 20px;
    width: 155px;
	此处是大询盘部分的按钮
*/
.pic_list input {
    background: url(/images/inquire_btn.gif) no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 44px;
    margin-top: 25px;
    width: 230px;
}	
#relative_pro{ margin-top:30px;}
	#relative_pro .title{border-bottom:#bcbcbc 1px solid; padding-bottom:5px;}
#company .title,#news .title{ font-size:17px; margin-bottom:10px;padding-left:0;}
.sitemap{padding-top:10px; width: 240px; float:left;}
	.sitemap li{ width:226px;margin:0 0 0 0;float:left;display:inline;list-style:none}
	#company .sitemap li .title{ padding-left:28px; margin-bottom:0;}	
/* 出现内容页产品放大镜错位 应该是控制此处的框  */ 






/*底部*/ 
#footer{ overflow:hidden; clear:both;}

.foot{ background:url(/images/foot_bg.gif) repeat-x left top; height:59px; }
.foot_l{ background:url(/images/foo_left.gif) no-repeat left top; padding-left:14px; height:59px;}
.foot_r{ background:url(/images/foot_r.gif) no-repeat right top; padding-right:14px;height:59px;}

#fusre{ text-align:center; padding-left:120px;}
#fusre li{display: inline-block; float:left}
#fusre li a{padding: 0 15px;line-height: 50px; font-size:11px; color:#3D99B2; text-transform:;}
#fusre li a:hover{ color:#494949;}

.fcomy{ overflow:hidden; text-align:center}
.fcomy strong{ margin: 15px; display:block;font-size:16px; color:#3D99B2; text-transform:;}
.fcomy .summary{ color:#828282; line-height:20px;}
.fcomy a{color:#828282;}
.fleft{ float:left; padding-left:15px; }
.fleft p{ color:#7B7B7B;}
.fleft b{ font-weight:normal; color:#32333A;}
.weyes{ float:right;padding: 12px 15px;}
.fbnt{ margin:10px 0 50px 0;background:url(/images/bottom_bg.gif) no-repeat left top; height:33px; line-height:33px;}