@charset "gb2312";
 
* { margin:0; padding:0; list-style:none; }
body { font-size:12px; font-family:"宋体"; }
img { border:none; }
/*常用类*/
.layout_center { width:1400px; margin:0 auto; }
.float_left { float:left; }
.float_right { float:right; }
.float_clear { clear:both; }
.red { color:red; }
.blue { color:blue; }
.gray { color:gray; }
.text_align_center { text-align:center; }
p { line-height:26px; }
a { color:#000; text-decoration:none; }
a:hover { color:#FF3333; text-decoration:none; }
/*头部*/
#top_main { height:100px; background:url(images/doc-bg[1].jpg) top center no-repeat; }
#top { height:100px; }
#logo { height:100px; width:600px; float:left; }
#site_name { height:100px; width:500px; float:left; background:url(images/site_name.jpg) no-repeat; }
#top_menu { height:80px; width:280px; float:right; text-align:right; padding-top:20px; }
/*导航栏*/
#navigation_main { margin:0 auto;background:url(images/navigation_bg.jpg) repeat-x; }
#navigation { height:40px; }
#navigation li { position:relative;padding:0 2px 3px 0;float:left; line-height:40px; text-align:center; }
#navigation li a { width:100px; display:block;font-size:14px; color:#FFF; }
#navigation li a:hover { background:url(images/navigation_hover.jpg) center no-repeat; text-decoration:none; }
/*幻灯*/
#banner_main { padding:5px 0; }
#banner { height:290px;width:970px; }
/*主体*/
#content_main {width:1400px;margin:0 auto;}
#content { }
/*主体左侧*/
/*主体左侧*/
#left { float:left; width:230px;margin-top:12px; }
.left_title { background:#447f38; text-align:left; line-height:40px; padding:15px; }
.left_title h2 { font-size:16px; color:#FFF; }
.left_body { padding:5px 10px; overflow:hidden; zoom:1; border:1px solid #D7D7D7; border-top:none; }
.left_body dl dt { line-height:45px;   font-size:14px; padding:1px 0; }
.left_body dl dt a { background:#EDEDED; display:block; padding-left:15px; }
.left_body dl dt a:hover { background:#447f38; display:block; padding-left:15px; color:#FFFFFF; text-decoration:none; }
.left_body dl dd { line-height:20px; padding-left:15px; border-bottom:1px dashed #D0D0D0; }
.left_bottom { height:10px; }
/*主体右侧*/
#right {margin-top:12px;float:right; width:1160px; background:#fff; }
.right_title {  height:50px; line-height:50px; padding:0 10px;     }
.right_title h2 {  font-size:16px; margin-left:20px; border-bottom:#447f38  solid 2px; width:150px;}
.right_body { padding:10px; overflow:hidden; zoom:1;   }
.right_bottom { height:10px; }
/*主体右侧*/
#right2 {margin-top:12px;float:right; width:1400px; background:#fff; }
.right_title2 {  height:50px; line-height:50px; padding:0 10px; border-bottom:1px solid #d7d7d7;    }
.right_title2 h2 {  font-size:16px; margin-left:20px; }
.right_body { padding:10px; overflow:hidden; zoom:1;   }
.right_bottom { height:10px; }
/*友情链接*/
#link_img_main { }
#link_img { background:#FFF; text-align:center; }
#link_img img { padding:2px; border:1px solid #0459C6; }
#link_img a:hover img { border:1px solid #BF006A; }
#link_text_main { }
#link_text { border-top:1px solid #0459C6; background:#FFF; text-align:center; line-height:36px; }
/*版权信息*/
#copyright_main { background:url(images/copyright_main_bg.jpg) top repeat-x; border-top:1px solid #0459C6; margin-top:3px; }
#copyright { padding:5px 0; text-align:center; }
/*产品相关*/
.products li { float:left; text-align:center; padding:4px; margin:6px;   box-shadow: 0 0 0 rgba(0, 0, 0, 0); /* 初始没有阴影 */  transition: box-shadow 0.5s; /* 变化时间为0.5秒 */}
.products li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 鼠标经过时显示阴影 */}
.products img { padding:4px;    }
.products img:hover{ transition: transform 0.5s ease; transform: scale(1.05); }

.products a { line-height:32px; font-size:14px; }
.products_title { text-align:center; font-size:16px; padding:10px; }
.products_info { text-align:center; border-bottom:1px dashed #c9c9c9; padding:10px; }
.products_img { text-align:center; padding:10px; }
.products_img img { max-width:1000px; }
.products_next { padding:5px; border:1px dashed #333; }



.rounded-box {
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0); /* 初始没有阴影 */
  transition: box-shadow 0.5s; /* 变化时间为0.5秒 */
}
 
.rounded-box:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 鼠标经过时显示阴影 */
}



/*实景展示*/
.photo li { float:left; text-align:center; padding:4px; width:170px; height:150px;   }
.photo img { padding:4px; border:1px solid #999999; }
.photo a:hover img { border:1px solid #BF006A; }
.photo a { line-height:22px; }
.photo_title { text-align:center; font-size:16px; padding:10px; }
.photo_info { text-align:center; border:1px dashed #666; padding:10px; }
.photo_img { text-align:center; padding:10px; }
.photo_img img { max-width:600px; }
.photo_next { padding:5px; border:1px dashed #333; }
/*新闻相关*/
.news li { line-height:46px; font-size:14px; border-bottom:1px dashed #999999; padding-left:10px; background:url(images/li_ico.jpg) left no-repeat; }
.news_title { text-align:center; font-size:16px; padding:10px; }
.news_content { padding:10px; }
.news_info { text-align:center; border-bottom:1px dashed #c9c9c9; padding:5px; }
.news_next { padding:5px; border:1px dashed #333; }
/*留言板*/
.guestbook { border-collapse:collapse; width:100%; margin-top:10px; }
.guestbook th { padding:5px; border:0px solid #CCC; text-align:center; }
.guestbook td { padding:5px; border:0px solid #CCC; }
input, textarea, select { border:1px solid #CCC; font-size:12px; padding:5px;border-radius: 5px ; }
textarea { border-radius: 5px ; }
/*人才招聘*/
.recruitment { border-collapse:collapse; width:100%; margin-top:10px; }
.recruitment th { padding:5px; border:1px solid #d7d7d7; text-align:center; }
.recruitment td { padding:5px; border:1px solid #d7d7d7; }
/*分页*/
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#6F6F6F; color:#FFF; }
#total { color:red; }
.diline {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8CD7F7;
}
.labout {
	font-size: 14px;
	font-weight: bold;
	color: #1B4894;
	padding-top: 11px;
	padding-left: 54px;
}
.lpro {
	font-size: 14px;
	font-weight: bold;
	color: #1B4894;
	padding-top: 8px;
	padding-left: 54px;
}
.lnews {
	font-size: 14px;
	font-weight: bold;
	color: #1B4894;
}
.proclassline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #9DDDF8;
	border-right-color: #9DDDF8;
	border-bottom-color: #9DDDF8;
	border-left-color: #9DDDF8;
}


.hz{}
.title1{
    font-size: 46px; margin-bottom:10px; margin-top:30px;
    color: #333;
    text-align: center;
    background: url(/images/line2.jpg) no-repeat center bottom;
    line-height: 100px;
}
.title2{
    font-size: 36px; margin-bottom:10px; margin-top:30px;
    color: #333;
    text-align: center;
     line-height: 100px;
}
.pro_tit{text-align: center;background: url(images/tit.png) no-repeat center 10px;color: #888;font-size: 20px;height: 76px;position: relative;text-transform:uppercase; margin:6px auto; width:1200px; padding-bottom:12px;}
.pro_tit h3{color: #2e2e2e;font-size: 26px;}
.pro_tit a{position: absolute;right: 0px;bottom:0px;color: #333;font-size: 13px;}



.daoshang{width:100%;background:#f4f4f4;padding:30px 0; height:80px;}
.daoshangl{float:left;box-sizing:border-box;padding-left:0px;font-size:18px}
.daoshangl span{color:#1999fa}
.daoshangr{float:right;background:url(../images/address.png) left center no-repeat;box-sizing:border-box;padding-left:25px;font-size:15px}
.daoshangr span{color:#d81e06;font-size:16px}

.container{width:1200px;margin:0 auto}











  
 
/*发展历程*/
.cHist-top{padding:1.02rem 0 1.06rem;text-align:center;color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.cHist-top .t1{line-height:53px;font-size:42px;}
.cHist-top .t2{line-height:22px;margin:15px 0 0;}
.cHist-wrap{width:900px;padding:0 0 .6rem;margin:0 auto;}
.cHist-wrap ul{display:block;padding:55px 0 32px;background:url(images/chist-line.png) repeat-y 127px top;position:relative;}
.cHist-wrap ul li{display:block;background:url(images/chist-bg.png) no-repeat 119px 11px;margin:15px 0 0;}
.cHist-wrap ul li .date{height:30px;line-height:30px;color:#666666;float:left;margin:5px 0 0;}
.cHist-wrap ul li .date .year{font-size:24px;font-weight:600;color:#333;margin:0 5px 0 0;}
.cHist-box{width:750px;padding:0 0 0 9px;position:relative;float:right;}
.cHist-box .orn{display:block;width:10px;height:14px;background:url(images/chist-bg2.png) no-repeat left center;position:absolute;left:0px;top:13px;}
.cHist-box .cHist-block{display:table;width:100%;height:92px;padding:0 .25rem;background:#fff;border:1px solid #e5e5e5;}
.cHist-block .cHist-con{display:table-cell;vertical-align:middle;color:#666666;line-height:28px;overflow-y:auto; font-size:14px; padding:10px;}
.cHist-wrap ul li.last{width:18px;height:18px;border:2px solid #d5d5d5;border-radius:100%;background:#f9f9f9;position:absolute;bottom:0px;left:119px;}


.cHist-wrap ul li:hover .cHist-box .cHist-block{background:#447f38;}
.cHist-wrap ul li:hover .cHist-box .cHist-block .cHist-con{color:#f4f4f4;}

.anniu{}
.anniu ul{}
.anniu ul li {transition: box-shadow 0.5s;}
.anniu a { background:#447f3b; color:#FFFFFF; padding:15px 55px 15px 55px ; transition: border-radius 0.3s ease-in-out; }
.anniu a:hover { background:#447f3b; color:#FFFFFF;   border-radius: 15px ; text-decoration:none;}

.anniu2{}
.anniu2 ul{}
.anniu2 ul li {transition: box-shadow 0.5s;}
.anniu2 a { background:#fff url(images/a1.png) no-repeat 24px 12px; color:#000; padding:15px 55px 15px 55px ; border-radius: 15px ;  transition: background-color 0.7s}
.anniu2 a:hover { background:#447f3b url(images/a2.png) no-repeat 24px 12px; color:#FFFFFF;   border-radius: 15px ; text-decoration:none;}




.num-index{
  border-top: 1px solid rgba(0,0,0,0.08);
  padding-top: 2.0625vw;
}
.rounded-box {
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0); /* 初始没有阴影 */
  transition: box-shadow 0.5s; /* 变化时间为0.5秒 */
}
 
.rounded-box:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 鼠标经过时显示阴影 */
}


.nlist li{
  padding-left: 1.1vw;
  width: 33%; text-align:center;
}

.nlist li .num1{
  font-weight: 600; text-indent:8px;
  color: #447f3b;
  font-size: 50px;
  font-family: "Impact";
  line-height: 1;  
}

.nlist li .num2{
  color: #000;
  font-size: 16px;
  padding: 0.78125vw 0;
}
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.xuanze{ width:1400px; margin:0 auto;}
.xuanze ul{ height:auto;}
.xuanze ul li { width:320px; height:330px; float:left; margin:20px 15px 20px 15px;  display:block;   border-radius: 15px ; background:#FFFFFF; transition: background-color 0.8s;   }
.xuanze ul li:hover {  transition:all ease-in-out 0.3s;transform:translateY(-15px); }


.xinwen{ width:1400px; margin:0 auto; padding-top:40px; clear:both; height:530px;}
.xinwen ul {}
.xinwen li img{ width:440px; height:400px;   }
.xinwen li img:hover{ transition: transform 0.5s ease; transform: scale(1.08); }
.xinwen li .txt{text-align:center;height:50px;line-height:50px; }
.xinwen ul li{ width:440px; background:#FFFFFF; margin-left:10px; margin-right:10px; float:left; display:block; }
.xinwen ul li:hover{ transition:all ease-in-out 0.3s;box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.5);}
.xinwen ul li:hover h3:after{ opacity:1;right:5px;transition:all ease-in-out 0.3s}



.xinwen2{  margin:0 auto; padding-top:40px; clear:both; }
.xinwen2 ul {}
.xinwen2 li img{ width:360px; height:360px;   }
.xinwen2 li img:hover{ transition: transform 0.5s ease; transform: scale(1.1); }
.xinwen2 li .txt{text-align:center;height:50px;line-height:50px; }
.xinwen2 ul li{ width:360px;overflow:hidden; background:#FFFFFF; margin-left:10px; margin-right:10px; float:left; display:block; }
.xinwen2 ul li:hover{ transition:all ease-in-out 0.3s;box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.5);}
.xinwen2 ul li:hover h3:after{ opacity:1;right:5px;transition:all ease-in-out 0.3s}



.tut{ width:440px; height:400px;  overflow:hidden; margin-bottom:20px;  }

/*服务项目*/
.team{width:100%;padding:58px 0 ;   }
.team-con{width:100%;margin-top:40px}

.team-con { width:100%; left:0px; right:10px;top:20px;position:relative; }
.team-con  .hd{  height:0px; position:relative}
.team-con  .hd .prev{ z-index:9;display:block;  width:16px; height:30px;overflow:hidden;position:absolute;cursor:pointer; background:url("../images/left4.png") no-repeat;left:0;top:150px}
.team-con  .hd .next{ z-index:9;display:block;  width:16px; height:30px;overflow:hidden;position:absolute;cursor:pointer; background:url("../images/right4.png") no-repeat;right:0;top:150px}
.team-con  .hd .prev:hover{background:url("../images/left4-1.png") no-repeat;}
.team-con  .hd .next:hover{background:url("../images/right4-1.png") no-repeat;}
.team-con  .hd .prevStop{ background-position:-60px 0; }
.team-con  .hd .nextStop{ background-position:-60px -50px; }


.team-con  .bd{ overflow:hidden;padding:0 30px}
.team-con  .bd ul{ overflow:hidden; zoom:1; }
.team-con  .bd ul li{margin-top:25px;float:left; margin-left:5px;margin-right:5px;display:inline; width:276px !important;overflow:hidden;background:#fff;box-sizing:border-box;padding:10px 10px 10px 10px;transition:all ease-in-out 0.3s;text-align:left;height:420px; }
.team-des {width:100%;box-sizing:border-box;padding:0 22px}
.team-con   h2{font-size:16px;color:#323232;margin-bottom:10px; font-weight:bold;}
.team-con  .picScroll-left .bd ul li p{font-size:14px;color:#777777;line-height:25px;margin-bottom:15px;height:75px;overflow:hidden}


.team-img{width:260px;height:260px;overflow:hidden;margin:0 auto; overflow:hidden;margin-bottom:20px;  }
.team-img img{width:260px;height:260px; }

.team-con .picScroll-left .bd ul li:hover{transition:all ease-in-out 0.3s;transform:translateY(-15px);transition:all ease-in-out 0.3s;box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);}
.team-con  .picScroll-left .bd ul li:hover  h3:after{opacity:1;right:5px;transition:all ease-in-out 0.3s}
.container{width:1200px;margin:0 auto}

.newsname { font-size:14px; font-weight:bold;}



.text-container {
  opacity: 0;
  transform: translateX(-100px) scale(0.5);
  animation: fly-in 2s forwards;
}
 
@keyframes fly-in {
  0% {
    opacity: 0;
    transform: translateX(-100px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}