﻿* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body {
  font-family: Arial, Tahoma, "微软雅黑";
  /*文字字体定义 */
  font-size: 14px;
  /*文字大小定义 */
}
p{line-height: 24px}
/* 网站超链接css通用设置 */
a {
  text-decoration: none;
  cursor:pointer;
}
/* 链接无下划线,有为underline */
a:link {
  color: #333333;
}
/* 未访问的链接 */
a:visited {
  color: #333333;
}
/* 已访问的链接 */
a:hover {
  color: #1055b6;
  text-decoration: none;
}
/* 鼠标在链接上 */
a:active {
  color: #333333;
}
input{
  outline: none;
  border: none;
}
/* 点击激活链接 */
img {
  border: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.backcolor{
  background: #1055b6;
}
.content{
  padding-bottom: 30px;
}
.clear {
  clear: both;
}
.clear::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*清除浮动*/
ul,
li,
dl,
dt,
dd,
table {
  list-style: none;
}
.wrap{
  width: 1200px;
  margin: 0 auto;
}
.size{
	width:1200px;
	margin:0 auto;
}
.ells{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.header{ height:188px; overflow:hidden; position:relative; z-index:6; background: url(../images/topbg_1.jpg) no-repeat center top;}
.topC{ color:#7d7d7d; padding:10px 0; }
.topc_l{float:left; height:70px; border-right:1px  solid #808080; padding:0 15px; color:#808080; font-size:16px; text-align:center;}
.topc_l img{vertical-align:middle; text-align:center;}
.topc_r{float:right; text-align:center; line-height:34px; font-size:16px;}
.topc_r h2{font-size:28px; font-weight:bold; color:#333333; padding:0 15px;}
.logo{float:left;display:inline;margin:10px 0 0 0;}
.topCR{float:right;display:inline;text-align:right;margin:22px 0 0 0; line-height:22px; color:#7d7d7d;}
.topCR a{ color:#7d7d7d;}
.topNavUl{ width:100%; background:#1055b6;  height:70px; }
.topNavUl ul{}
.topNavUl li{ height:70px;float:left;display:inline;width:110px;line-height:70px;text-align:center;}
.topNavUl li a{display:block;color:#ffffff;font-size:18px;font-family:Microsoft YaHei;}
.topNavUl li:hover, .topNavUl li.hover{color:#000000; background:#fd9c04;}
#SearchForm{width: 140px;height: 25px;border-radius: 15px;background: #093c83;line-height: 25px;font-size: 14px;color: #9A9A9A;border: none;outline: none;text-indent: 10px;float:left;margin-left:50px;margin-top:22px;}
input.txt{ width:100px; line-height:25px; background:none; border:none; color:#fff;}
#submit {
    width: 26px;
    height: 25px;
    background: url(../images/ser_1.png) no-repeat center center;
    cursor: pointer;
    border: none;
    outline: none;
}

.content{ overflow:hidden;position:relative; z-index:2;}
.banner{}
.main01Bg{ width:100%; margin:50px auto; overflow:hidden;}
.main01{}
.por_l{width:226px;  }
.por_l ul{margin:0px 8px; background:#fff;border-radius: 15px; }
.pro_menu{background:#034bb1;}
.pro_menu ul li{line-height:32px; border-bottom:1px solid #dcdcdc; background:url(../images/jt_1.png) no-repeat 15px center; }
.pro_menu ul li:hover a{ color:#034bb1; cursor:pointer;
font-size:18px;
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);	
}
.pro_menu ul li a{font-size:16px; line-height:32px; text-indent:45px; color:#333333; display:block;}
.pro_menu ul li:last-child{border-bottom:none;}
.cotact{margin-top:50px;background:#034bb1;}
.cotact p{ line-height:25px; text-indent:18px; color:#333333; font-size:14px;}
.cont_txt{padding:30px 0;}

.pro_r{float:right; width:970px;}
.pro_r ul li{float:left; width:281px; overflow:hidden; margin-left:40px; background:#fcfcfc; margin-bottom:20px; border:1px solid #c9c9c9; box-shadow:0px 5px 10px #dcdadb;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.pro_r ul li img{width:281px; height:218px;}
.pro_r ul li span{color:#a40001; font-size:18px; line-height:35px; padding:10px 10px  0px; display:block; }
.pro_r ul li p{color:#4c4c4c; font-size:14px; line-height:25px;  padding:10px 10px;}
.pro_r ul li:hover{
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px);			
}

.main02Bg{ width:100%; height:511px; background:url(../images/bg_04_1.jpg) no-repeat top center; overflow:hidden;}
.main02{ overflow:hidden; padding:25px 0px;}
.main02 .about_txt{ width:590px; height:290px; float:right; margin-top:120px; color:#fff;  margin-right:30px; padding:0 20px;}
.about_txt h2{font-size:28px;  font-weight: bold; padding:25px 0; text-align:center;}
.about_txt p{font-size:16px; line-height:28px;}
.about_txt .amore{ cursor:pointer;width:125px; height:35px; line-height:35px; background:#e14c4d; display:block; float:right; text-align:center; color:#fff; font-size:16px; }

.new{ width:370px; height:400px; float:right; display:inline; background:url(../images/news_1.png) no-repeat left top;}
.new ul{ width:310px; margin-left:50px; margin-top:80px; height:250px; overflow:hidden;}
.new ul li{ list-style-type:none; height:30px; line-height:30px; padding-top:20px;}
.new ul li a{ width:220px; display:block; height:30px; overflow:hidden; float:right; color:#7a7a7a; font-size:12px;}
.new ul li .date{ width:80px; display:block; color:#FFF; background:url(../images/new_date_1.png) no-repeat left center; text-indent:14px;}


.main03{  margin:50px auto;font-family:Microsoft YaHei;}
.picScroll-left{  overflow:hidden; position:relative; margin-top:20px;   }
.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-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_1.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;  margin-right:45%;}
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle_1.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; height:360px; }
.picScroll-left .bd ul li{width:285px; height:337px; background:#f2f2f2; margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center;box-shadow:8px 8px #aaaaaa   }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:285px; height:220px; display:block;  padding:2px; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;   }
.picScroll-left .bd ul li:hover .pic  a img{transform:scale(1.2, 1.08); opacity:1; }
.picScroll-left .bd ul li .title{ line-height:24px;  }
.picScroll-left .bd ul li .title a{ line-height:55px; font-size:18px; color:#a40001; display:block; }
.picScroll-left .bd ul li .title a p{color:#333333; font-size:14px;}

.main04Bg{ background:#f5f5f5; overflow:hidden; margin-bottom:50px;}
.main04{margin:40px auto;}
.newlist{width:700px; float:left;}
.main04 h2{ overflow:hidden;}
.main04 .title{width:110px; height:35px; line-height:35px; display:block; float:left; text-align:center; font-size:20px; background:#034bb1; color:#fff;}
.main04 .amore{background:url(../images/amore_1.jpg) no-repeat right center; padding: 10px  35px; font-size:14px; color:#333333; float:right;}
.newlist ul{ padding:30px 10px;}
.newlist ul li{line-height:35px; height:35px; background:url(../images/jt_1.png) no-repeat 0px center; border-bottom:1px dotted #c7c7c7;}
.newlist ul li a{text-indent:35px; display:block; font-size:16px; color:#333; float:left; }
.newlist ul li span{width:20%; color:#333; font-size:16px; padding-left:35px;}
.newlist ul li:hover a{color:#034bb1;}

.honor{width:430px; float:right;}
.honor .title{background:#a50000;}
.picScroll-left2{ position:relative; padding:30px 10px; width:325px; margin:0 auto;  }
.picScroll-left2 .hd{ overflow:hidden;  height:30px;  padding:0 10px; position:absolute; top:100px; width:100px; }
.picScroll-left2 .prev,.picScroll-left2 .next{ display:block;  width:17px; height:23px;  margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; position:absolute;}
.picScroll-left2  .prev{ background:url(../images/pre_1.jpg) no-repeat; top:45%; left:-25px;}
.picScroll-left2  .next{ background:url(../images/nex_1.jpg) no-repeat;top:45%; right:-25px;}
	 
.picScroll-left2 .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;  margin-right:45%;}
.picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle_1.gif") 0 -9px no-repeat; }
.picScroll-left2 .hd ul li.on{ background-position:0 0; }
.picScroll-left2 .bd{   }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{width:325px; background:#f2f2f2; margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left2 .bd ul li .pic{ text-align:center; }
.picScroll-left2 .bd ul li .pic img{ width:325px; height:205px;  }
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;   }
.picScroll-left2 .bd ul li .title{ line-height:24px;   }


/*footer*/
.footer{width:100%; overflow:hidden;font-family:Microsoft YaHei; background:#222222;}
.footer .min{padding:30px  0px;}
.footer .min .nav{width:956px; float:right; color:#fff;}
.footer a{color:#fff;}
.footer .nav>ul>li{border-right:1px solid #1a1a1a; width:216px; float:left; text-indent:5px; height:225px; text-align:center}
.footer .nav >ul>li> a{font-size:18px; font-weight:bold;}
.footer .nav li ul{margin-top:30px;}
.footer .nav li ul li{line-height:25px;}
.footer .nav li ul li a{font-size:14px; display:block;}

.footer02{ background:#e1e1e1; border-top:1px solid #1069a8;}

.foot{ width:100%; text-align:center; color:#fff; font-size:12px; line-height:60px; background:#000000;}
.foot a{ color:#6c6c6c; padding-left:20px;color:#fff;}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {line-height:1; display: inline-block;}
.flex-direction-nav a.flex-next:before  {}
.flex-direction-nav a{ display:none;}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute;bottom:15px; text-align:center;}
.flex-control-nav li {margin: 0 10px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:19px; height: 19px; display: block; background: #666; background:url(../images/ban-an_09.png) no-repeat; cursor: pointer;line-height:0;font-size:0;overflow:hidden;border-radius:20px}
.flex-control-paging li a.flex-active { background: #000; background:url(../images/ban-an_09.png) no-repeat; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}


