﻿
*{margin:0;padding:0;}
img{border:none;}
td{font-size:14px;font-family: "Helvetica Neue", Helvetica, Arial;  color:#555555;}
body{font-size:14px;line-height:26px; color:#555555;
  font-family: "Helvetica Neue", Helvetica, Arial;
  background:#FFF;
  min-width: 1200px;
 }
ul,li{ list-style-type:none;line-height:26px;}
a{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#014DA3;}
h1,h2,h3{margin:0;padding:0;border:none}
h5{font-size:15px;}
h3 span{color:#333;padding-left:20px;font-size:14px;}
/**/
	/**/
	.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}

.banner{width:100%;overflow:hidden;height:545px;position:relative; z-index:-1}
.banList{position:absolute;left:50%;margin-left:-960px;height:545px;}
.banList li{height:545px;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:50px;left:46%;height:20px;z-index:9;width:1000px;margin-left:-480px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#06F;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#ff0000;cursor:pointer}




#head{width:1103px; margin:0 auto;  height:122px; padding-top:5px; background:#FFF}
#head .tleft{width:650px; float:left;  text-align:left}
#head .tright{width:450px;float:left; text-align:right}


#logo_menu{width:100%; background:#0A3584; height:36px;}
#logo_menu .menu{ width:1100px; margin:0 auto;height:36px; }
#logo_menu .menu li{ width:120px; font-size:14px; line-height:36px; color:#FFF; font-weight:100;  float:left; text-align:center}
#logo_menu .menu li a{ width:120px; font-size:14px; line-height:36px; color:#FFF; font-weight:100;  float:left; text-align:center}
#logo_menu .menu li .on{ width:120px; font-size:14px; color:#FFF; line-height:36px; font-weight:100;  float:left; text-align:center}

#menu_m{ width:1100px; margin:0 auto; z-index:99; margin-top:-35px;height:100px;}
#menu_m li{ width:234px; height:100px; color:#FFF; background:#1048A6; padding-left:40px; padding-top:35px;line-height:30px; border-right:1px #AEAEAE solid; float:left}
#menu_m li:hover{ width:234px;height:100px;color:#FFF;border-right:1px #AEAEAE solid;  background:#D0010B; padding-left:40px; padding-top:35px;line-height:30px; float:left}

.main_a{ margin:0 auto; width:1100px; background:#FFF;  padding-top:20px; clear:both}
.main_a .mleft_a{ width:247px; float:left; padding-right:18px;}
.main_a .mleft_a .mtitle{ width:247px;}
.main_a .mleft_a .pleft{width:190px; border-top:2px #fff solid;  padding:28px; background:#D7E7FF;  }
.main_a .mleft_a .pleft ul{width:190px; margin:0 auto; background:#317AE7; line-height:31px; clear:both;}
.main_a .mleft_a .pleft ul p{padding-left:20px; color:#fff; font-size:12px; font-weight:normal;border-bottom:1px solid #fff;}
.main_a .mleft_a .pleft ul p:hover{padding-left:20px; color:#fff; background:#CF0008; font-size:12px; font-weight:normal;border-bottom:1px solid #fff;}
.main_a .mleft_a .pleft li{border-bottom:1px solid #fff; padding-left:18px; line-height:24px; clear:both; background:#B0D7F4;}
.main_a .mleft_a .pleft span{line-height:18px; clear:both;}
.main_a .mleft_a  .tel{background:#D7E7FF; text-align:right}
.main_a .mleft_a  .contact{ padding-top:20px; background:#D7E7FF;padding-left:33px; line-height:24px; padding-bottom:20px;}
.main_a .mleft_a  .contact h1{ font-size:14px; font-weight:bold}
.main_a .mright_a{ width:835px;  float:right; }
.main_a .mright_a .rtitle{ width:835px;background:#0443A0;  height:40px;}
.main_a .mright_a .rtitle li{ float:left; width:110px; color:#FFFFFF;line-height:40px; font-size:14px; font-weight:100; text-align:center}
.main_a .mright_a .rtitle li a{width:110px; color:#FFFFFF; line-height:40px; font-size:14px; text-align:center}
.main_a .mright_a .rtitle li span{ float:left; width:110px; height:40px; background:#CF0008;line-height:40px;font-weight:bold;  color:#FFFFFF; text-align:center}
.main_a .mright_a .rbox{ width:835px; padding-top:15px; height:550px}
.home-product{ width:835px; margin:0 auto;padding-top:10px;}
.home-product li{width:200px;  float:left; line-height:22px;  background:url(/template/images/prosm.jpg) top no-repeat;  padding-right:8px; padding-bottom:12px;  font-siz:12px; color:#0066FF}
.home-product img{ height:198px; width:198px; border:1px #165BA9 solid;  background:#FFF; opacity:0.91;}
.home-product img:hover{ height:198px; width:198px; border:1px #ED2D01 solid;  background:#FFF}
.home-product p{  margin:0px;text-align:center; font-size:12px; color:#333333; height:30px;line-height:30px; }
.home-product p:hover{  margin:0px;text-align:center; font-size:12px; color:#CF0008; height:30px;line-height:30px; }
.home-product p a:link,.home-product p a:visited{text-decoration:none; font-size:14px; color:#fff}


#bannerbg{width:100%;overflow:hidden;height:300px;position:relative;clear:both;}
#banner{position:absolute;left:50%;margin-left:-960px;height:300px;}
#main_in{ width:100%;  background:#EDEDED; height:auto;clear:both; overflow:hidden;}
.maina{width:1040px; margin:0 auto; padding:30px; background:#FFF;height:auto;clear:both; overflow:hidden;}
.maina .nleft{float:left; width:235px;  padding-right:45px; position:relative;}
.maina .nleft .ntitle{ width:235px; text-align:center; background:#0055A5; line-height:80px; font-size:20px; font-weight:bold; color:#FFFFFF; padding-top:5px;}
.maina .nleft .ntitle span{line-height:80px; font-size:18px; font-weight:100; color:#94C2E4; padding-top:5px;}
.maina .nleft .aboutbg{ width:235px; padding-bottom:1px;}
.maina .nleft .aboutbg li{width:215px; background:#dcdcdc; font-weight:100; line-height:45px;font-size:14px;border-top:1px #ffffff solid ; padding-left:20px;}
.maina .nleft .aboutbg li:hover{width:215px; background:#A8D7FA; cursor:pointer; font-weight:100;  line-height:45px;font-size:14px;border-top:1px #ffffff solid ; padding-left:20px;}
.maina .nleft .picbg{ width:205px; background:#E0E0E0; padding:15px; margin-top:15px;}
.maina .nleft .aboutbg1{ width:195px; background:#E0E0E0; padding:20px;}
.maina .nleft .aboutbg1 h1{ width:195px; color:#004592; font-size:16px;}
.maina .nleft .aboutbg1 li{ width:195px; line-height:24px;}
.maina .nright{float:left; width:740px; line-height:30px; font-size:14px;  }
.maina .nright .ntitle{width:740px; line-height:35px; border:1px #CBCCCC solid;  background:url(../image/title7.jpg) left no-repeat; padding-left:20px; font-size:16px; height:35px; margin-bottom:30px;}
.maina .nright .daohang{width:740px;  text-align:right; line-height:30px; margin-bottom:20px; }

.maina .nright .pcontent{ width:740px; }

.pageMenu{float: left;width: 235px;}
.pageMenuUl{width: 235px;}
.pageMenuLi{width: 235px;margin-bottom: 1px;}
.pageMenuA{width: 215px;height: 40px;line-height: 40px;background: #A7D4F5;color: #333333; display: block; padding-left:20px;}
.pageMenuA:hover{background-color: #6CADF6; color:#FFF}
.pageMenuDiv{width:235px;display: none;background-color: #fff;}
.pageMenuDiv a{display: block;width: 175px;height: 40px;line-height: 40px;margin-top: 2px; padding: 0 20px 0 40px;background-color: #eee;background-image: url(/template/images/icon1.png);background-repeat: no-repeat;background-position: 20px center;}
.pageMenuDiv a:hover{color: #e50017;}
.pageMenuDivB{width: 235px;height: 40px;line-height: 40px;background: #888888;color: #fff; display: block;text-align: center;}
.pageMenuDivB:hover{background-color: #333333;}
.pageMenuCase{width: 235px;margin-top: 40px;}
.pageMenuCase h3{line-height: 40px;border-bottom: 1px dotted #aaa;text-align: center;margin-bottom: 20px;}
.pageMenuCaseImg{width:235px;}
.pageMenuCaseImg img{width:235px;}


.list{width:780px; margin:0 auto;clear:both;overflow:hidden; float:left; }
.list li{border-bottom:1px #dcdcdc dotted; height:24px; line-height:24px; padding-left:20px; font-weight:bold;margin-top:6px; margin-bottom:15px;}
.nleftlx{margin-top:10px; background:url(/template/images/fw.jpg) no-repeat; height:98px; width:200px; float:left;clear:both;}
.nadd{margin-top:100px;padding-left:10px; padding-bottom:20px; background:url(/template/images/leftlx.jpg) no-repeat}

ul.hotnews{width:245px; padding-top:12px; padding-bottom:12px}
ul.hotnews li{line-height:23px; height:23px; padding-left:15px }
.topflash{float:right;padding-right:90px; padding-top:50px;width:109px;height:110px;}



.ipro{width:230px; height:auto; padding-left:20px; padding-top:15px }
.ipro li{padding-left:8px; line-height:28px; height:28px;float:left; color:#FFF; font-weight:bold; font-size:14px; width:100px; font-size:12px;  border-bottom:#597DA3 1px solid}
.ipro li a{color:#FFF; font-weight:bold; font-size:14px; }
.ipro1{width:208px; height:auto; }
.ipro1 li{padding-left:12px; line-height:23px; height:23px;float:left; width:92px; font-size:12px;   border-bottom:#dcdcdc 1px dotted;background:#E8F5FD}






.nmsg{padding:12px; white-space:normal;}


#order{padding:10px 0 20px;width:650px;text-align:left}
#order h1{padding:15px 0 5px;font-size:22px}
#order p{margin:5px 0 10px;font-size:12px}
#order form{margin-left:30px}
.div_li{margin-bottom:10px}
#order label{margin:3px 0;font-weight:bolder;display:block}
#order label.checkbox{font-weight:normal;display:inline}
#order input{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000}
#order input:hover{border:1px solid #6ad}
#order .medium{width:220px}
#order .submit{margin-top:10px;cursor:hand}
#message{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000;width:500px;height:100px}
#demo{margin-top:10px}
.div_li span{padding-left:10px;font-size:12px;color:#777}
.div_li .red{color:#ff3300;}
.error,.success{padding:10px 20px;text-align:left;font-size:12px}
.error{background-color:#a22;color:#fff}
.success{background-color:#cfc;color:#051}


.product_list {
	
	max-width:740px;
	position: relative;
    float:left;
	margin-bottom: 8px;
	clear:both;
	 
	
}

.product_list li{
	height:345px;width:220px;
  float:left;
  padding:10px;
		position: relative;

}

.product_list li:hover{
	height:343px;width:220px;
  float:left;
  border:1px #0033FF solid;
  background:#dcdcdc;
	position: relative;

}

.product_list li .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list li img{



width:218PX;
border:1px #dcdcdc solid;
}

.product_list li img:hover{


width:218PX;
border:1px #06C solid;
}

.product_list li h3 {

	font-size: 16px;
	color:#000000;
	font-weight:100;
	width:220PX;
	line-height:40px;
	text-align:center;
	background:#dcdcdc;

	
}

.product_list h2{font-size:14px; font-weight:bold; height:28px; line-height:28px; margin-bottom:10px; padding-top:10px; border-bottom:1px dashed #ccc;}
.product_list h2 span{float:right; font-size:12px; font-weight:normal; padding-right:20px;}

.product_list li p {

	color: #737373;
	font-size: 14px;
	 border-left:1px #dcdcdc solid;
	 border-right:1px #dcdcdc solid;
	 border-bottom:1px #dcdcdc solid;
	line-height: 28px!important;
	padding:5px;
	width:208PX;
}

#xl{padding:5px;position:relative}
#xl li{border-bottom:1px dotted #ccc;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:85%;color:#999;line-height:25px;}
#xl li a:link{color:#02405B;}
#xl li a:hover,#xl li a:visited{color:#F16609}


.product{ margin:0 auto; height:auto; width:700px;  }
.product ul{padding:0;margin:0}
.product li{float:left;width:230px; list-style-type: none; font-weight:100; }
.product li.plists{float:left;width:230px;  padding-bottom:5px }
.product li h3,ul.product li h2,ul.product li h3,ul.product li span{width:210px;line-height:18px;  color:#006699; font-weight:100;padding:0;margin:0;list-style-type: none; float:left; font-size:12px; height:40px; text-align:center}
.product li p{width:210x;  padding-top:8px; text-align:center; line-height:18px;list-style:none; height:220px;}
.product li p img{width:210px; height:210px; border:1PX #dcdcdc solid; }
.product li p img:hover{width:210px; border:2PX #0F5BAE solid; }



#newlist{float:left; width:100%; margin-top:5px;overflow:hidden; clear:both;}
.newlista li{ border-bottom:1px #dcdcdc dotted; line-height:30px; padding-left:16px; color:#333;}
.newlista em{ float:right; width:auto; height:auto; color:#999; font-style:normal;}
.newlista a:hover{color:#0066FF;}

.promsg{padding:2px;}
.promsg a{margin-left:15px;font-weight:bold;}
.promsg p{ padding-top:15px; }
.promsg h2{font-family: Microsoft YaHei,arial;font-weight:bold;color:#0559CB;position:relative;font-size:1.5EM;line-height:60px;text-align:center;}
.promsg .protop{text-align:center; height:auto;background:#F1F1F1; border:1px solid #dbdbdb; padding-bottom:25px; padding-top:25px; line-height:30px;}
.promsg .protop,.promsg .protop a{margin-right:15px;color:#333333; font-weight:bold;}
.promsg .info{padding-top:10px;border-bottom:1px dashed #dbdbdb;border-top:1px dashed #dbdbdb; padding-bottom:10px;margin-bottom:10px;clear:both;}
.promsg .info,.promsg .info a {color:#074DBD;}

.promsg .xgpro{margin-bottom:10px;float:left; width:740px}
.promsg .xgpro li{ width:180px; float:left; font-weight:100; text-align:center}
.promsg .xgpro li a{color:#555555;  font-weight:100;text-align:center}


#mainh{width:1100px;  margin:0 auto; padding-bottom:30PX; }
#mainh h1{width:1100px; }
#mainh .mh li{float:left; padding:0 0 0 0}


#mainhonor{ width:100%; background:#165BA9; padding-top:30px; padding-bottom:30PX; }
#mainhonor .mhonor{width:1100px;  margin:0 auto;}
#mainhonor .mhonor h1{width:1100px; border-bottom:1PX #6593C6 solid }
#mainhonor .mhonor li{float:left; padding:0 0 0 0}

#mainabout{ width:100%; background:#EDEDED; margin-top:30px}
#mainabout h1{ text-align:center;  padding-top:40px;}
#main_about{ width:1100px; background:#EDEDED; margin:0 auto; border-radius:5px;clear:both; height:400px;}

#main_about .leftabout{ width:500px; float:right; text-align:right }
#main_about .rightabout{width:555px; float:left;}
#main_about .rightabout .title{width:555px; height:80px; padding-top:40px;}
#main_about .rightabout p{ line-height:24px; font-size:12px;color:#333; padding-bottom:15px;}
#main_about  .rightabout .more{ margin:0 auto;  width:550px; }
#main_about .rightabout .more a{font-size:14px; color:#FFFFFF; width:100px;border-radius:15px; line-height:18px; text-align:center; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; background:#165BA9}
#main_about .rightabout .more a:hover{font-size:14px; color:#FFFFFF; width:100px;border-radius:15px; line-height:18px;text-align:center; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; background:#CF0008}

#main_ser{ width:1100px; margin:0 auto; clear:both; padding-top:40px; }
#main_ser h3{ width:1100px; text-align:center; padding-bottom:20px;}
#main_ser .boxleft{ width:580px; margin-right:15px; float:left; margin-bottom:30px; }
#main_ser .boxleft .box1{ width:540px; background:#f2f2f2; height:100px;border-bottom:11px #fff solid; padding:20px; }
#main_ser .boxleft .box1 .boxpic{ width:105px; background:#f2f2f2; padding-right:15px; float:left }
#main_ser .boxleft .box1 .boxcontent{ width:420px; line-height:24px; float:left;margin-bottom:30px; }
#main_ser .boxleft .box1 .boxcontent h1{ width:420px; font-size:16px; font-weight:bold}
#main_ser .boxleft .box1 .boxcontent h2{ width:420px; font-size:14px; font-weight:100}
#main_ser .box{ width:473px; float:left; border:1px #dcdcdc solid; padding:15px;}
#main_ser .box li{ font-size:14px; background:url(../image/icopro1.jpg) left no-repeat; padding-left:25px; border-bottom:1px #dcdcdc dashed; font-weight:100; line-height:31px;width:443px;}

#main_case{ width:1200px; margin:0 auto; clear:both; }
#main_case .title{width:1160px; text-align:center; padding:20px; }
#main_case .box1{width:1200px; text-align:center}


.foot{background:url(../image/end.jpg) #171818 top repeat-x; width:100%;clear:both; }
.foot .endico{ width:1100px; margin:0 auto; text-align:right }
.foot .endbg{ width:1100px; margin:0 auto; padding-bottom:32px; color:#333333; height:190px; }
.foot .endbg .box1{ width:299px;  float: left; padding-left:30px; border-left:1px #999999 solid;}
.foot .endbg .box1 li{width:269px;}
.foot .endbg .box1 li h1 { color:#0A3584; font-size:16px; font-weight:bold;line-height:40px;}
.foot .endbg .box1 li h2{ color:#666; font-weight:100; font-size:13px; line-height:28px;}


.foot .endbg .box3{ width:359px;  float: left; padding-left:30px; border-left:1px #999999 solid;}
.foot .endbg .box3 li{width:339px;}
.foot .endbg .box3 li h3{color:#0A3584; font-size:16px; font-weight:bold;line-height:40px;}
.foot .endbg .box3 li h4{color:#666; font-weight:100; font-size:13px; line-height:28px;}

.foot .endbg .box2{ width:349px;  float: left; padding-left:30px; border-left:1px #999999 solid;}
.foot .endbg .box2 li{ width:150px; float:left;}
.foot .endbg .box2 li h1 { color:#0A3584; font-size:16px; font-weight:bold;line-height:40px;}
.foot .endbg .box2 li h2 { color:#666; font-weight:100; font-size:13px; line-height:28px;}


.foot .endwd{width:1100px; margin:0 auto; height:35px;}
.foot .endwd  .endleft{ width:800px; float:left; color:#FFF; font-size:12px; font-weight:100; line-height:35px;}
.foot .endwd  .endright{ width:300px; float:right; color:#FFF; font-size:12px; text-align:right; font-weight:100; line-height:35px;}