/* CSS Document */
@import url(main.css);

/*头部菜单*/
.toppad{ height:100px;}
.toplogo{ float:left; margin-top:16px;}
.topcopname{ float:left; font-size:22px; padding-left:20px;padding-top:30px; font-weight:bold}
.topcopname font{ font-size:10px; font-weight:lighter}
.topmenu{ float:left; width:630px; line-height:100px; padding-left:40px;}
.topmenu ul li{ float:left; font-size:18px; padding:0px 20px; cursor:pointer}
.topmenu ul li:hover{ background:#3891EB;}
.topmenu ul li:hover a{ color:#FFF}
.langselect{ float:right; width:190PX; background:#3891EB; height:100px; line-height:100px;}
.langselect a:hover{ color:#FFFF00}
.langs01{ float:right;margin-right:10PX;}
.langs01 span{ color:#fff; font-size:24px; line-height:100px;}
.langs02{ float:right; color:#FFF; margin-right:23px;}
.langs02 a{ color:#FFF; font-size:18px}
/*头部菜单结束*/

/*banner*/
.DB_tab25 {width:100%;height:520px;position:relative;overflow:hidden;cursor:pointer;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:520px;display:none;}
.DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:485px;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:0;top:250px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:0;top:250px;cursor:pointer;display:none}
.banner_bottom{ width:100%; background:url(/En/images//b_1.gif) no-repeat center; height:58px; margin-top:520px;}
/*banner结束*/

/*首页*/
.indextitle{width:100%; margin-top:50px;height:48px; line-height:48px; font-size:24px; background:url(/En/images//titlebg.jpg) center no-repeat; text-align:center; overflow:hidden; color:#000} 
.indexstitle{width:100%; height:48px; margin:0px auto;line-height:48px; font-size:16px; text-align:center;overflow:hidden}
.bg01{ background:#F5F5F5}
.indexprolist{ width:100%; height:auto; margin:30px auto;overflow:hidden}
.indexprolist ul li{ float:left; margin-right:20px; width:22%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:4%;}
.indexprolist ul li:nth-child(4n){ margin-right:0px;}
.indexprolist ul li img{ width:100%; border:solid 1px #DDDBDB;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-bottom:none}
.indexprolist ul li font{ float:left; margin-top:-6PX; width:100%; text-align:center; color:#FFF; height:48px; line-height:48px; background:#3891EB;}
.indexprolist ul li:hover font{ background:#2C7CCE}

.indexprolistpro{ width:100%; height:auto; margin:30px auto;overflow:hidden}
.indexprolistpro ul li{ float:left; margin-right:20px; width:22%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:4%; margin-bottom:30px}
.indexprolistpro ul li:nth-child(4n){ margin-right:0px;}
.indexprolistpro ul li img{ width:100%; border:solid 1px #DDDBDB;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-bottom:none}
.indexprolistpro ul li font{ float:left; margin-top:-6PX; width:100%; text-align:center; color:#FFF; height:48px; line-height:48px; background:#3891EB;}
.indexprolistpro ul li:hover font{ background:#2C7CCE}

.iaboutus{ width:100%; height:auto; padding:50px 0px;}
.iaboutleft{ width:270px; float:left; color:#000; height:60px; background:url(/En/images//lt.jpg) bottom left no-repeat; font-size:24px}
.iaboutleft font{ font-size:16px}
.iaboutrightmain{ width:134px; height:34px; line-height:34px; float:right}
.iaboutright a{ width:104px; float:left; height:34px; line-height:34px; text-align:center; background:#9E9E9E; display:block; color:#FFF;}
.iaboutright a:hover{ width:104px; float:left; height:34px; line-height:34px; text-align:center; background:#FF0000; display:block; color:#FFF;}
.iaboutright span{ background:#3891EB; color:#FFF; width:30PX; text-align:center; float:left; display:block; font-size:16px}
.iaboutwz{ width:100%; padding:40px 0px; border-bottom:solid 1px #F1F1F1; height:auto; line-height:36px; font-weight:bold; font-size:20px; text-align:left;}
.iaboutwz p{ padding-bottom:10px;}
.newswid{ width:150px;  float:left;}
.bgbot{ background:#EFEFEF; margin-top:40px;}
.indexmap{ float:left;}
.indexcont{ float:left; width:500px; padding-left:100px; margin-top:60px;}
.indexcont ul li:nth-child(1){ padding-bottom:20px;}
.indexcont ul li { height:24PX; float:left; width:500px; margin-bottom:20px;}
.indexcont ul li h1{ float:left}
.indexcont ul li h2{ float:left; padding-left:10px;}
.indexcont ul li font{ font-size:18px; height:24; padding-left:6px;line-height:24px; color:#666666}
.indexcont ul li span{ font-size:24px; padding-top:3px; float:left}
/*首页结束*/


/*首页新闻滚动*/
.apply{width:946px;margin:20px auto 0 auto; float:right; height:auto; overflow:hidden;}
.apply_array{width:248px;float:left;height:196px;margin-right:50px;}
.apply_last{margin-right:0px}
.apply_img{text-align:center;width:248px;display:table-cell;background:#e2e2e2;height:100px;font-size:95px;vertical-align:middle}
.apply_info{text-align:center; padding:0px 10px; width:228px; background:#9E9E9E; color:#FFF;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.apply_info:hover{ background:#B7B4B4}
.apply_info a{ line-height:48px; font-size:16px; color:#fff}
.apply_nav{position:relative;width:844px;float:left;height:252px; margin-left:40px;overflow:hidden}
.apply_w{position:absolute;margin-top:22px;width:1000px;float:left;left:0px}
.apply .img_l{width:31PX; height:31px; line-height:31px; text-align:center; margin-top:200px; background:#B3B3B3;float:left;cursor:pointer;}
.apply .img_r{width:31PX; height:31px; line-height:31px; text-align:center;margin-top:200px;background:#B3B3B3;float:left;cursor:pointer;}
.apply .img_l:hover{ color:#fff}
.apply .img_r:hover{ color:#fff}
/*首页新闻滚动结束*/

/*banner*/
.banner_about{ background:url(/En/images/banner_about.jpg)  center no-repeat; width:100%; height:299PX;}
.banner_contact{ background:url(/En/images/banner_contact.jpg) center no-repeat; width:100%; height:299PX;}
.banner_News{ background:url(/En/images/banner_News.jpg) center no-repeat; width:100%; height:299PX;}
.banner_Pro{ background:url(/En/images/banner_Pro.jpg) center no-repeat; width:100%; height:299PX;}
/*banner结束*/


/*内页*/
.bannertitle{ font-size:24px; float:right; margin-top:56px; margin-right:30px; width:640px; text-align:center; height:106px;border-radius:25px;background-color: rgba(0,0,0,0.5);filter:Alpha(opacity=50);position:static;*zoom:1;}
.bannertitle span{ color:#FFF; line-height:36px; width:580px; display:block; padding-top:20px; margin:0px auto; font-size:20px; text-align:center}
.abouttitle{width:100%; height:24px; margin:0px auto;line-height:24px; font-size:24px; text-align:center;overflow:hidden}
.nyaboutwz{ width:100%; padding:40px 0px; border-bottom:solid 1px #F1F1F1; height:auto; line-height:30px; font-size:16px; text-align:left;text-indent: 2em;}
.nyaboutwz p{ padding-bottom:10px;}
.contact01{ width:100%; text-align:center; padding-bottom:10px; margin-top:40px; background:url(/En/images//hxian.jpg) bottom center no-repeat; font-size:24px; line-height:30px;}
.contact01 span{ font-size:13px}
.contact02{ width:100%; text-align:center; line-height:48px; font-size:24px; margin-top:40px;}
.contact02 span{ font-size:48px}
.contact03{ width:144px; height:37px; border:solid 1px #CCCCCC; margin:40px auto 0px auto; text-align:center; line-height:37px; font-size:18px}
.contact04{ width:100%; margin-top:40px;}
.contact04 ul li{ font-size:18px; float:left; width:40%; margin-bottom:20px;}
.contact04 ul li:nth-child(2n){text-align:left; float:left; margin-left:20%}
.contact04 ul li:nth-child(1){text-align:left; float:left; text-align:right}
.contact04 ul li:nth-child(3){text-align:left;float:left;text-align:right;}
.contact04 ul li span{ font-size:24px; padding-right:5px;}
.contact05{ width:144px; height:37px; border:solid 1px #CCCCCC; margin:40px auto 0px auto; text-align:center; line-height:37px; font-size:18px}
.contact06{ width:100%; text-align:center; margin-top:40px; margin-bottom:80px;}
.newslist{ margin:40px auto 80px auto}
.newslist table{ width:100%;}
.newslist table th{ font-size:18px; font-weight:lighter; background:#E0E1E1; color:#333; text-align:left; padding-left:10px; border-right:solid 1px #FFF; line-height:55PX; height:55PX;}
.newslist table td{ padding-left:10px; font-size:16px; line-height:55px; height:50px; border-bottom:solid 1px #CCCCCC}
.newsnytitle a{width:820px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.newsnytitle a:hover{ color:#FF0000}
.nynewstt{ width:100%; text-align:center; padding-bottom:10px; margin-top:40px; border-bottom:dotted 1px #CCCCCC; font-size:24px; line-height:30px;}
.nynewstt font{ width:800px; margin:0px auto; font-size:18px; line-height:36px; text-align:center}
.nynewstt span{ font-size:13px}
/*内页结束*/

/*产品中心*/
.proleftmain{ width:214px; float:left; height:auto; margin-top:50px; overflow:hidden}
.prolistitile{border-left:solid 1px #286DC0; height:53px; padding-top:14px; padding-left:30px; background:#3891EB; color:#FFF; font-size:24px}
.prolistitile span{ font-size:16px}
.proleftlist{ padding-top:24px; width:212px; margin-bottom:40px; border-left:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC;float:left}
.proleftlist ul li{ width:202px; padding-left:12px; height:48px; line-height:48px; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; cursor:pointer; overflow:hidden}
.proleftlist ul li:hover{ border-left:solid 3px #3891EB; padding-left:9px; width:202px; background-color:#EAEAEA}
.proleftlist ul li:last-child{ border-bottom:solid 1px #CCC}
.prorightmain{ width:928px; float:right; margin-top:50px; margin-bottom:80PX; height:auto; overflow:hidden}
.prolocal{ width:100%; height:67px; border-bottom:solid 1px #CCCCCC}
.prolocaleft{ float:left; height:67px; line-height:67px; padding-left:20px; font-size:24px; border-left:solid 5px #3891EB}
.prolocaright{ float:right; height:67px; line-height:67px; font-size:16px}
.prolistall{}
.prolistall ul li{ float:left; margin-right:2%; width:32%;margin-top:20PX; overflow:hidden; height:auto}
.prolistall ul li font{ width:100%; height:48px; line-height:48px;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; cursor:pointer; overflow:hidden; color:#666666; background:#EBEBEB; padding:0PX 10PX; font-size:14px; text-align:center}
.prolistall ul li font:hover{ background:#DEDEDE}
.prolistall ul li img{ width:100%; border:solid 1px #F1F1F1; border-bottom:none; box-sizing: border-box }
.prolistall ul li:nth-child(3n){ margin-right:0px;}
.proshowmain{ width:100%; height:auto; overflow:hidden}
.proimg{ width:100%; height:auto; overflow:hidden; text-align:center; padding:20px 0px;}
.proimg img{ max-width:928px;}
.probluetitle{ width:100%; height:49px; line-height:48px; background:#E5E5E5}
.problue01{ width:161px; font-size:18px; background:#3891EB; height:48px; line-height:48px; color:#FFF; text-align:left; padding-left:15PX; border-right:solid 2px #286DC0}
.projsgg{}
/*产品中心结束*/

/*底部*/
.bgboot{ background:#333333; height:163px;}
.bottomleft{ float:left; width:660px; height:}
.bottommenu{ float:left; width:660px; margin-top:35PX;}
.bottommenu ul li{ color:#999999; font-size:18px; float:left}
.bottommenu ul li a{ color:#999999}
.bottommenu ul li a:hover{ color:#FFF}
.bottommenu ul li span{ padding-left:20px; padding-right:20px;}
.bottomcop{ float:left; width:660px; color:#999; line-height:36px; padding-top:20px;}
.bottomright{ float:right; width:120px; padding-top:21px;}
/*底部结束*/