@charset "utf-8";
@import url("common.css");
/*head.htm*/
.head-box{ max-width:1900px; min-width:1200px; height:133px; clear:both;  background: url(../images/head_bg.jpg) 0  0 no-repeat; margin:0 auto}
.head{ width:1200px; clear:both; margin:0 auto;height:133px;  position:relative; }
.topbar-box{max-width:1900px; min-width:1200px; clear: both; height:34px; background:#0256d4; line-height:34px;}
.topbar{width:1200px; height:34px; clear:both; margin:0 auto; line-height:34px; color:#FFF; position:relative}
.topbar ul{ width:1200px; clear:both; margin:0 auto; position:relative; text-indent:2em; color:#FFF; line-height:42px;}
.topadd{ position:absolute; line-height:34px; height:23px;  text-align:center; right:10px;color:#FFF}
.topadd a{ color:#FFF}
.tel-num{ color:#fc0200; font-size:36px; font-weight:bold;}
.toptel{font-family: Arial, Helvetica, sans-serif;float:right;height:32px; padding-left:40px; background:url(../images/hot_tel.jpg) no-repeat; line-height:32px; font-family:Arial, Helvetica, sans-serif; margin-top:65px; font-size:36px; color:#fc0200}
.logo{display:block; float:left; margin-top:15px;}
#flash-box{ max-width:1900px; height:493px; clear:both;  position:relative; overflow:hidden; margin:0 auto;}
.nav-box{ height:54px; background:url(../images/nav_li.jpg) repeat-x;}
.nav{ width:1200px; clear:both; margin:0 auto;height:54px;position:relative; z-index:999999; font-family:"微软雅黑";}
.nav ul{ clear:both;}
.nav ul li{ float:left; width:150px; height:50px; text-align:center; line-height:54px;  font-size:14px; }
.nav ul li a{ width:133px; height:50px; display:block; text-align:center; color:#FFF; background:none}
.nav ul li a:hover,.nav ul li.on { background:url(../images/nav_hover.jpg) bottom center no-repeat;  color:#FFF}
.navXL { width:133px;border-top:none;float:left;position:absolute;overflow:hidden;display:none;z-index:9999; top:50px; margin-left:0px;*margin-left:-55px; overflow:hidden; font-weight:normal; background:#76d8fb;}
			.nav .navXL a { clear:both; height:34px;line-height:34px;display:block;color:#FFF;font-size:14px; overflow:hidden; z-index:9999; text-align: center; float:left;}
			.nav .navXL a:hover{color:#000; height:34px;overflow:hidden; color:#FFF; background:none;}

.search{ width:362px; float:right; height:59px; }
#ny-flash{ width:1200px; height:166px; background:url(../images/ny-flash.jpg) no-repeat; margin:0 auto;}
.khbar-box{ clear:both; height:110px; background:url(../images/kh_bg.jpg) repeat-x;}
.khbar{ width:1200px; clear:both; margin:0 auto;}
.khbar-t{ width:117px; height:91px; background:url(../images/kh_pic.jpg) no-repeat; float:left}
.top-tip{ width:726px; height:98px; background:url(../images/top_tip.gif) no-repeat; position:absolute; top:282px; right:0; z-index:999;}
.tip-cp{ width:180px; height:45px; display:block;  position:absolute; right:0; top:0;}
.tip-ab{ width:190px; height:45px; display:block; position:absolute; right:0; top:45px;}
.ewm{ width:88px; height:88px; float:left;}
.topbt{  margin-top:10px; }
.topbt a{ width:40px; height:22px; float:left;}
.cl10{ height:10px; clear:both; overflow:hidden;}
.cl5{ height:5px; clear:both; overflow:hidden;}
.mainbg{ clear:both; background:#FFF; padding-top:20px;}
.cl{ clear:both;}
#flashLeft{ max-width:1420px;height:338px; margin:0 auto; position:relative; z-index:888}
#quick_menu{width:100%;height:67px;background:url(bg_nore.gif) 0 -223px no-repeat;	margin:0 auto;color:#fff;}
#flash .icon{width:100%; height:52px; left:0; top:0;}
#flash .p{background:url(bg_nore.gif) 11px -115px no-repeat;}
#flash .o{background:url(bg_nore.gif) 11px -62px no-repeat;}
#flash .c{background:url(bg_nore.gif) 11px -164px no-repeat;}
#flash .go{background:url(bg_nore.gif) 0px -308px no-repeat; width:16px; height:16px; top:19px; right:16px;}
.slider{position:absolute; margin:0; padding:0;}
.slider ul li{ list-style:none;display:inline;}
.slider ul li images{width:1200px;height:330px; display:block;}
.num{ position:absolute; right:5px; bottom:16px;}
.num li{float: left;color: #2d90e1;	text-align: center;	line-height: 16px;width: 16px;height: 16px;	font-family: Arial;	font-size: 12px;cursor: pointer;overflow: hidden;margin: 3px 1px;border: 1px solid #2d90e1;background-color: #fff;}
.num li.on{	color: #fff;line-height: 21px;width: 21px;height: 21px;	font-size: 16px;margin: 0 1px;border: 0;background-color: #2d90e1;font-weight: bold;}
.smallslider { margin: 0;  padding: 0; position: relative;}
.smallslider ul { height: auto;list-style-type: none;margin: 0; padding: 0; position: absolute;width: auto;}
.smallslider li {  margin: 0; padding: 0;}
.smallslider li a { margin: 0; padding: 0;}
.smallslider li a images { border: 0 none;  margin: 0; padding: 0; vertical-align: top;}
.smallslider h3 {  color: #fff;font-size: 12px;font-weight: bold;line-height: 26px; margin: 0; padding: 0; position: absolute; text-indent: 2%; width: 98%; z-index: 102; text-indent:-9999em;}
.smallslider h3 a {margin: 0;padding: 0;text-indent: 0;}
.smallslider h3 a:link, .smallslider h3 a:visited {color: #FFFFFF; text-decoration: none;}
.smallslider h3 a:hover { color: #000;text-align:center;text-decoration: underline;}
.smallslider li.current-li {}
.smallslider-btns { position: absolute; z-index: 103; top:350px; left:0;}
.smallslider-btns span { background-color: #989898; color: #9F9F9F; cursor: pointer; float: left;font-size: 12px; height: 16px;line-height: 16px; text-align: center;width: 16px;}
.smallslider-btns span.current-btn {background-color: #fdba16;color: white;font-size: 13px;font-weight: bold;}
.smallslider-lay {  height: 16px; position: absolute; width: 100%;z-index: 101;}


.piaofu{position:fixed; width:250px;background:#454545 url(../images/p_name.jpg) no-repeat center  35px; right:15px; top:300px;  z-index:10000}
.piaofu p{ color:#FFF;}
.piaofu_1{text-align:center; padding-top:20px;}
.piaofu_name{font-family:'微软雅黑'; font-size:18px; line-height:28px; color:#FFF; margin-bottom:10px}
.piaofu{ font-family:"微软雅黑";}
.piaofu_2{font-size:16px; color:#ffffff; text-align:center; padding-top:15px; font-family:"微软雅黑"}
.piaofu_2 span{font-size:24px;}
.piaofu_3{text-align:center; border-bottom:1px dashed #ffffff; width:195px; margin:0 auto; padding-bottom:15px;}
.piaofu_4{width:225px; margin:0 auto; font-size:14px; color:#ffffff; padding-top:15px; padding-bottom:15px;}
.piaofu_5{width:225px; margin:0 auto; font-size:14px; color:#F00; padding-top:15px; padding-bottom:15px;}
.piaofu_5 a{ color:#F00;}

.code{width: 200px;height: 200px;}
.code img{width: 100%;height: 100%;}

.relative	{position:relative;}
.absolute	{position:absolute;}
.notice{ width:1200px; height:60px; background:#FFF;font-size:16px; line-height:51px; clear:both; margin:0 auto; overflow:hidden; color:#c6c6c6; text-align:right}
.notice ul{ width:1200px;height:60px;  clear:both; margin:0 auto; text-indent:1rem; text-align:left}
.notice ul li{ width:308px; height:31px; line-height:31px; float:left; margin-top:10px;}
.notice a{ color:#c6c6c6}
.ny-ad{ max-width:1600px; height:93px; background: url(../images/ny-ad.jpg) center center no-repeat; clear:both; margin:0 auto;}
.m-l-r-25{ margin:0 25px;}
/*index.htm*/
.ad-mq{max-width:1600px; margin:0 auto; clear:both; background:#b7b4b4; height:95px;}
#wrap{ width:1200px; margin:0 auto;}
.n-box{ width:1200px; clear:both; margin:0 auto; position:relative;}
.main{ width:1200px;float:left;}
.bar{ height:331px; border-bottom:1px solid #c2c2c2; background:#f5f5f5;}
.show{ width:885px; background:#FFF; border-top:5px solid #da1100; float:right; overflow:hidden; margin-top:20px; overflow:hidden}
.show-list-title{ height:40px; position:relative}
.show-t{ width:885px; height:60px; padding-top:10px; color:#0256d4;font-family:"微软雅黑"; text-align: left; text-indent:2rem;}
.show-t .ch{ font-size:20px; line-height:28px; font-weight:bold;}
.show-t .en{ font-size:12px; line-height:28px; font-weight:bold;}
.show-list{ width:268px; height:352px; float:left; margin-right:20px; position:relative;}
.showmore{ background: url(../images/more.jpg) left top no-repeat; text-align:center; width:78px; height:29px; display:block;left:0; top:330px;}
.showmore:hover{ background:url(../images/more_hover.jpg) left top no-repeat; text-align: center;width:78px; height:29px; display:block; color:#FFF;}
.case-marq{ height:353px; clear:both; overflow:hidden}
.show-title{ font-weight:bold}
.s-y{ color:#ff9d11; font-size:16px; clear:both; margin:0 auto;font-family:"微软雅黑"; text-align:center}
.contact-t .ch{ width:163px; height:38px; background: url(../images/show_t.jpg) no-repeat; text-align:center; line-height:38px;color:#FFF;  display:block; float:left}
.show-box{ width:100%; background: url(../images/show_bg.jpg) repeat; height:427px;}
.about-bar{ max-width:1900px; height:376px; background: url(../images/about_bar.jpg) top center no-repeat; clear:both; margin:0 auto; overflow:hidden;}
.about{ width:600px; height:305px; float:right; margin-top:20px; }
.about-t{ height:65px; position:relative;  clear:both;margin:0 auto; text-align:center; line-height:65px;}
.a-r{ font-size:20px; color:#b20a0a; font-family:"微软雅黑"; clear:both; text-align:center; line-height:28px; font-weight:bold}
.a-b{ font-size:16px; color:#000;font-family:"微软雅黑"; clear:both; text-align:center; line-height:28px; font-weight:bold; margin-bottom:10px;}
.about-t .ch{ line-height:90px; color:#000; font-family:"微软雅黑"; font-size:18px; font-weight:bold}
.about-t .en{ line-height:65px; color:#db7100; font-family: Arial, Helvetica, sans-serif; font-size:16px;}
.c-name{ background:url(../images/c-name-logo.png) right top no-repeat; padding-right:70px; font-size:24px; color:#fff; font-family:"微软雅黑"; height:44px; line-height:44px; float:left; margin-bottom:20px;}
.about-box{ font-size:14px;  position:relative; text-align:center; height:280px; clear:both; color:#FFF; text-align:left; line-height:38px;}
.about-box a{ color:#f00}
.about-box .more{ position:absolute; bottom:10px; left:20px;}
.about img{ clear:both; margin:10px 0;}
.about-content{ width:554px; padding:10px; height:163px; border-right:2px solid #e7e7e7; float:left }
.video{ width:300px; float:left;}
.video-box{ clear:both;}
.video-box ul{ padding-top:20px}
.video-box ul li{ clear:both; height:90px; margin-bottom:10px; font-size:14px; line-height:24px; padding:10px 0}
.video-box ul li img{ float:left; width:158px; height:90px; margin-right:20px;}
.hdp{ width:469px; float:left; background:#FFF; margin-top:20px; height:333px;}
.news-bar{ clear:both; background:#FFF; height:554px; overflow:hidden}
.news{ width:850px; float:left; margin-top:20px;}
.news-t{ position:relative; height:60px;background: url(../images/about_t.jpg) left bottom no-repeat; line-height:56px;clear:both;  font-family:"微软雅黑"; position:relative; padding-left:50px;}
.news-t .ch{ color:#0256d4; float:left; font-weight:bold; font-family:"微软雅黑"; text-transform:uppercase; font-size:24px;}
.news-t .en{ color:#000; float:left; font-weight:bold; ont-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; padding-left:10px;}
.news-box { float:right; padding:10px 0; width:452px;}
.news-box  ul{ clear:both;margin:0 auto;}
.news-box ul li{ clear:both; height:40px; border-bottom:1px dotted #CCC; background:url(../images/news_li.jpg) 0 50% no-repeat;}
.news-box ul li .txt{ width:520px; float:right;}
.news-box ul li a{  line-height:40px;display:block; color:#000; text-indent:2em;}
.news-left{ width:375px; float:left; padding-top:20px; font-size:14px; line-height:24px; color:#000}
.news-left img{ margin-bottom:20px;}
.news-box ul li  .date{ float:right; line-height:40px;}
.n-t{ font-weight:bold; margin-top:3px;}
.news-box ul li a:hover{ color:#666 }
.ad{ max-width:1600px; height:93px; background:url(../images/ad.jpg) top center no-repeat; clear:both; margin:0 auto; overflow:hidden}

.contact{ width:326px; height:325px; background:url(../images/con_bg.jpg) left no-repeat; float:right; margin-top:20px;}
.contact img{ margin-top:20px;}
.contact-t{ clear:both; height:53px; font-size:16px; font-family:"微软雅黑"}
.contact-t2{ clear:both; height:53px; font-size:16px; font-family:"微软雅黑"; background:url(../images/con-t.jpg) bottom center no-repeat; margin-top:10px;}
.contact-box{ padding:20px; height:230px; background:url(../images/cont_bg.jpg) center center no-repeat }
.con-name{ font-size:20px;  font-family:"微软雅黑"; color:#fb8b25; line-height:48px; clear:both}
.con-tel{ font-size:18px; padding-left:48px; font-family:Arial, Helvetica, sans-serif; margin-top:35px; line-height:32px; color:#F30;}
.con-email{font-size:18px; padding-left:48px; font-family:Arial, Helvetica, sans-serif; line-height:32px;color:#F30;}
.con-add{font-size:16px; padding-left:48px; font-family:Arial, Helvetica, sans-serif; line-height:32px;font-family:"微软雅黑";}
.ny-cont{ background:#f0f0f0; width:240px; clear:both; margin-top:20px;}
.date2{ float:left;  width:98px; text-align:center; background:#a4a2a2; color:#FFF; margin-top:5px;}
.date{ float:right; font-size:14px;}
.contact-box2{ padding:20px; height:230px; background: url(../images/con_bg2.jpg) center center no-repeat }



.news-info{ clear:both; width:446px; margin:0 auto 10px auto; height:96px; border-bottom:1px dotted #CCC; font-size:12px; line-height:20px;}
.news-info images{ float:left; margin:5px;}
.more{  display:block;  bottom:0; position:absolute; line-height:30px; right:0; font-size:12px}
/*foot.htm*/
.foot{ clear:both; max-width:1900px; margin: 0 auto; background:#222222; border-top:10px solid #e30610; padding:10px 0; line-height:20px; color:#d9d9d9; font-size:12px;  text-align: center; }
.foot .bot-cont{ width:400px; height:210px; background:url(../images/bot_con_ico.jpg) top left no-repeat; font-size:12px; line-height:24px; padding-left:45px; float:left; border-right:1px dashed #909499}
.bot-cont p{ line-height:28px;}
.foot ul { float:left; width:95px;}
.bot-fl{ width:540px; float:right}
.foot ul .lb{ float:left; width:115px;}
.lb li{ width:115px; text-align:center;}
.lb li a{ color:#a1a1a1; font-weight:normal;}
.cl{ clear:both; margin:0 auto; width:1200px; position:relative;}
.wx{ position:absolute; right:10px; top:20px;}
.blb{width:115px;  text-align:center; font-size:14px; color:#c7cdd5;}
.fr-link-box{ max-width:1900px; height:54px; clear:both; text-align:left; margin:0 auto;line-height:68px;  background: url(../images/fr-link_bg.jpg)  center no-repeat; }
.fr-link{ }
.fr-ch{ font-size:16px; font-family:"微软雅黑"; color:#FFF; padding-left:120px;}
.fr-en{font-style: italic; color:#CCC; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin:0 10px;}
.fr-t{ font-size:16px; color:#666666; font-weight:bold; }
.foot-bottom{ background:#0088e1; clear:both; text-align:center; color:#FFF;}

.foot img{margin-left:10px;}
.foot-bottom a,.foot a{ color:#FFF; font-weight:bold}
.fr-link a{ color:#fff; padding:0 20px;}
.copy{ width:1200px; margin:0 auto; bottom:0; color:#FFF;}
.pic-text{ float:right; width:150px;height:150px; font-size:12px; line-height:14px;}
#prodiv ul li{ width:340px; float:left; height:150px;}
.pic2{ width:150px; float:left; height:150px;}
/*left.htm*/
.left{ width:294px; float:left;overflow:hidden; margin:20px 0 10px;}
.l-t{ font-weight:normal;}
.big{width:234px; height:40px; line-height:40px;cursor:pointer;  background:url(../images/big.jpg) top center no-repeat; font-size:14px;  font-weight:normal; font-family:"微软雅黑"; margin-bottom:25px}
.big a{ color:#fff; background: url(../images/big_bg.jpg) 0 50% no-repeat;}
.big a:hover,.big a.hover{ color:#FFF; text-decoration:none; background: url(../images/big_bg_h.jpg) 0 50% no-repeat; }
.smalllb{ text-align:left; width:238px; font-size:12px;background: url(../images/small_bg.jpg) 195px 50% no-repeat; float:left; text-indent:5em; line-height:28px;}
.smalllb a:hover{ color:#F00; text-decoration: none}
.smallclass{ width:192px; clear:both; margin:0 auto;}
.pro-list{ width:294px;  float:left; margin-bottom:20px; background:#FFF; }
.pro-list-t{ width:294px; height:83px; background: url(../images/pro_list_t.jpg) left top no-repeat; font-size:16px;font-family:"微软雅黑"; line-height:42px; color:#FFF;text-align:center; text-transform:uppercase; font-size:16px; }
.pro-list-t .ch{ font-size:16px; color:#FFF; font-family:"微软雅黑"; line-height:42px; clear:both;text-align:center; padding:0 10px 0 5px;}
.pro-list-t .en{ text-transform: uppercase; font-size:12px; color:#FFF; clear:both;text-align:center;line-height:42px;}
.pro-list-box{ width:294px; float:left;  font-size:12px; line-height:24px; color:FFF; border:1px solid #dccfcf;}
.pro-list-box strong{ font-size:13px; color:#0a5fb9;}
.pro-list-box ul{ width:234px; margin:0 auto; clear:both; padding:10px 0; }
.pro-list-box ul li{width:234px;   font-family:"微软雅黑"; }
.pro-list-box ul li a{width:234px;display:block; float:left; text-indent:2rem;}
.pro-list-box ul li .pro-list-box ul li .big a.hover{color:#9e190a;  text-decoration: none; }
.contact-tel{ width:238px; height:72px; background: url(../images/con_tel.jpg) bottom no-repeat; clear:both; padding-top:15px;}
.contact-tel p{ color:#b51907; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; padding:21px 0 0 53px; font-size:20px}
.cont-box{ padding:10px; font-size:12px; line-height:22px; margin-top:10px;height:167px; overflow:hidden}
.cont-box2{ padding:10px 3px; font-size:12px; line-height:24px; margin-top:10px;font-weight:bold; width:220px; height:217px; background:url(../images/contact_bg2.jpg) no-repeat; overflow:hidden}
/*其它页面*/
.all{ float:right; width:882px; position:relative; margin:10px 0; background:#fff;}
.all-t{height:44px; border-top:10px solid #F00;right:0; color:#9e190a;font-size:30px;font-family:"微软雅黑"; text-indent:0.5em; line-height:44px; position:relative; margin-bottom:10px; font-weight:bold; text-transform:uppercase}
.postion{ right:10px; line-height:47px; font-size:12px; float:right; margin-right:10px;color:#666; font-family:"宋体"; font-size:12px; position:absolute; color:#b2b0b0; font-weight:normal}
.postion a{ color:#898585;}
.ent{ color:#0662a1; float:left; font-size:28px; font-family:Arial, Helvetica, sans-serif}
.cht{ color:#000; float:left; padding:0 20px;font-family:"黑体"; font-size:20px;}
.all-box{ clear:both; padding:10px; font-size:16px; line-height:28px;min-height:500px;_height:500px; background:#fff; font-family:"微软雅黑"}
.kc,.xw,.product-box{ margin:0 auto; width:100%;font-size:12px; line-height:24px; float:left;}
.xw ul li{ float:left; list-style-type:none; width:700px; height:30px; line-height:30px; background:url(../images/news_li.jpg) 5px 50% no-repeat; font-size:12px; padding-left:15px; border-bottom:1px dashed #ccc;}
.kc ul li{ float:left; list-style-type:none; width:740px; height:150px; line-height:20px; font-size:12px; padding-left:15px; padding-top:2px; border-bottom:1px dashed #ccc;position:relative; line-height:24px;}
.kc ul li a{color:#000;}
.kc ul li  p{ margin:0; padding:0;}
.detail{width:80px; height:30px; display:block; position:absolute; top:80px; right:10px;}
.mid{ width:920px; clear:both; margin:0 auto;}
.page{ float:left;line-height:30px;height:30px;width:100%;text-align:center;border:1px solid #5c84b0;margin:12px 0px;	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; color:#FFF; background:#0A276F}

.pic-bg {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
/*设置垂直居中*/
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*此处的font-size为height除以1.14 */
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:200px;
height:200px;
border: 2px solid #CCC;
}


.showpic {
text-align:center;
width:190px;
height:220px;
padding:15px;
margin-right:15px;
border:1px solid #CCC;
}
.picScroll-left .bd ul li .pic{
	/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
/*设置垂直居中*/
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 263px;/*此处的font-size为height除以1.14 */
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:210px;
height:300px;
	}
.show-name{ clear:both;line-height:55px;bottom:50px; left:15px; width:190px; color:#000; font-size:14px}
.show-c{ line-height:28px;bottom:20px; left:15px; width:202px; text-align:center; color:#999898; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.picScroll-left .bd ul li .pic img,.pic-bg img {
/*设置图片垂直居中*/
vertical-align:middle;
border:none}