@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; background:url(../images/bg.jpg); font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;  font-size:14px; line-height:24px; color:#333333;}
.right{float:right;}
.clear{clear:both;}
ul,li{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px; padding:0px;}
img{ border:none;}
a:link{ color:#333333;}
a:visited{ color:#333333;}
a:hover{ color:#dd6d0f;}
a:active{  color:#dd6d0f;}


.headbg{ height:130px; width:100%; background:url(../images/headbg.jpg) repeat-x;}
.header{ width:1150px; margin:0px auto; height:110px;  padding-top:20px;}
.naver{width:1150px; height:38px; margin:10px auto 0px;}
.logo{ width:200px; height:36px; padding-top:10px;}
.naver li{ float:left; width:164px; text-align:center; background:url(../images/nav_blue.jpg) repeat-x; height:38px; line-height:30px;}
.naver li a:link{ width:164px; background:url(../images/nav_line.jpg) no-repeat right; height:38px; line-height:38px; display:block; color:#ffffff; text-decoration:none;}
.naver li a:visited{ width:164px; background:url(../images/nav_line.jpg) no-repeat right; height:38px; line-height:38px; display:block; color:#ffffff; text-decoration:none;}
.naver li a:hover{ width:164px; background:url(../images/nav_yellow.jpg) repeat-x; height:38px; line-height:38px; display:block; color:#ffffff; text-decoration:none;}
.naver li a:active{ width:164px; background:url(../images/nav_yellow.jpg) repeat-x; height:38px; line-height:38px; display:block; color:#ffffff; text-decoration:none;}
.naver li a.here{ width:164px; background:url(../images/nav_yellow.jpg) repeat-x; height:38px; line-height:38px; display:block; color:#ffffff; text-decoration:none;}

.contentbg{ background:#dedede; width:100%; }



.banner{ width:1150px; height:300px; margin:0px auto; background:#39C;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1150px; height:300px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:130px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:130px; right:10px; z-index:10;}
#playBox .smalltitle {width:1150px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}



.content{ width:1100px; margin:0px auto; padding:10px;}
.content_l{ width:300px; }
.content_m{ width:450px; margin-right:70px;float:right;}
.content_m p{ height:100px; overflow:hidden;}
.content_m_img{ width:448px; height:198px; margin-bottom:10px;}
.content_m_t{ color:#005395; height:50px; line-height:50px; font-size:24px; text-align:left;}
.content_r{width:210px;  }
.content_r_bottom{ border:1px solid #cccccc; padding:3px; width:204px; height:116px; margin-top:15px;}
.content_l li{ border-bottom:1px solid #ffffff; height:138px; margin-bottom:10px;}
.content_l_t{ font-weight:bold; height:30px; line-height:30px;  background:url(../images/icon01.jpg) no-repeat 2px; padding-left:16px; font-size:16px;}
.content_l p{ height:70px; overflow:hidden;}
.more a:link{ color:#005395; text-decoration:none;}
.more a:visited{ color:#005395; text-decoration:none;}
.more a:hover{ color:#005395; text-decoration:underline;}
.more a:active{ color:#005395; text-decoration:underline;}



.footbg{ background:#dedede; width:100%; font-size:12px;  height:75px; border-top:1px solid #ffffff; padding-top:20px;}
.footer{ width:1100px; margin:0px auto;}
.footer_l li{ float:left; width:70px; }
.footer_l li a{ text-decoration:none;}



.pagebanner{ width:1150px; height:220px; margin:0px auto 20px; }
.pagecon_r{width:800px; }
.pagecon_l{ width:210px; }
.pagecon_l ul li a:link{ text-align:center;border-right:2px solid #0f5791; border-left:2px solid #0f5791; border-top:2px solid #0f5791; border-bottom:5px solid #0f5791;   display: block; width:200px; height:60px; margin-bottom:30px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#ffffff; font-weight:bold; padding-top:10px; text-decoration:none;
background: -webkit-linear-gradient(#0f5791, #88afcc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0f5791, #88afcc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0f5791, #88afcc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0f5791, #88afcc); /* 标准的语法 */}
  .pagecon_l ul li a:visited{ text-align:center;border-right:2px solid #0f5791; border-left:2px solid #0f5791; border-top:2px solid #0f5791; border-bottom:5px solid #0f5791;  display: block; width:200px; height:60px; margin-bottom:30px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#ffffff; font-weight:bold; padding-top:10px; text-decoration:none;
background: -webkit-linear-gradient(#0f5791, #88afcc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0f5791, #88afcc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0f5791, #88afcc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0f5791, #88afcc); /* 标准的语法 */}

.pagecon_l ul li span{ font-size:18px; line-height:24px;  }

.pagecon_l ul li a:hover{ background: -webkit-linear-gradient(#88afcc, #0f5791); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#88afcc, #0f5791); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#88afcc, #0f5791); /* Firefox 3.6 - 15 */
  background: linear-gradient(#88afcc, #0f5791); /* 标准的语法 */
  display: block; width:200px; height:60px;
  color:#ffffff; text-decoration:none;  padding-top:10px; 
  }
  
  .pagecon_l ul li a:active{  background: -webkit-linear-gradient(#88afcc, #0f5791); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#88afcc, #0f5791); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#88afcc, #0f5791); /* Firefox 3.6 - 15 */
  background: linear-gradient(#88afcc, #0f5791); /* 标准的语法 */
  display: block; width:200px; height:60px;
  color:#ffffff;  text-decoration:none;  padding-top:10px; 
  }

.bluetitle{ font-size:24px; height:30px; line-height:30px; color:#113974; }
.yellowtitle{color:#f6750a; font-size:16px;height:30px; line-height:30px; margin-bottom:20px;}
.about{ line-height:30px;}
.quality{ position:relative;}
.quality li{float:left; width:212px; height:302px;  margin-right:14px; border:1px solid #cccccc; margin-bottom:20px;}
.quality li a{ color:#ffffff; text-decoration:none;}

DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
div.digg li{ float:left;}
DIV.digg A {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #999999; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover { background:#034b85;COLOR: #ffffff; border:#1668a2;}

DIV.digg A:active {background:#d3362d;COLOR: #ffffff; border:#1668a2;}

DIV.digg SPAN.current {
BORDER-RIGHT:#034b85 1px solid; PADDING-RIGHT: 10px; BORDER-TOP:#034b85 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM:4px; MARGIN:2px; BORDER-LEFT: #034b85 1px solid; COLOR:#fff; PADDING-TOP:4px; BORDER-BOTTOM: #034b85 1px solid; BACKGROUND-COLOR:#034b85;
}

DIV.digg SPAN.disabled {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #cccccc; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid
}

/* Generic Utility */
.hide{position:absolute;top:-9999px;left:-9999px}

/* Specific to example one */

#example-one{}

#example-one .nav{overflow:hidden;margin:0 0 20px 0}
#example-one .nav li{width:250px;float:left;margin:0 20px 0 0;  }
#example-one .nav li.last{margin-right:0}
#example-one .nav li a{display:block;padding:5px;color:#d16912;font-size:16px;text-align:center;border:0; text-decoration:none;}
#example-one .nav li a:hover{background-color:#cccccc;}


#example-one ul li.nav-one a.current{ background: -webkit-linear-gradient(#0f5791, #88afcc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0f5791, #88afcc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0f5791, #88afcc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0f5791, #88afcc); /* 标准的语法 */color:#ffffff;  }
#example-one ul li.nav-two a.current{ background: -webkit-linear-gradient(#97ab56, #d5d4b6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#97ab56, #d5d4b6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#97ab56, #d5d4b6); /* Firefox 3.6 - 15 */
  background: linear-gradient(#97ab56, #d5d4b6); /* 标准的语法 */color:#ffffff; }
#example-one ul li.nav-three a.current{background: -webkit-linear-gradient(#9a2925, #cc5245); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#9a2925, #cc5245); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#9a2925, #cc5245); /* Firefox 3.6 - 15 */
  background: linear-gradient(#9a2925, #cc5245); /* 标准的语法 */color:#ffffff; }
  
  .productblue{  height:50px; background:#005395; color:#ffffff; line-height:50px; padding-left:20px; font-size:16px;}
  .productgreen{ height:50px; background:#a1b166; color:#ffffff; line-height:50px; padding-left:20px; font-size:16px;}
    .productred{ height:50px; background:#c94946; color:#ffffff; line-height:50px; padding-left:20px; font-size:16px;}
.plist {height:80px; border-bottom:1px solid #ffffff; line-height:80px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding-left:10px; padding-right:10px;}
.plist_r a{text-decoration:none; display:block; width:100px; height:30px; line-height:30px;  background: -webkit-linear-gradient(#0f5791, #88afcc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0f5791, #88afcc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0f5791, #88afcc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0f5791, #88afcc); /* 标准的语法 */ color:#ffffff; line-height:30px; text-align:center; 
  border-radius:3px; margin-top:25px; }
  .plist_m{margin-right:300px; margin-top:15px; width:110px; height:50px;}
  .plist_l a{text-decoration:none;}
.plist_r2 a{text-decoration:none; display:block; width:100px; height:30px; line-height:30px; background: -webkit-linear-gradient(#97ab56, #d5d4b6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#97ab56, #d5d4b6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#97ab56, #d5d4b6); /* Firefox 3.6 - 15 */
  background: linear-gradient(#97ab56, #d5d4b6); /* 标准的语法 */ color:#ffffff; line-height:30px; text-align:center; 
  border-radius:3px; margin-top:25px; }

.plist_r3 a{text-decoration:none; display:block; width:100px; height:30px; line-height:30px;background: -webkit-linear-gradient(#9a2925, #cc5245); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#9a2925, #cc5245); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#9a2925, #cc5245); /* Firefox 3.6 - 15 */
  background: linear-gradient(#9a2925, #cc5245); /* 标准的语法 */color:#ffffff; line-height:30px; text-align:center; 
  border-radius:3px; margin-top:25px; }



.news_list{width:100%;}
.news_list li{border-bottom:1px solid #ddd;padding:10px 0;height:130px; border-bottom:1px solid #ffffff;}

.news_list_title{font-size:16px;line-height:30px;margin-bottom:10px; color:#004a83; font-weight:bold;}

.news_list li .news_info{display:block;}
.news_list li .news_info_img{width:164px;height:90px;float:left;}
.news_list li .news_detial{width:600px;float:right;display:block;}
.news_list li .news_detial p{display:block;width:100%; height:60px; }

.plist_r4 a{text-decoration:none; display:block; width:100px; height:30px; line-height:30px;  background: -webkit-linear-gradient(#0f5791, #88afcc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0f5791, #88afcc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0f5791, #88afcc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0f5791, #88afcc); /* 标准的语法 */ color:#ffffff; text-align:center; 
  border-radius:3px;  }
  
.contact_r{width:750px; height:300px;}  
.contact_l{width:460px;}
  .contacttitle{font-size:20px; font-weight:bold; color:#004a83; height:50px; line-height:50px;}
  

.titlebg{background:url(../images/title.png) no-repeat; height:37px; line-height:37px; color:#ffffff; text-align:center; font-size:16px; margin-top:30px; margin-bottom:10px; width:1120px;}
.textarea{ height:170px; width:100%; border:1px solid #ccc; background:#eeeeee;}
.input01{ width:90%; height:34px; line-height:34px; border:1px solid #ccc; background:#eeeeee;}

.pro_r{ width:210px;}
.pro_l{ width:850px;}
.pro_r_title{height:45px; font-size:16px; padding-left:10px; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; color:#2b8cda; line-height:45px;}
.pro_r li a{height:40px; line-height:40px; text-decoration:none; background:url(../images/icon.png) no-repeat 2px; padding-left:15px;}
.pro_r  ul{ margin-bottom:10px;}
.pro_l_title{font-size:16px; font-weight:bold; color:#1668a2; height:50px;line-height:50px; text-align:center;}
.greybg{background:#eeeeee; height:30px; line-height:30px; width:98%; font-size:12px; padding-left:10px; margin-bottom:15px; text-align:center;}
.text{min-height:300px; line-height:30px;}
.tiao {font-size:12px; height:30px; line-height:30px;}

.videolist li{width:350px; height:230px; float:left;  margin-right:8px; margin-left:8px; margin-bottom:200px;}
.videolist li img{width:340px; height:188px;border:1px solid #cccccc; padding:5px;}
.videolist li p{height:32px; line-height:32px; text-align:center;}

.video{width:1000px; height:600px;  margin:20px auto;}
/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 50px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;

}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #e68a3d;
  border: 1px solid #e68a3d;
}
.pagination a.page-num-current {
  color: #fff;
  background: #e68a3d;
  border: 1px solid #e68a3d;
}
/* ----- PB分页数字条效果 结束 ----- */