﻿@charset "utf-8";
/*通用样式*/
* {	margin: 0px;	padding: 0px;}
body{ padding:0; background:#fff;  color:#333; font-family:"Microsoft YaHei";  font-size:12px; line-height:24px; }
li{list-style-type:none;}
a{color:#333; text-decoration:none}
a:hover{ color:#00a3ed}
img{ border:0}
.l{ float:left}
.r{ float:right}
.c{ clear:both}
.blk img,.blk{ display:block}
.cfff{ color:#fff!important}
.p10-20{ padding:10px; padding-right:20px;}
.p15{ padding:15px;}
.f12{ font-size:12px}
.mt3{ margin-top:3px;}

.w1200{ width:1200px; overflow:hidden; margin:0 auto}
.w786{ width:786px; overflow:hidden}
.w282{ width:282px; overflow:hidden}
.w483{ width:483px; overflow:hidden}
.w300{ width:295px; overflow:hidden}

.bor_ddd{ border:1px solid #e6ece9}
.bor_7fb{ border:1px solid #7fbfa3}
.bg_107{ background:#107cc7}
.p10{ padding:10px;}
.ti2em{ text-indent:2em}
 em{ font-style:normal}
.c999{ color:#999}
.c666{ color:#666}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f24{ font-size:24px;}
.h20{ height:20px;}
.h25{ height:25px;}
.h30{ height:30px;}
.h35{ height:35px;}
.h40{ height:40px;}
.h8{ height:8px; font-size:0; line-height:0; overflow:hidden}
.h10{ height:10px; font-size:0; line-height:0; overflow:hidden}
.h15{ height:15px; font-size:0; line-height:0; overflow:hidden}
.h5{ height:5px; font-size:0; line-height:0; overflow:hidden}
.red{ color:#fd2020}
.c333{ color:#333}
.bg_f5{ background:#f5f5f5}
.mb18{ margin-bottom:18px;}
.mb10{ margin-bottom:8px;}
.mt40{ margin-top:40px;}
.mt20{ margin-top:20px;}
.dash_line{ border-bottom:1px dotted #ccc; height:1px; line-height:0; font-size:0; overflow:hidden}
dl dt{ float:left}
dl dd{ float:right}
.cc10{ color:#c10000}

/*---头部------*/
.top{  padding:20px 0; }
.top h1{ margin-top:10px;}
.mt10{ margin-top:10px}
.phone{ margin-top:10px} 
.phone img{ float:left; margin:3px 10px 0 0}
.phone div{ float:left; font-size:16px; text-align:left;}
.phone p{ height:30px;}
.phone2{ border-bottom:1px solid #686868; width:324px; height:68px; padding-bottom:9px;}
.phone2 img{ float:left; margin:5px 10px 0 0}
.phone2 div{ float:left; color:#cacaca; text-align:left; font-size:18px}
.c00a{ color:#00aeef}
.bor_c0b{ border:1px solid #c0bebe}

.f20{ font-size:20px;}

/*---nav------*/
.nav{ height:47px; line-height:47px; background:#004998; border-bottom:1px solid #447ab3}
.nav li{ float:left; font-size:16px; position:relative}
.nav li a{display:block; width:132px; height:47px; text-align:center; color:#fff}
.nav li a:hover,.nav li a.on{ color:#fff; background:#107cc7; }
.nav li a span{ display:block; color:#999; font-size:12px}
/*---二级菜单---*/
.dropMenu {position:absolute;width:132px !important;top:160px !important;  z-index:10000; padding:0 !important; background:#107cc7; visibility:hidden}
.dropMenu li {padding:0 ;margin:0;height:38px !important; line-height:38px; text-align:center; white-space:nowrap;}
.dropMenu li a {width:132px;height:38px; display:block;padding:0;margin:0;color:#fff;font-weight:normal; font-size:12px}
.dropMenu li a:hover {color:#fff;font-weight:normal;border:none; text-decoration:underline}


/* fullSlide */
.fullSlide{width:100%;position:relative;height:420px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:420px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:420px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#0081d4;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;opacity:0.5;filter:Alpha(opacity=50);}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.w879{ width:879px; overflow:hidden}
.w286{ width:286px; overflow:hidden}




.more{display:block; width:101px; height:26px; line-height:26px; border:1px solid #fff; color:#fff; font-size:14px; text-align:center;  }
.more2{display:inline-block; height:7px; width:19px; background:url(../images/more2.png) no-repeat; margin-left:10px }
.tit01{  height:65px; line-height:65px; overflow:hidden; color:#fff; background:#1058b6; font-size:18px; padding:0 15px}
.tit01 span{ padding-left:10px;  color:#c4c5c5; font-size:14px; font-weight:normal}
.tit02{ height:52px; line-height:26px; color:#106bbe; font-size:22px; text-align:center; background:url(../images/tit02.png) center 0 no-repeat; margin:40px auto  }
.tit02 span{ font-weight:normal; font-size:14px}
.tit02 div{ display:inline-block; text-align:center; width:160px; height:52px; margin:auto; padding:0 50px;}


.tit03{ height:48px; line-height:48px; padding-bottom:10px; overflow:hidden; font-size:22px; font-weight:normal; color:#fff}
.tit03 span{ color:#ccc; font-size:14px; padding-left:10px;}

.tit_ny{height:30px; line-height:30px; border-left:5px solid #007bd7; font-size:22px; padding-left:15px; font-weight:normal }


.f22{ font-size:22px;}


.tit05{ height:32px; line-height:32px; overflow:hidden; background:#0a5f95; color:#fff; padding:0 10px; font-size:18px; font-weight:normal; float:left}
.tit05 span{ font-size:12px;}








.pro_list{ padding:20px 0 0px 0}
.pro_list li{ height:50px; line-height:50px;background:url(../images/tri.png) 0 18px no-repeat; overflow:hidden; font-size:14px; padding-left:20px; border-bottom:1px dashed #97bee6; }
.pro_list li a{color:#fff}
.pro_list li:nth-last-child(1){ border-bottom:0}



.lh34{ line-height:38px;}
.about{ padding-top:60px; padding-left:35px; width:780px; float:left}
.about dt{ width:430px; float:left}
.about dd{ width:340px; float:right}
.about img{ border:5px solid #fff}

.msg{ width:340px; float:left; margin:30px 0 0 35px}
.fn{ font-weight:normal}
.line_fff{ height:1px; background:#fff; overflow:hidden; font-size:0; line-height:0}



.p10-0{ padding: 10px 0;}
.w485{ width:485px; overflow:hidden}
.w279{ width:279px; overflow:hidden}
.news_list{ margin-left:-157px}
.news_list li{ overflow:hidden; float:left; width:514px; margin-left:157px; height:105px; margin-bottom:40px;}
.news_list li dt{ width:96px; height:102px; background:#fcfcfc; text-align:center; float:left 	}
.news_list li dt .year{ background:#0e6ba8; color:#fff; font-size:14px; height:26px; line-height:26px;}
.news_list li dd{ width:394px; float:right}
.news_list li dd h5{ height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#555; margin-bottom:10px}
.news_list li dd p a{ height:75px; line-height:24px; overflow:hidden; color:#999}

.ce46{ color:#e46600}

.contact{ height:483px; overflow:hidden; background:url(../images/contact.jpg);}



.bg_f3{ background:#f3f3f3}
.c_beb{ color:#bebcbc}

.join,.join:hover{ display:block; height:24px; width:70px; font-size:14px; margin:auto; background:#fb5e55; color:#fff; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

table{ border-collapse:collapse}
.tab td{ height:40px; border:1px solid #e6ece9}



/*.pic_list{ margin-left:-22px;*zoom:1;_position:relative;}*/
.pic_list li{ width:274px; height:255px; float:left; margin-left:16px; margin-top:10px; text-align:center; font-size:14px; border:5px solid #fff; transition:all 0.3s}
.pic_list li a{ display:block}
.pic_list li div{ line-height:50px; height:50px; background:#fff; color:#333; font-size:16px;transition:all 0.3s}
.pic_list li:hover{ border:5px solid #0f59b6}
.pic_list li:hover div{ background:#0f59b6; color:#fff}

.pic_list5{ margin-left:-19px;*zoom:1;_position:relative;}
.pic_list5 li{ width:204px; height:255px; float:left; margin-left:19px; margin-top:10px; text-align:center; font-size:14px}
.pic_list5 li a,.pic_list5 li a img{ display:block; width:204px}
.pic_list5 li div{ line-height:50px; height:50px;  color:#333; font-size:14px; }
.pic_list5 li:hover img{ opacity:0.7}
.pic_list5 li:hover div{ color:#107cc7}

.c0e6{ color:#0e6ba8}
.f44{ font-size:44px;}




.w820{ width:820px; overflow:hidden}
.pic_list3{ margin-left:-26px;*zoom:1;_position:relative;}
.pic_list3 li{ width:256px; height:235px; float:left; margin-left:26px; margin-top:20px; text-align:center; font-size:14px}
.pic_list3 li a{ display:block}
.pic_list3 li div{ line-height:50px; height:50px; background:#fff; color:#333; font-size:14px;}


.pic_list2{ margin-left:-26px;*zoom:1;_position:relative;}
.pic_list2 li{ width:280px; height:260px; float:left; margin-left:26px; margin-top:40px; text-align:center; font-size:14px}
.pic_list2 li a{ display:block;}
.pic_list2 li a span{ display:block; padding:1px; border:1px solid #e8e5e5; }
.pic_list2 li a img{ max-width:100%}
.pic_list2 li div{ line-height:50px; height:50px; background:#fff; color:#333; font-size:16px;}

.news{ margin-left:-70px;*zoom:1;_position:relative;}
.news a{ display:block; height:97px; width:565px; overflow:hidden; float:left; margin-bottom:40px; margin-left:70px;}
.news a dt{ width:130px; float:left}
.news a dd{ width:424px; float:right;}
.news a dd h5{ font-size:16px; height:26px; line-height:26px; overflow:hidden; margin-bottom:3px; color:#333}
.news a dd p{ height:40px; line-height:22px; margin-bottom:5px; overflow:hidden; color:#999}
.news a dd span{ display:block; height:28px; line-height:28px!important; background:url(../images/time.png) 0 5px no-repeat; padding-left:25px; color:#00a3ed}


.news2 a{ display:block; height:97px; overflow:hidden;  margin-bottom:40px;}
.news2 a dt{ width:130px; float:left}
.news2 a dd{ width:824px; float:left; padding-left:20px}
.news2 a dd h5{ font-size:16px; height:26px; line-height:26px; overflow:hidden; margin-bottom:3px; color:#333}
.news2 a dd p{ height:40px; line-height:22px; margin-bottom:5px; overflow:hidden; color:#999}
.news2 a dd span{ display:block; height:28px; line-height:28px!important; background:url(../images/time.png) 0 5px no-repeat; padding-left:25px; color:#00a3ed}

.sch{   height:28px; line-height:28px; float:right}
.sch input{ border:0; background:none; float:left}
.sch .txt1{ width:293px; height:26px; padding:0 5px;border:1px solid #006da1;}
.sch .ipt1{ width:41px; height:28px; background:url(../images/zoom.png); cursor:pointer}


/*---尾部------*/
.links{ padding:0 0 40px 0}
.links span{ font-size:28px; display:inline-block}
.links em{ font-size:20px; height:24px; padding:0 10px; margin-left:10px; }
.links a{ height:32px;margin-left:20px; line-height:30px; font-size:14px;}


.ifm{ line-height:30px;background:#007bd7 ; padding:30px 0 24px 0;color:#fff; font-size:12px; }
.ifm p a{ color:#fff; font-size:14px; padding:0 13px; font-size:16px;}
.caca{ color:#cacaca!important}

.ewm{ float:right}
.ewm dt{ width:125px; float:left}
.ewm dd{ width:401px; float:left; line-height:30px; padding-top:5px}

.cp{ height:48px; line-height:48px; text-align:center;}



/*----------产品展示---------------*/
.rollBox {height:220px;margin:0;width:1200px; margin-top:5px; font-size:14px}
.LeftBotton,.RightBotton {height:205px;width:23px;background:url(../images/pre.jpg) no-repeat left center;overflow:hidden;display:block;float:left;}
.RightBotton {background:url(../images/next.jpg) no-repeat right center; cursor:pointer}
.rollBox .Cont {width:1153px;	overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000px;}
.rollBox .Cont .pic {width:219px; margin:20px 7px 0 7px;  overflow:hidden; text-align:center; float:left; height:199px;_display:inline;}
.rollBox .Cont .pic img{display:block; width:219px; height:164px; }
.rollBox #List1, .rollBox #List2 {float:left;}

 #demo{overflow: hidden; width: 240px; float: left; display: inline;} #demo ul{width: 220px;}


/*---图片列表 内页------*/

.image-list .pic {width:219px; margin:20px 10px 0 10px; font-size:14px;  overflow:hidden; text-align:center; float:left; height:199px;_display:inline; }
.image-list .pic img{display:block; width:219px; height:164px; }




/*---pages------*/
.pages{line-height:14px; padding:20px 0 30px 0;  text-align:center }
.pagenum, .pageswitch{ padding:10px 20px 0 0; display:inline-block;  }
.pagenum a{ display:inline-block;  padding:0 10px; height:14px;  text-align:center; border-right:1px solid #ddd; }
.pagenum a.active{ font-weight:bold; color:#000;border:0;  }
a.pre, a.nxt{ margin-top:5px; padding:0; margin-right:5px;border-right:1px solid #ddd; padding-right:10px;  }
a.nxt{ border:0}
a.nxt{   margin-left:5px; *display:inline-block; }


.lh28{ line-height:28px;}

.ft_nav{ margin-left:-100px; padding:35px 0 45px 0;*zoom:1;_position:relative; }
.ft_nav li{ float:left; margin-left:100px; }
.ft_nav li h5 a{font-size:16px; color:#333}
.ft_nav li a{ font-size:14px; color:#666}



.w236{ width:326px; overflow:hidden}
.w904{ width:904px; overflow:hidden}


.news_list2 li{ width:1000px; height:187px;float:left; margin:12px 0 0 0; overflow:hidden; }
.news_list2 li a{ padding:13px;display:block; -webkit-box-shadow:0 0 5px rgba(137, 137, 137, .5);  
  -moz-box-shadow:0 0 5px rgba(137, 137, 204, .5);  
  box-shadow:0 0 5px rgba(137, 137, 137, .5); background:#fff }
.news_list2 li img{ float:left;}
.news_list2 li .text{ width:771px; overflow:hidden; float:right}
.news_list2 li .text h5{ height:24px; line-height:24px; overflow:hidden; margin-bottom:10px;}


.news_list2 li:hover img,.news_list li:hover img{ opacity:0.9}

.tit04{  height:76px; padding-top:30px; padding-left:34px; line-height:28px; overflow:hidden; color:#fff; font-size:26px;  margin-bottom:3px; font-weight:normal; background:#0f55b4 }
.tit04 p{ color:#9eb5cb; font-size:12px;}
.menu_l li{ height:37px; background:#eae8e8; overflow:hidden; padding:16px 26px 0 26px; margin-bottom:2px}
.menu_l li a{ display:block; border-left:4px solid #a3a2a2; padding-left:16px; height:21px; line-height:21px; color:#515151; font-size:16px }
.menu_l li:hover,.menu_l li.on{ background:#107cc7}
.menu_l li:hover a,.menu_l li.on a{ border-left:4px solid #fff; color:#fff}


.news_header{ font-size:22px; padding-bottom:10px; border-bottom:#e3e3e3 1px solid; text-align:center; font-weight:normal; margin:30px auto; line-height:32px; }
.news_header p{ font-size:12px; color:#999}
.lh32{ line-height:32px;}

.sec_nav li{ height:35px; line-height:35px; border:1px solid #cfd3d6; margin-bottom:10px; background:#fff}
.sec_nav li a{ display:block; padding:0 10px;}
.sec_nav li a:hover,.sec_nav li a.on{ background:#0081d4; color:#fff; border:1px solid #0081d4}

.page { margin:50px 0; text-align:center }
.page a{ display:inline-block; background:#f2f2f2; height:40px; margin-left:10px; line-height:40px; padding:0 15px; font-size:16px; }
.page a:hover,.page a.on{ background:#0c6096; color:#fff}

.team li .text{ line-height:24px!important; height:24px!important;}
.team li{ height:auto!important}
.team li .text2{ color:#999; height:48px;line-height:24px!important;}


.sub_menu{ padding-bottom:10px; }
.sub_menu_hd{ padding:30px 0 30px 30px; color:#00a3ed;background:#eae8e8}
.sub_menu_hd div{background:#eae8e8}
.bg_eae{ background:#eae8e8}
.sub_menu_bd li{ line-height:45px;}
.sub_menu_bd li a{ display:block; font-size:14px; padding-left:30px;}
.sub_menu_bd li a:hover{ color:#fff; background-color:#BBBBBB;}
.sub_menu_bd li a.active{ background-color:#ED0310; color:#fff;}
.sub_menu_bd li ul li{ border-top:1px dotted #CCCCCC; border-bottom:none;}
.sub_menu_bd li ul li a{ font-size:12px; padding-left:30px; color:#666;}


.news2 a{ display:block; height:97px; overflow:hidden;  margin-bottom:40px;}
.news2 a dt{ width:130px; float:left}
.news2 a dd{ width:670px; float:left; padding-left:20px}
.news2 a dd h5{ font-size:16px; height:26px; line-height:26px; overflow:hidden; margin-bottom:3px; color:#333}
.news2 a dd p{ height:40px; line-height:22px; margin-bottom:5px; overflow:hidden; color:#999}
.news2 a dd span{ display:block; height:28px; line-height:28px!important; background:url(../images/time.png) 0 5px no-repeat; padding-left:25px; color:#00a3ed}


.rel{ position:relative}
.abs{ position:absolute}
.ewm02{ z-index:10; right:40px; bottom:45px;}