﻿@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{font-size:14px;font:14px/22px 'Microsoft Yahei','\5b8b\4f53',微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;line-height:24px; background:url(../images/webbg.jpg) top repeat-x;}
body,div,p,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,input,textarea{margin:0;padding:0;}
ul,li{ list-style-type:none;line-height:24px;}
a{ text-decoration:none; color:#555555;}
a:hover{ text-decoration:none; color:#FF7800;}
h1,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


/**/
	/**/
	.clear{clear:both;}
	.float_left{float:left;}
	.float_right{float:right;}
	.no_bg{background:none!important;}
	.no_bor{ border:none!important;}
	/*6*/
	.clear6{overflow:hidden; height:6px; clear:both;}
	.clear5{overflow:hidden; height:5px; clear:both;}
	.clear0{overflow:hidden; height:1px; clear:both;}

.more{float:right; padding-right:10px;}
.h18{line-height: 18px;word-wrap:break-word}
.bold{font-weight:bold}
.clear8{margin-top:15px;clear:both;}
.font1{COLOR:#cc0000;text-decoration:none}
.font1 a:link{COLOR:#cc0000;text-decoration:none}
.font1 a:visited{COLOR:#cc0000;text-decoration:none}
.font1 a:hover{COLOR:#cc0000;text-decoration:underline}

.font2{COLOR:#cc0000;font-family:Microsoft Yahei; font-size:14px; font-weight:bold; text-align:center;text-decoration:none}
.fontred,.fontred a{color:#cc0000;}




.banner{width:100%;overflow:hidden;height:540px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:540px}
.banList li{height:540px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:15px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#0C6CB7;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#FF7800;cursor:pointer}


#head{width:1100px; margin:0 auto;clear:both; height:136px}

.nav{ height:50px;width:1100px;margin:0 auto;clear:both}
.nav li{float:left;text-align:center;width:130px; font-size:15px; color:#fff;line-height:30px; font-family:Microsoft Yahei; color:#ffffff; padding-top:10px;}
.nav li a:link,.nav li a:visited{color:#ffffff;text-decoration:none}
.nav li a:hover{color:#015AA1;text-decoration:none}
.nav li.on{background:#FF7800; line-height:30px; color:#ffffff; height:40px;}
.nav li.on a,.nav li.on a:hover{color:#FFFFFF;}
.nav .h{width:124px;}


.main_a{ margin:0 auto; width:1100px; background:#FFF;  padding-top:20px;height:520px; clear:both}
.main_a .mleft_a{ width:232px; float:left; padding-left:8px;}
.main_a .mleft_a .mtitle{ width:232px; }
.main_a .mright_a{ width:828px;  float:right; padding-right:8px;}
.main_a .mright_a .rtitle{ width:828px;}
.main_a .mright_a .rbox{ width:828px; padding-TOP:12px; height:350px}

.submenu {width:232px;margin:0 auto;}
.submenu  li{background:url(../images/probg.jpg) repeat-x left bottom; height:45px; line-height:45px; border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid;padding-left:15px;font-size:14px; padding-top:5px;}
.submenu  li a{display:block;background:url(../images/listtriangle.gif) no-repeat left center;padding-left:15px;}
.submenu  li a:hover{text-decoration:none;}
.submenu  li.sub_menu{background:#f5f5f5;border:none;border-bottom:#fff 1px solid;margin:0;}

.home-product{ width:828px; float:left}
.home-product li{width:200px;  float:left; padding-left:5PX; line-height:22px; color:#0066FF}
.home-product img{ height:170px; width:190px; border:1px #dcdcdc solid;  background:#FFF}
.home-product p{ line-height:22px;width:190px; text-align:center; height:45px}


#mbanner{ background:#0193DE; width:100%; text-align:center}


#mainb{ width:1100px; margin:0 auto; padding-top:20px; }
#mainb .about{ width:490px; float:left}
#mainb .about li{ width:490px; line-height:28px; font-size:14px;padding-top:15px; color:#555555}
#mainb .news{ width:544px; float:right; }
#mainb .news .pic{width:544px; padding-top:20px;}
#mainb .news .inews{width:544px;  clear:both; overflow:hidden; }
#mainb .news .inews ul{margin-top:8px;}
#mainb .news .inews li{ padding-left:20px; background:url(../images/newico.jpg) left no-repeat; line-height:32px; width:520px; }
#mainb .news .inews li span{ color:#888; float:right; text-align:right}

#mainc{ width:100%; background:#F7F7F7; height:543px; padding-top:20px; margin:20px auto}
#mainc .m_ser{ width:782px; background:url(../images/serpic.jpg) left top no-repeat; margin:0 auto; height:513px; padding-top:30px; padding-left:318px;}


/*foot*/
#foot{padding-top:20px; padding-bottom:20px;clear:both; width:100%; margin:0 auto; background:url(../images/fontbg.jpg) top repeat-x; text-align:center}
#end{ width:100%; margin:0 auto; background:#444444; padding-top:20px;}
#end .endbg{ width:800px; margin:0 auto;  height:250px;}
#end .endbg .link{ width:800px; height:45px; padding-top:10px}
#end .endbg .link li{ width:110px; float:left; color:#FFF; font-size:16px; text-align:left}
#end .endbg .link li a{ width:110px; color:#FFF; font-size:16px; text-align:left}
#end .endbg .wd{width:800px;  padding-top:18px;  line-height:31px; text-align:left; color:#999; font-size:13px; }
#end .endbg .wd a{width:800px;  padding-top:18px;  line-height:30px; text-align:left; color:#cccccc; font-size:13px; }