/* CSS Document */
body{ color:#333; font-size:12px;}

*{ margin:0; padding:0;}
* + html {
  z-index: 1;
}

ul,li{ list-style:none;}
img{ border:none;}
a{ color:#2E2E2E; text-decoration:none;}
a:hover{ text-decoration:none; color:#2E2E2E;}
.fr{ float:right}
.fl{ float:left}
.c{ clear:both;}
h1,h2,h3,h4,h5,h6,h7,h8{ font-weight:normal;}
.f36{font-size:36px; }
.f24{font-size:24px; }
.f11{font-size:11px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f22{font-size:22px; }
.f21{font-size:21px; }
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f32{font-size:32px; }

.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.l20{ line-height:20px;}
.l22{ line-height:22px;}
.l24{ line-height:24px;}
.l26{ line-height:26px;}
.l28{ line-height:28px;}
.l30{ line-height:30px;}
.l34{ line-height:34px;}
.l44{ line-height:44px;}
.l54{ line-height:54px;}
.l60{ line-height:60px;}

.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}

.container{ width:1200px; margin:0 auto;}
.container1{ width:1130px; margin:0 auto;}
.container2{ width:1100px; margin:0 auto;}

/*头部*/
.topper{width:100%; height:35px; line-height:35px; background:#F1F1F1; font-size:12px; color:#666;}
.topper a{ color:#666;}
.header{ width:100%; padding:25px 0;}
.logo{} 
.logo img{}
.l_ms{margin-left:25px; padding-left:25px; border-left:1px solid #EEEEEE;line-height:25px; font-size:18px; color:#444; margin-top:10px;}
.l_ms span{ color:#27AC94; font-weight:bold;}
.phone{ background:url(/template/pc/skin/img/icon7.png) no-repeat center left; padding-left:60px;margin-top:10px; height:55px; color:#999;}
 
/*导航栏*/
.nav_bg{ width:100%; background:#27AC94;}
.nav{ width:1200px; margin:0 auto; }
.nav li{ float:left; width:171px; height:55px; line-height:55px; background:url(/template/pc/skin/img/nav_xian.jpg) no-repeat center right;}
.nav li:last-child{ background:none;}
.nav li a{ float:left;display:block; width:171px; height:55px; text-align:center; line-height:55px; font-size:15px; color:#FFF}
.nav li a:hover{ font-weight:bold; background:#333}
.nav li a.cur{ font-weight:bold; background:#333}


/*标题*/
.Index_tit{ text-align:center;}
.Index_tit h3{ color:#292929; font-size:48px; }
.Index_tit h3 span{ color:#27AC94;}
.Index_tit h4{ font-size: 18px; color: #27AC94;}
.Index_tit1{ text-align:center;}
.Index_tit1 h3{ color:#fff; font-size:48px; }
.Index_tit1 h4{ font-size: 18px; color: #fff; margin-top: 10px; }


/*产品中心*/
.Index_pro{ padding:80px 0;}
.Product{ margin-top:40px;}
.Index_pro .profl_list{ width:240px; margin-right:40px; background:#F4F4F4;}
.Index_pro .profl_list li{ height:77px; line-height:77px; border-bottom:1px solid #fff; text-align:center;}
.Index_pro .profl_list li:last-child{ border-bottom:0;}
.Index_pro .profl_list li a{ display:block; height:77px; line-height:77px; color:#666; font-size:15px;}
.Index_pro .profl_list li:first-child a{ background:#27AC94; color:#fff;}
.Index_pro .profl_list li:hover a{ background:#27AC94; color:#fff;}

.pro_list{ width:920px;}
.pro_list li{ float:left; width:290px; margin-right:22px; border:1px solid #dddddd; margin-bottom:22px}
.pro_list li:nth-child(3n){ margin-right:0;}
.pro_list li a{ display:block;} 
.pro_list li img{ width:290px; height:218px;}
.pro_list li span{ display:block; font-size:15px; text-align:center; line-height:40px;}
.pro_list li:hover{ border:1px solid #27AC94;}
.pro_list li:hover a{ color:#27AC94}

/*用途*/
.Index_yt{ background:url(/template/pc/skin/img/yt_bg.jpg) no-repeat center; padding:100px 0;}
.yt_Inf{ width:550px;}
.yt_Inf h3{ font-size:38px; color:#fff;}
.yt_Inf h4{ font-size:16px; color:#999; margin-top:30px;}
.yt_Inf .yt_list{}
.yt_Inf .yt_list li{ float:left; width:250px; background:url(/template/pc/skin/img/yt01.png) no-repeat; height:77px; margin:50px 50px 0 0;}
.yt_Inf .yt_list li.li2{ margin-right:0;}
.yt_Inf .yt_list h5{ padding:5px 0 5px 89px; color:#fff; font-size:16px; font-weight:bold;}
.yt_Inf .yt_list p{ padding-left:89px; color:#fff; font-size:14px;}
.yt_Inf .yt_list li:nth-child(2){ background:url(/template/pc/skin/img/yt02.png) no-repeat;}
.yt_Inf .yt_list li:nth-child(3){ background:url(/template/pc/skin/img/yt03.png) no-repeat;}
.yt_Inf .yt_list li:nth-child(4){ background:url(/template/pc/skin/img/yt04.png) no-repeat;}
.yt_Inf .yt_tel{ margin-top:50px; background:url(/template/pc/skin/img/yt_tel.png) no-repeat left center; padding-left:45px; color:#fff; font-size:22px; line-height:37px;}
.yt_Inf .yt_tel span{ font-weight:bold; font-size:32px;}
/*关于我们*/
.Index_ab{ width:550px; }
.Index_ab p{ font-size:16px; line-height:30px; color:rgba(255,255,255,0.9); padding-bottom:30px;}
.Index_ab img{ width:550px;}

/*优势*/
.Index_ys{ margin:80px 0;}
.Index_ys .ys_list{ margin-top:50px;}
.Index_ys .ys_l{ background:url(/template/pc/skin/img/ys_bg.png) no-repeat top left; padding:95px 0 0 43px; width:600px;}
.Index_ys .ys_l li{ margin-bottom:30px;}
.Index_ys .ys_l li .ys_num{ width:88px; height:88px; background:url(/template/pc/skin/img/ys_num.png); line-height:88px; font-size:24px; text-align:center;}
.Index_ys .ys_l li .ys_des{ width:480px; }
.Index_ys .ys_l li .ys_des span{ display:block; font-size:12px; text-transform:uppercase; color:#999;}
.Index_ys .ys_l li .ys_des h3{ font-size:28px;}
.Index_ys .ys_l li .ys_des i{ display:block; width:40px; height:3px; background:#27AC94; margin:5px 0 15px 0;}
.Index_ys .ys_l li .ys_des p{ color:#666; line-height:28px; font-size:14px;}
.Index_ys .ys_r{ width:500px;}
.Index_ys .ys_r img{ width:100%}

/*行业应用*/
.Index_yy{ background:url(/template/pc/skin/img/yy_bg.jpg) no-repeat center; color:#fff;}
.Index_yy .yy_left{ width:600px; padding-top:103px;}
.Index_yy .yy_left h3{ font-size:30px; font-weight:bold;}
.Index_yy .yy_left i{ display:block; width:40px; height:1px; background:#fff; margin:30px 0;}
.Index_yy .yy_left p{ font-size:14px; line-height:30px; padding:0 50px 110px 0;}
.Index_yy .yy_left .more{ width:599px; height:154px;  border-top:1px solid #58DCCC; border-left:1px solid #58DCCC; text-align:center; position:relative; overflow:hidden;}
.Index_yy .yy_left .more .tg img{ position:absolute; top:30px; left:274.5px; display:block; transition:all 0.8s; z-index:99999;}
.Index_yy .yy_left .more .tg h4{ position:absolute; bottom:30px; width:599px; font-size:16px; transition:all 0.8s; z-index:99999;}
.Index_yy .yy_left .more:hover .tg img{ top:-70px;}
.Index_yy .yy_left .more:hover .tg h4{ bottom:-30px;}
.Index_yy .yy_left  .more .bg{ opacity:0; position:absolute; top:0; z-index:999; width:599px; height:154px; overflow:hidden;}
.Index_yy .yy_left  .more:hover .bg{ opacity:1;}
.Index_yy .yy_left  .more .bg img{ width:599px; height:154px; transition:all 0.8s;}
.Index_yy .yy_left  .more:hover .bg img{ transform:scale(1.2)}
.Index_yy .yy_left  .more .bg span{ display:block; position:absolute; top:0; z-index:9998; width:599px; height:154px; background:rgba(0,0,0,0.5);}
.Index_yy .yy_left  .more .bg h4{ width:599px; position:absolute; top:40px; font-size:16px; z-index:9999; color:#FFF}
.Index_yy .yy_left  .more .bg p{ width:499px; position:absolute; bottom:40px; font-size:14px; padding:0 50px; z-index:9999; line-height:20px; color:#FFF}


.yy_right{ width:599px; border-left:1px solid #58DCCC;}
.yy_right li{ float:left; width:298px; height:154px; border-right:1px solid #58DCCC; border-bottom:1px solid #58DCCC; text-align:center; overflow:hidden; position:relative;}
.yy_right li:nth-child(7),.yy_right li:nth-child(8){ border-bottom:0;}
.yy_right li .tg img{ position:absolute; top:30px; left:114px; display:block; transition:all 0.8s; z-index:99999;}
.yy_right li .tg h3{ position:absolute; bottom:30px; width:298px; font-size:16px; transition:all 0.8s; z-index:99999;}
.yy_right li:hover .tg img{ top:-70px;}
.yy_right li:hover .tg h3{ bottom:-30px;}
.yy_right li .bg{ opacity:0; position:absolute; top:0; z-index:999; width:298px; height:154px; overflow:hidden;}
.yy_right li:hover .bg{ opacity:1;}
.yy_right li .bg img{ width:298px; height:154px; transition:all 0.8s;}
.yy_right li:hover .bg img{ transform:scale(1.3)}
.yy_right li .bg span{ display:block; position:absolute; top:0; z-index:9998; width:298px; height:154px; background:rgba(0,0,0,0.5);}
.yy_right li .bg h4{ width:298px; position:absolute; top:40px; font-size:16px; z-index:9999;}
.yy_right li .bg p{ width:268px; position:absolute; bottom:40px; font-size:14px; padding:0 15px; z-index:9999;}

/*流程*/
.Index_lc{ margin:80px 0;}
.lc_list{ background:url(/template/pc/skin/img/lc_img.jpg) no-repeat center top; padding-top:186px; margin-top:50px;}
.lc_list li{ float:left; width:200px; text-align:center;}
.lc_list li h3{ font-size:20px;}
.lc_list li h4{ font-size:14px; color:#666;}

/*新闻资讯*/
.Index_news{ padding:80px 2%; background:#f6f6f6; min-width:1200px;}
.Index_news .news_list{ margin-top:60px;}
.Index_news .news_list li{ float:left; width:25%; height:520px; background:#FFF; position:relative;}
.Index_news .news_list li .news_Inf{ width:92%; padding:35px 4% 0 4%; height:225px; position:absolute; left:0; right:0; transition:all 0.3s;}
.Index_news .news_list li .news_Inf .data{ height:30px; line-height:30px;}
.Index_news .news_list li .news_Inf .data i{ display:block; float:left; font-size: 20px; color:#C5C0C0; font-style:normal; transition:all 0.3s;}
.Index_news .news_list li .news_Inf .data span{ display:block; float:right; font-size:20px; width:30px; height:30px; text-align: center; color:#999; border:1px solid #ccc; opacity:0;}
.Index_news .news_list li .news_Inf h4{ margin:20px 0 15px 0; font-size:18px; color: #666; line-height: 30px; font-weight:normal; height: 30px; transition: all 0.3s}
.Index_news .news_list li .news_Inf .inf{ color:#999; line-height:25px; transition:all 0.6s; margin-top:10px; overflow: hidden; font-size: 13px;}
.Index_news .news_list li .news_img{ width:100%; height:260px; position:absolute; top:260px; left:0; right:0;}
.Index_news .news_list li .news_img a{ display:block; background:url(/template/pc/skin/img/news01.jpg) no-repeat center; width:100%; height:260px; position:relative; transition: all 0.3s}
.Index_news .news_list li .news_img i{ display:block; width:10%; height:10%; border:1px solid #fff; position:absolute; top:45%; left:45%; right:45%; z-index:3; opacity:0; transition: all 0.3s;}
.Index_news .news_list li:nth-child(1) .news_Inf{ top:0;}
.Index_news .news_list li:nth-child(2) .news_Inf{ top:260px;}
.Index_news .news_list li:nth-child(3) .news_Inf{ top:0;}
.Index_news .news_list li:nth-child(4) .news_Inf{ top:260px;}
.Index_news .news_list li:nth-child(1) .news_img{ top:260px;}
.Index_news .news_list li:nth-child(2) .news_img{ top:0;}
.Index_news .news_list li:nth-child(3) .news_img{ top:260px;}
.Index_news .news_list li:nth-child(4) .news_img{ top:0;}
.Index_news .news_list li:nth-child(2) .news_img a{ background:url(/template/pc/skin/img/news02.jpg) no-repeat center;}
.Index_news .news_list li:nth-child(3) .news_img a{ background:url(/template/pc/skin/img/news03.jpg) no-repeat center;}
.Index_news .news_list li:nth-child(4) .news_img a{ background:url(/template/pc/skin/img/news04.jpg) no-repeat center;}
.Index_news .news_list li:hover .news_Inf{ width:90%; padding:35px 4% 0 6%;}
.Index_news .news_list li:hover .news_Inf .data i{ display:block; float:left; font-size: 20px; color:#444; transition:all 0.3s;}
.Index_news .news_list li:hover .news_Inf .data span{ opacity:1;}
.Index_news .news_list li:hover .news_Inf h4{ color:#27AC94;}
.Index_news .news_list li:hover .news_img a{ width:96%; margin:2%;}
.Index_news .news_list li:hover .news_img i{ width:92%; height:92%; top:4%; left:4%; right:4%; opacity:1;}
@media screen and (max-width: 1400px) { 
.Index_news .news_list li .news_Inf h4{ font-size:16px;}
}

/*返回顶部*/
.page_top {	position: absolute;}
#pageTop { z-index: 160; width: 65px; height: 65px;	background: url(/template/pc/skin/img/pagetop.png) no-repeat; position: fixed; _position: absolute;	bottom: 10px; right: 10px;overflow: hidden;
	text-indent: -999px;cursor: pointer;}
#pageTop:hover { background-image: url(/template/pc/skin/img/pagetop_on.png)}
#pageTop a { width: 100%; height: 100%;	display: block;  transition: all 1s;}
*html #pageTop a { width: 65px;	height: 65px}


.content{width:100%; background:#f8f8f8;padding:20px 0 30px 0;}
/*内页左侧*/
.nlist{ width:250px; background:#ffffff;}
.nlist .nt{font-weight: normal;  padding: 22px 0;  padding-left: 20px; background: #27AC94 url(/template/pc/skin/img/hhBg.png) no-repeat 190px center;}
.nlist .nt a{font-size: 20px;color: #fff;text-decoration: none;}
.nlist .nt a.cur{ background:none}
.nlist ul{padding:20px;}
.nlist li a {display:block;height:40px;line-height:40px;font-size:14px;color:#333;padding:0 18px;text-decoration:none; background:#F3F3F3; border-bottom:1px solid #ffffff;}
.nlist li a:hover, .nlist a.cur { background:#27AC94;  color: #fff; border-bottom:none;}
.tj{margin:0 auto 0;}
.tj .title {background: #27AC94;color: #fff;text-align: center;padding: 12px 0px;}
.tj .title h3 {border: 0px solid #ddd;font-size: 14px;font-weight: bolder; font-size: 15px;}
.tj .title span {line-height: 25px;text-align: center; width: 100%;}
.tj_pro{padding-bottom:10px;}
.tj_pro p{ text-align:center; padding:4px 0; line-height:22px;}
.tj_pro p img{ width:200px; height:160px;box-shadow: 2px 2px 2px rgba(0,0,0,.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2); margin:10px 0 2px 0;}
.tj_pro p a{ color:#666}
.nlist .dphone {overflow: hidden; background: #27AC94; padding: 20px 0;}
.nlist .dphone dt { float: left;background:url(/template/pc/skin/img/phImg.png) no-repeat center;  width: 48px;  height: 50px;}
.nlist .dphone dd { margin-left: 50px;  color: #fff; padding: 5px 13px; border-left: 1px dotted #5c5c5c;}
.nlist .dphone dd p {font-size: 26px;font-family: "Arial"; font-weight:bold;}

/*内页右侧*/
.cpright {width: 870px; padding: 0 20px; background: #fff;  float: right;}
.rtop { overflow: hidden; padding-top: 28px; padding-bottom: 9px; border-bottom: 1px solid #dbdbdb;}
.rtop h5 { float: left; padding-left: 10px; border-left: 3px solid #27AC94; font-weight: normal;line-height: 16px;}
.rtop h5 a { font-size: 16px; color: #27AC94;}
.rtop span{ color:#999;}
.rtop span em {color: #999; font-style: normal;}
.rtop span a { color: #999;}
.story{ margin: 15px 0 20px;}
.agent_con { padding-top: 10px;  line-height: 26px;}
.agent_con .age_li_about {  font-size: 15px; text-align:justify}
.rightbot { height: 3px; font-size: 0; overflow: hidden;  margin-bottom: 10px;}


/*内页产品中心*/
.age_li_pro {width:100%;}
.age_li_pro li{ float:left; width:230px; margin:10px 30px;}
.age_li_pro li img{width:228px; height:218px; border:1px solid #DBDBDB;}
.age_li_pro li .pro_t{width:100%;height:30px; line-height:30px; background:#707070; text-align:center;}
.age_li_pro li .pro_t a{ color:#fff; font-size:13px;}
.pro_page{margin-top:30px;}

.age_pro_show{}
.age_pro_show h1{height:50px; line-height:50px;text-align:center}
.age_pro_show .pro_lb{ text-align:center;}
.age_pro_show .pro_lb .span{padding:0 30px;}
.line{height:20px;  border-bottom:1px solid #DBDBDB; }
.pro_Inf{width:100%; text-align:center; margin-top:30px;}
.pro_Inf img{ max-width:600px; height:auto}
.pro_de{margin-top:50px;}
.pro_mInf{margin:20px 0;font-size: 14px; padding:0 20px; text-align:justify; line-height:24px;}
.pro_show_page{  line-height:26px; margin-top:30px;}

/*内页新闻中心*/
.age_li_new li{ background:url(/template/pc/skin/img/IndexNewsList.jpg) no-repeat 0 20px; padding-left:15px; height:45px; line-height:45px; border-bottom:1px solid #DBDBDB;
margin:0 auto; font-size:14px;}
.age_li_new li span{padding-right:10px;}

.age_new_show h1{height:50px; line-height:50px;text-align:center}
.age_new_show .new_lb{ text-align:center;}
.age_new_show .new_lb .span{padding:0 30px;}
.new_show{margin-top:20px; font-size:14px; line-height:24px; text-align:justify}