html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size:100%;}
html,body{color:#333}
body{background:#fff;overflow-x: hidden;}
ul,ol,li{ list-style:none;}
a:link, a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#12b7f5;}
img{ border:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5{ font-weight:normal;}
.clearfloat:after{ content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfloat{zoom:1;}

#bodybg {
    /*background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%,#5874d8 100%);*/
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 31.57894736842105%,rgba(21, 64, 145, 1) 100%);
    min-height: 700px;
}
.header {width:1200px;min-height:120px; margin: 0px auto;}
.header h1 {width:140px;height:70px;margin-top:20px;float: left;}

.dh {width:380px;height:45px;margin-top:25px;font-size:22px;font-weight:bold;float: right; }
.dh img {width: 48px;height: 48px;float: left;}
.dh p {width:280px;height:30px;margin-top:12px;padding-left:52px; color: #fff;}

.nav {width:1200px;height: 50px; margin:0px auto; background: #f1f1f1 url('images/navbg.jpg') no-repeat fixed center; ;}
.nav li {width:120px;height:50px;line-height:50px;float: left; margin:0px 10px; text-align: center;}
.nav a { width:120px; line-height:50px;color: rgba(30, 80, 174, 1);}
.nav a:hover{color:#12b7f5;}

/* 本例子css */
.slideBox{ width:1198px; height:350px; overflow:hidden; position:relative; border:1px solid #ddd; margin:0px auto; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1198px; height:350px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.wrapper  { width:1200px;margin:0px auto; height: 300px;  }
.wleft {  width: 290px; height:246px;  float: left;   }
.wcenter {   margin-left: 320px;  margin-right: 320px;  }
.wright {  float: right;  width: 290px;   }
.about {width:290px; height:246px;  }
.about h2 {width:280px;height:46px; line-height:46px;background-color: rgba(30,80,174); color:#fff; text-align: left;padding-left:10px;}
.about P{line-height: 25px;color:#333; font-size:12px;background-color: #fff;padding:0px 2px;}

.wcenter h2{ width:540px;border-bottom: 1px solid #333000;  line-height:40px; margin-top:10px;}

.wcenter span {width:80px;display: block;   color:#1e50ae;    border-bottom:3px solid #1e50ae;}


.wright h2 {width:290px; border-bottom: 1px solid #333000;  line-height:40px;  }
.wright span { width:80px; display: block;   color:#1e50ae;   border-bottom:3px solid #1e50ae;}
.index_contact { padding:10px;}
.index_contact p {line-height: 25px; font-size:12px;}

		/* 中间滚动css */
		.picMarquee-left{ width:538px;  overflow:hidden; position:relative;  border:0px solid #ccc;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px;   padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:150px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;  font-size:12px; }

    
.footer {width:100%; min-height: 300px; background-color: #333; clear: both;}

.foot,.link {width:1200px;height:auto; margin: 0px auto; padding-top:20px;}
.foot_logo {width:200px;height:auto;float:left;}
.foot_nav {width:970px;height:200px;float: left;padding-left:30px;}
.foot_nav li {width:auto;line-height:40px;padding-left:30px;float:left;}
.foot_nav a {color: #8b939e; font-size:14px; display:block;float:left; }

.link {width:1200px;height:60px;margin: 0px auto;}
.link p {color: #8b939e;float:left;line-height: 30px;}
.link ul {width:auto;height:auto;float:left;}
.link li {width:auto;padding-right:20px;float:left;line-height: 30px;}
.link a { color: #8b939e;}

.copyright {width: 1200px; margin:0px auto;height:30px; clear:both; text-align:center;color: #8b939e;}
.copyright a {color:#ccc;}

/*以上是首页css end*/

/*product*/

.product {width:1200px;margin:0px auto;min-height:1000px; background-color: #fff;}
.pro_left {width:332px;float:left;}
.pro_right{width:850px;float:right;margin-left:10px;margin-top:5px;border: 1px rgba(221, 221, 221, 1) solid;}
.pro_left h2 {width:332px;height:46px;background-color: #1e50ae;line-height: 46px;color:#fff;margin-top:5px;}
.pro_left span {padding-left:10px;}
.pro_left ul {min-height: 300px;}
.pro_left li {width:330px; line-height:50px;float: left; border-bottom:1px dashed #ccc;}
.pro_left a {color:#333;padding-left:10px;}
.pro_left a:hover {color:#1e50ae;}

 
.pro_right h2{ width:850px;border-bottom: 1px solid #8b939e;  line-height:40px; margin-top:0px;}

.pro_right  span {width:auto;display: block;  color:#1e50ae;   border-bottom:3px solid #1e50ae; padding-left:10px;}

.pro_ul {width:auto;float:left; margin-top:30px;}
.pro_ul li {width:298px;float:left;margin:20px 40px;height:auto;}
.pro_ul img {width:298px;height:232px;vertical-align: top; text-align:center;}
.pro_ul a {width:298px;height:auto;}
.pro_ul p {width:298px; height:30px;line-height:30px;color:#8b939e; text-align: center;}

.pro_fy {width:850px; float:left; padding:10px 30px;}
.pro_fy a {color:#8b939e;}

.nr_title {width:100%;line-height:80px;text-align: center;}
.nr_title h1 {font-size:24px;font-weight:bold;}
.nr_sub {width:810px;height:30px; margin-left:20px;text-align:center;border-bottom:1px solid #ccc;}
.nr_content {width:840px;min-height:auto; padding:20px 5px;background-color: #fff; }
.nr_content p {padding:0px;line-height: 25px; margin:30px 0px; text-indent: 2em; font-family: microsoft yahei , "Microsoft YaHei"; }


.news_list {margin:10px;}
.news_list li {width:90%;float:left;padding-left:40px;line-height: 40px; border-bottom: 1px dashed #999;}
.news_list a {float: left;}
.news_list span {display: block; float: right;}