@charset "utf-8";
*{margin:0;padding:0;}
html {
	font-family: sans-serif;}
img{border:none;}
td{font-size:14px; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color:#555555;}
body{font-size:14px;line-height:26px; color:#555555;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  min-width: 1200px; background:url(webbg.jpg) top repeat-x;
 }
ul,li{ list-style-type:none;line-height:26px; padding:0 0 0 0}
a{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#FF0000;}
h1,h2,h3{margin:0;padding:0;border:none}
h5{font-size:15px;}

/**/
	/**/
	.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:580px;position:relative; z-index:9}
.banList{position:absolute;left:50%;margin-left:-960px;height:580px;z-index:9}
.banList li{height:580px;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:30px;left:46%;height:20px;z-index:99;width:1000px;margin-left:-480px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#004475;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#DB0000;cursor:pointer}





#logo{width:1100px; margin:0 auto; clear:both; }
#logo .left{ width:600px; float:left}
#logo .right{ width:300px; float:right}
#logo .right .topic{ width:300px; padding-top:20px;}
#logo .right  .searchright{ width:250px; margin-left:30px;border:1px #dcdcdc solid; height:28px;}
#logo .right .searchright .searchinput{ width:210px;  line-height:20px; border:1px #ffffff solid; float:left}
#logo .right  .searchright .searchbt{ float:left;padding-left:8px; padding-top:2px;}

.nav{width:1100px; margin:0 auto; height:58px;  position:relative; overflow:visible; }
.nav > ul > li { float:right;position:relative;}

.nav > ul > li > a { display:block; height:58px; line-height:58px; font-size:16px; color:#fff; padding:0px 25px;}
.nav > ul >  li > a:hover { background:#CE0000;color:#fff; height:58px; line-height:58px; }

.sub { width:100%;  display:none; position:absolute; top:58px; left:0px; z-index:9999; background:#021D1F; }
.sub li { width:100%;color:#fff;}
.sub li a{ width:80%; text-align:left; padding-left:20%; font-size:13px; height:35px; line-height:35px; display:block; color:#fff;}
.sub a:hover {  color:#FFF; background:#DB0000;font-size:13px;}


#menu_button_wrapper{display: none;z-index:-1;}
.hidden {display: none;}
.w1200 { width:1100px; margin:0px auto;}



#main_in{ width:100%; margin-bottom:20px;  background:url(probg.jpg) center top #F9FBFD no-repeat; padding-top:115px; height:auto;clear:both; overflow:hidden;}
#main_in h1{text-align:center; padding-top:15px; text-align:center; color:#FFF; font-size:30px;  }
.home-product{ width:1100px; margin:0 auto;padding-top:40px; padding-bottom:40px; height:500px;}
.home-product li{width:255px;  float:left; line-height:22px; padding-left:10px; padding-right:10px; padding-bottom:15px;  font-siz:12px; color:#0066FF}
.home-product img{ height:220px; width:251px;  border:1px #dcdcdc solid; background:#FFF}
.home-product img:hover{ height:220px; width:251px; border:1px #004475 solid;  background:#FFF}
.home-product p{  margin:0px;text-align:center; background:#E7E7E7; font-size:12px; color:#333333; height:30px;line-height:30px; }
.home-product p a:link,.home-product p a:visited{text-decoration:none; font-size:14px; color:#333333}

.indexpro{ width:1100px; margin:0 auto; padding-top:30px;}
.indexpro h1{ width:300px; margin:0 auto; text-align:center;}
.indexpro h2{ width:1100px; margin:0 auto; font-weight:100; line-height:45px; font-size:14px;text-align:center; height:60px;}
.indexpro .box1{ width:320px; float:left; padding:15px; border:1px #dcdcdc solid; margin-right:20px;}
.indexpro .box1 p{ width:320px; text-align:center; font-size:16px; line-height:45px;}
.indexpro .box2{ width:320px; float:left; padding:15px; border:1px #dcdcdc solid; margin-right:20px;}
.indexpro .box2 p{ width:320px; text-align:center; font-size:16px; line-height:45px;}
.indexpro .box3{ width:320px; float:right; padding:15px; border:1px #dcdcdc solid;}
.indexpro .box3 p{ width:320px; text-align:center; font-size:16px; line-height:45px;}

.indexbanner{ width:1100px; margin:0 auto; padding-top:30px;}

.proclass{ width:1000px; margin:0 auto; padding-top:30px;}
.proclass li{ width:124px; margin-right:30px; float:left; background:#01539D; text-align:center; border-radius:12px; padding:5px; color:#FFF}
.proclass li a{color:#FFF}
.proclass li:hover{width:124px; float:left; background:#C40608; text-align:center; border-radius:12px; padding:5px; color:#FFF}

.rollBox{width:1100px; margin:0 auto; overflow:hidden; padding-top:30px;}

.rollBox .LeftBotton{height:185px;width:56px; background:url(proleft.jpg) left no-repeat;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .RightBotton{height:185px;width:56px;background:url(proright.jpg) right no-repeat;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .Cont{width:988px;overflow:hidden;float:left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:245px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;border:3px solid #C2C3C3;display:block;margin:0 auto; width:220px;height:200px;}
.rollBox .Cont .pic img:hover{background:#fff;border:3px solid #C40608;display:block;margin:0 auto; width:220px;height:200px;}
.rollBox .Cont .pic p{margin:0px;text-align:center; font-size:14px;line-height:24px;overflow:hidden;display:inline;}
.rollBox .Cont a:link,.rollBox.Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{ color:#06F}
.rollBox #List1,.rollBox #List2{float:left;}
.proh{width:1100px; margin:0 auto; text-align:center; color:#01539D; font-size:16px; padding-top:40px; padding-bottom:20px;}


#bannerbg{width:100%;overflow:hidden;height:380px;position:relative;clear:both;}
#banner{position:absolute;left:50%;margin-left:-960px;height:380px;}

.maina{width:1100px; margin:0 auto; padding-top:30px; }
.maina .nleft{float:left; width:235px;  padding-right:45px; position:relative;}
.maina .nleft .ntitle{ width:235px;}
.maina .nleft .aboutbg{ width:235px; padding-bottom:1px;}
.maina .nleft .aboutbg ul{ width:235px; padding:0 0 0 0; margin:0 auto}
.maina .nleft .aboutbg li{width:215px; background:#01539D; font-weight:100; color:#FFF; line-height:45px;font-size:16px;border-top:1px #93EFF7 solid ; padding-left:20px;}
.maina .nleft .aboutbg li A{font-weight:100; color:#FFF; line-height:45px;font-size:16px}
.maina .nleft .aboutbg li:hover{width:215px; background:#CD0000; cursor:pointer; color:#FFF; font-weight:100;  line-height:45px;font-size:16px;border-top:1px #93EFF7 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:800px; }
.maina .nright .ntitle{width:800px; line-height:35px; border-bottom:1px #dcdcdc solid;  background:url(ico1.jpg) left no-repeat; padding-left:20px; font-size:16px; height:35px; margin-bottom:30px;}
.maina .nright .daohang{width:800px;  text-align:right; line-height:30px; margin-bottom:20px; }
.maina .nright h1{ line-height:50px; text-align:center; font-weight:100; font-size:30px; color:#02828F;-webkit-font-smoothing:antialiased }
.maina .nright h2{  text-align:center;  font-weight:100; font-size:50px; color:#ececec; height:50px;}
.maina .nright li{ line-height:30px; font-size:14px;  }
.maina .nright .pcontent{ width:800px; }
.maina1{width:1100px; margin:0 auto; padding-top:30px; padding-bottom:90px; }
.maina1 .ntitle{width:100%; line-height:35px; border-bottom:1px #dcdcdc solid;   background:url(icopro.jpg)  left no-repeat; padding-left:20px; font-size:16px; height:35px; margin-bottom:30px;}
.maina1 h1{ line-height:40px; text-align:center;  font-weight:100; font-size:32px; color:#222222;-webkit-font-smoothing:antialiased ; padding-top:12px;}
.maina1 h2{ line-height:30px; text-align:center; font-weight:100; font-size:45px; color:#dcdcdc;-webkit-font-smoothing:antialiased; padding-bottom:50px }
.maina1 li{ line-height:30px; font-size:16px;    }
.maina1 li p{line-height:30px; font-size:16px;    }

.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(fw.jpg) no-repeat; height:98px; width:200px; float:left;clear:both;}
.nadd{margin-top:100px;padding-left:10px; padding-bottom:20px; background:url(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:900px;
	position: relative;
    float:left;
	margin-bottom: 8px;
	padding:5px 0 0px 5px;
	clear:both;
	 
	
}

.product_list li{
	height:390px;width:280px;
  float:left;
  padding:8px;
		position: relative;

}

.product_list li:hover{
	height:390px;width:280px;
  float:left;
  padding:6px;
  border:2px #0033FF solid;
  background:#dcdcdc;
		position: relative;

}

.product_list li .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list li img{



width:270PX;
border:1px #dcdcdc solid;
}

.product_list li img:hover{


width:270PX;
border:1px #06C solid;
}

.product_list li h3 {

	font-size: 16px;
	color:#000000;
	font-weight:100;
	width:272PX;
	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:260PX;
}

#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:800px; clear:both  }
.product ul{padding:0;margin:0;clear:both}
.product li{float:left;width:265px; list-style-type: none; font-weight:100; }
.product li.plists{float:left;width:265px;  padding-bottom:5px }
.product li h3,ul.product li h2,ul.product li h3,ul.product li span{width:240px;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:240x;  padding-top:8px; text-align:center; line-height:18px;list-style:none; height:250px;}
.product li p img{width:240px; height:240px; border:1PX #dcdcdc solid; }
.product li p img:hover{width:240px; border:2PX #6BB3E6 solid; }
.pro2{ margin:0 auto; width:800px;clear:both; text-align:center ; background:#EDEDED; border:1PX #DCDCDC solid; padding:5PX;}


#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 h3{font-family: Microsoft YaHei,arial;font-weight:bold;color:#01539D;position:relative;font-size:20px;line-height:60px;text-align:center;}
.promsg .protop{text-align:center;  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:#01539D;}

.promsg .xgpro{text-align:left; margin-bottom:10px; width:800px}
.promsg .xgpro .box1{ width:400px;float:left; font-weight:100}
.promsg .xgpro .box1 a{color:#555555;  font-weight:100; background:url(bngico.jpg) left no-repeat; padding-left:22px;}




.mainnews{width:1100px; margin:0 auto;clear:both; height:550px; }
.mainnews h1{ text-align:center; padding-top:40px; padding-bottom:20px;}
.mainnews .leftabout{ width:550px; float:right; padding-left:50px;}
.mainnews .leftabout li{font-size:14px;  border-bottom:1px #dcdcdc dashed; background:url(ico1.gif) left no-repeat; padding-left:30px; font-weight:100; line-height:51px;width:520px;}
.mainnews .leftabout li span{ text-align:right; float:right}
.mainnews .rightabout{width:480px;float:left}




#mainabout{ width:100%; background:url(bg1.jpg) top center no-repeat; padding-top:50px; margin-top:40px;}
#main_about{ width:1100px; margin:0 auto;clear:both; height:400px;  }
#main_about h1{text-align:center; padding-top:55px; width:1100px; font-size:30px; height:80px; }
#main_about .leftabout{ width:515px; float:right; }
#main_about .rightabout{width:536px; float:left; color:#FFF}

#main_about .rightabout p{ line-height:26px;}


.indexwhy{ width:1100px; margin:0 auto; padding-top:40px; text-align:center}
.link{ width:100%}

.amore{font-size:14px;color:#555555; margin:0 auto;  width:150px;border-radius:5px;padding-left:30px;text-align:center; padding-right:30px; padding-top:2px; padding-bottom:2px; border:1px #cccccc solid; }
.amore:hover{font-size:14px; color:#FFFFFF;margin:0 auto;  width:150px;border-radius:5px; text-align:center; padding-left:30px; padding-right:30px; padding-top:2px; padding-bottom:2px; background:#DB0000}

.amore1{font-size:14px; margin:30px auto;color:#FFFFFF;  width:80px;border-radius:5px; text-align:center; padding-left:30px; padding-right:30px; padding-top:5px; padding-bottom:5px; background:#004475; }
.amore1:hover{font-size:14px; color:#FFFFFF; margin:30px auto; width:80px;border-radius:5px; text-align:center; padding-left:30px; padding-right:30px; padding-top:5px; padding-bottom:5px; background:#DB0000}

#main_ser{ width:1200px; margin:0 auto; clear:both; }
#main_ser .title{width:1160px; text-align:center; padding:20px; margin-top:20px;}
#main_ser .box{ width:338px; margin:20px;padding:10px; float:left; border:1px #ffffff solid}
#main_ser .box h1{font-size:20px; font-weight:bold; line-height:50px; width:345px;}
#main_ser .box li{ font-size:14px; background:url(icopro1.jpg) left no-repeat; padding-left:25px; border-bottom:1px #dcdcdc dashed; font-weight:100; line-height:30px;width:330px;}
#main_ser .box img{width:310px;border-radius:8px; padding-bottom:15px;}


.foot{background:url(endbg.jpg) top repeat-x; width:100%;clear:both; height:303px; }
.foot .endbg{ width:1100px; margin:0 auto; padding-bottom:15px; color:#FFF;  }
.foot .endbg .box{ width:204px; float:left; padding-top:46px; padding-right:30px;}
.foot .endbg .box h1{ width:204px; font-size:18px; font-weight:bold; border-bottom:1px #666666 solid; color:#FFF; line-height:45px; margin-bottom:15px;}
.foot .endbg .box h2{ width:200px; padding-left:4px; font-size:14px; color:#ffffff; font-weight:100; line-height:30px;}
.foot .endbg .boxright{ width:380px; float:right}
.foot .endbg a{ width:1100px; margin:0 auto; padding-bottom:15px; color:#DCF0FE;  text-align:center; }
.foot .endbg a:hover{ width:1100px; margin:0 auto; padding-bottom:15px; color:#FFF; text-align:center; }
.endwd{ width:100%; margin:0 auto; color:#555555;text-align:center; line-height:40px; height:80px; padding-top:30px; background:#E3E3E3}