@charset "utf-8";
/* CSS Document */
.left1{ width:20%; height:auto; border:1px solid #8f99a1; float:left; background:url(../images/left.jpg) no-repeat; background-position:right bottom; background-size:100px; border-radius:5px;}
.leftop{ width:100%; height:40px; background:#8f99a1; color:#fff; text-align:center; line-height:40px; font-size:18px;  }
.leftop a{ color:#fff;}
.leftz{ width:100%; height:auto; border-bottom:1px solid #8f99a1; min-height:30px; }
.leftz ul li{  text-align:center; width:100%; height:30px; line-height:30px;}
.leftz ul li a{color:#8f99a1; font-size:15px;}
.leftz ul li:hover{ background:#8f99a1}
.leftz ul li:hover a{ color:#fff; font-weight:bold}

.left2{ width:100%; min-height:150px; color:#555;  }
.lx{ line-height:24px; font-size:14px; margin-left:10px;}
.box1{ width:78%; float:right; min-height:500px;}
.title1{ width:100%; height:30px; border-bottom:1px solid #8f99a1; float:left; line-height:30px; font-size:16px;margin-bottom: 10px;}
.position{ width:100%; float:left;}
.con{ width:100%; line-height:20px; font-size:15px; padding-top:20px; color:#353434}
.con ul li{ float:left; margin-left:1%; width:32%; margin-bottom:2%; margin-top:1%; overflow:hidden;  }
.con ul li p{ text-align:center; padding-top:5px; color:#1e1e1d}
.con ul li:hover img{ transform: scale(1.2);  transition: all 0.2s ease 0s; }
.con ul li:hover p{ color:#8f99a1}
/**/
  .con1{ width:100%; height:auto}
		   .con1 ul li{ width:30%; height:240px; float:left; margin-left:2%; margin-top:2%;}
            .cp{ width:98%; height:210px; overflow:hidden; border:1px solid #8f99a1} 
			.pm{ wodth:100%; height:30px; line-height:30px; text-align:center}
			.cp img{ width:100%; height:210px; }
			.cp:hover img{   transform: scale(1.2);  transition: all 0.5s ease 0s;  }


.cp:hover .pm{  color:#8f99a1  }



.cl{ clear:both}
.clear{ clear:both}
.container{ width:1200px; position:relative; margin:0 auto;}
.title {
  text-align: center;
}
.title em {
  font-style: normal;
  font-family: arial;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 80px;
  color: #f4f4f1;
  opacity: 0.7;
}
.title h3 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 36px;
  margin-top: -50px;
}
.title h3 span {
  font-size: 26px;
  font-weight: normal;
}
.title p {
  margin-top: 12px;
  color: #999;
}
.home_head {
  width: 100%;
  position: relative;
}
.home_head .top {
  background: #f47204;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
}
.home_head .top .text {
  float: left;
}
.home_head .top .language {
  margin-left: 20px;
  float: right;
}
.home_head .top .language a {
  color: #6e91c2;
}
.home_head .top .language a.cur,
.home_head .top .language a:hover {
  color: #9fc1f1;
}
.home_head .top .tel {
  float: right;
  margin-left: 24px;
  
  padding-right: 22px;
}
.home_head .header {
  padding: 25px 0 0;
  position: relative;
  z-index: 9;
}
.home_head .header .logo {
  display: block;
  float: left;
  margin-bottom: 25px;
}
.home_head .header .nav {
  float: right;margin-top: 12px;
}
.home_head .header .nav ul li {
  float: left;
  text-align: center;
  padding: 0 20px 29px;
  line-height: 42px;
  transition: all .5s;
  position: relative;
}
.home_head .header .nav ul li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 18px;
  width: 1px;
  height: 7px;
  background: #ebebeb;
}
.home_head .header .nav ul li a {
  display: block;
  color: #333333;
  font-size: 16px;
  border-bottom: 2px solid #fff;
  transition: all .5s;
}
.home_head .header .nav ul li:last-child {
  padding-right: 0;
}
.home_head .header .nav ul li:last-child:before {
  display: none;
}
.home_head .header .nav ul li .navbox{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #fff;
	display: none;
}
.home_head .header .nav ul li .navbox a{
	display: block;
}
.home_head .header .nav ul li .navbox a:hover{
	color: #1c5ca9;
}
.home_head .header .nav ul li:hover > a,
.home_head .header .nav ul li.cur a {
  color: #f47204;
  border-bottom: 2px solid #f47204;
}
.home_head .navbtn {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 4%;
  margin-top: -2%;
  overflow: hidden;
  z-index: 999;
  line-height: 0;
  display: none;
}
.footer {
  background: #f47204;
  padding: 30px 0 0;
}
.footer .footer-top {
  padding-bottom: 20px;
}
.footer .footer-top .footer-nav ul li {
  float: left;
  width: 155px;
}
.footer .footer-top .footer-nav ul li span {
  display: block;
  color: #ececec;
  font-size: 16px;
}
.footer .footer-top .footer-nav ul li > div {
  margin-top: 5px;
}
.footer .footer-top .footer-nav ul li > div a {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.footer .footer-top .footer-nav ul li > div a:hover {
  text-decoration: underline;
}
.footer .footer-top .right span {
  display: block;
  color: #fff;
  font-size: 16px;
}
.footer .footer-top .right .dz {
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.footer .footer-top .right .ewm {
  text-align: center;
}
.footer .footer-top .right .ewm > div {
  margin-top: 10px;
  width: 102px;
  float: left;
  margin-right: 8px;
}
.footer .footer-top .right .ewm > div em {
  display: block;
  width: 102px;
  height: 102px;
}
.footer .footer-top .right .ewm > div p {
  margin-top: 8px;
  color: #fff;
  font-size: 14px;
}
.foot-bottom {
  border-top: 1px solid #2f5c9a;
  padding: 20px 0;
  color: #6e91c2;
  font-size: 14px;
  background: #f47204;
}
.foot-bottom span {
  float: left;
}
.foot-bottom a {
  float: right;
  color: #6e91c2;
}
.banner img {
  width: 100%;
}
.banner .slick-prev,
.banner .slick-next {
  width: 54px;
  height: 54px;
  margin-top: -27px;
  border: none;
}
.banner .slick-prev {
  background: url(../images/prev.png) no-repeat center center;
  left: 3%;
}
.banner .slick-next {
  background: url(../images/next.png) no-repeat center center;
  right: 3%;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-prev,
.slick-next {
  z-index: 20;
  position: absolute;
  display: block;
  height: 60px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  border: 1px solid red;
}
.slick-prev {
  left: 30px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 30px;
}
.slick-next {
  right: 30px;
}
[dir="rtl"] .slick-next {
  left: 30px;
  right: auto;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  height: auto;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #cccccc;
  border-radius: 0px;
}
.slick-dots li.slick-active button {
  background: #333333;
}




.tabPanel ul{height:240px; margin-top:20px;  } 
.tabPanel ul li{
	float:left;margin:10px 2px 0 0;font-size:15px;height:39px;line-height:40px;width:120px;text-align:center;cursor:pointer;

	border-radius:4px 4px 0 0;
	color:#fff;
	background:#8f99a1;

	
}
.tabPanel .hit{
	cursor:pointer;color:black;
	background:#fff;
	

}
.pane{border-top:0; height:auto; display:none; width:100%;}
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}
.pane ul li {
  width: 30%;
  height: 240px;
  float: left;
  margin-left: 2%;
  background: #fff;
  margin-top: 2%;
}
.pat {
  width: 100%;
  height: 210px;
  overflow: hidden;
  border: 1px solid #8f99a1;
}

.pap {
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.pat:hover img{

  transform: scale(1.2);
  transition: all 0.5s ease 0s;

}
.tabPanel ul{height:40px; margin-top:20px; } 
.tabPanel ul li{
	float:left;margin:10 2px 0 0;font-size:15px;height:39px;line-height:40px;width:120px;text-align:center;cursor:pointer;

	border-radius:4px 4px 0 0;
	color:#fff;
	background:#8f99a1;
		

}
.tabPanel .hit{
	cursor:pointer;color:black;
	background:#fff;
	

}
.pane{border-top:0; height:auto; display:none; width:100%;}
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}