@charset "utf-8";
/* CSS Document */
body{ background:#f4f4f4;}
.page-banner{ width:100%; height:150px; position:fixed; top:88px; left:0px; z-index:-1;}
.banner-title{ color:#fff; padding-top:50px;}
.banner-title h3{ font-size:36px; font-family:'cnfont'; font-weight:normal; text-shadow:2px 3px 1px rgba(0,0,0,0.6); -webkit-text-shadow:2px 3px 1px rgba(0,0,0,0.6);}
.banner-title p{ font-family:'enfont'; font-size:12px; text-transform:uppercase; padding-top:5px;}
.page-content{ margin-top:150px; background:#fff;}
.news-nav{ padding:20px 0; background:#fff; border-bottom:#eee 1px solid;}
.page-content .contenter{ position:relative;}
.news-nav ul{ font-size:0px;}
.news-nav ul li{ display:inline-block; font-size:16px; padding:0 20px; position:relative;}
.news-nav ul li:nth-child(1){ padding-left:0px;}
.news-nav ul li:before{ content:''; width:1px; height:16px; background:#ddd; position:absolute; right:0px; top:2px;}
.crumbs{ position:absolute; right:0px; height:30px; line-height:30px; top:50%; margin-top:-15px; color:#999;}
.crumbs span{ background:url(../images/dzui_18.png) no-repeat left center; padding-left:20px;}
.crumbs a{ color:#999;}
.crumbs a:after{ content:'>'; margin:0 10px;}
.crumbs a:last-child:after{ content:''; margin:0 10px;}
.news-left{ width:840px; float:left;}
.news-left .news-list li{ width:840px; position:relative; padding:25px 0; border-bottom:#ddd 1px dotted;}
.news-left .news-list li .n-img{ width:210px; height:144px; background:#f4f4f4 url(../images/nopic.jpg) no-repeat center center / 100%; overflow:hidden; position:relative;}
.news-left .news-list li .n-img img , .news-right .hot-news li .n-img img{ position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%;}
.news-left .news-list li .n-detail{ width:840px; position:absolute; height:100%; left:0px; top:0px; padding:25px 0 25px 235px;}
.news-left .news-list li .n-detail h3{ font-size:16px; color:#333; line-height:1.6;}
.news-left .news-list li .n-detail p{ padding-top:10px; color:#666; line-height:1.8; font-size:13px;}
.news-left .news-list li .n-detail .n-date{ width:100%; bottom:40px; left:0px; position:absolute; padding-left:235px; font-size:0px;}
.news-left .news-list li .n-detail .n-date span{ display:inline-block; width:50%; font-size:13px; color:#999;}
.news-left .news-list li .n-detail .n-date span:nth-child(1){ background:url(../images/yuedu.png) no-repeat left center / 20px; padding-left:25px;}
.news-left .news-list li .n-detail .n-date span:nth-child(2){ text-align:right;}
.news-right{ width:320px; float:right;}
.news-right .nr-title{ height:45px; line-height:45px; background:#fafafa; font-size:18px; color:#333; text-indent:20px;}
.news-right .sidebar-service{ padding-top:25px;}
.news-right .sidebar-service ul{ display:block; padding:25px 0;}
.news-right .sidebar-service li{ float:left;}
.news-right .sidebar-service li a{ display:block; padding:10px 13px; margin:5px 10px 5px 0; border:#ddd 1px solid; border-radius:4px; color:#999; transition:all .5s linear; -webkit-transition:all .5s linear;}
.news-right .hot-news li{width:320px; position:relative; padding:20px 0; border-bottom:#ddd 1px dotted;}
.news-right .hot-news li .n-img{ width:112px; height:77px; background:#f4f4f4; overflow:hidden; position:relative;}
.news-right .hot-news li .n-detail{ width:320px; position:absolute; height:100%; left:0px; top:0px; padding:20px 0 20px 128px;}
.news-right .hot-news li .n-detail h3{ font-size:14px; color:#666; line-height:1.6; font-weight:normal;}
.news-right .hot-news li .n-detail .n-date{ width:100%; bottom:25px; left:0px; position:absolute; padding-left:128px; font-size:0px;}
.news-right .hot-news li .n-detail .n-date span{ display:inline-block; width:50%; font-size:13px; color:#aaa;}
.news-right .hot-news li .n-detail .n-date span:nth-child(1){ background:url(../images/yuedu.png) no-repeat left center / 20px; padding-left:25px;}
.news-right .hot-news li .n-detail .n-date span:nth-child(2){ text-align:right;}
.baoxiu{ padding-top:25px; padding-bottom:25px;}
.baoxiu img{ border-radius:5px;}
.news-infor .infor-title{ padding:40px 0;}
.news-infor .infor-title h3{ font-size:26px; color:#333; line-height:1.5;}
.news-infor .infor-title h2{ font-size:26px; color:#333; line-height:1.5;}
.news-infor .infor-title .infor-date{ padding-top:25px; color:#999; position:relative;}
.news-infor .infor-title .infor-date .share{ position:absolute; right:0px; top:25px;}
.news-infor .infor-title .infor-date span:after{ content:"|"; margin:0 10px;}
.article-jj{ padding:30px; line-height:1.8; font-size:14px; position:relative;}
.article-jj:after{ content:"摘要"; width:40px; height:40px; background:#fff; position:absolute; border-radius:50%; left:50%; top:-20px; margin:0 0 0 -20px; text-align:center; line-height:40px;}
.article-detail{ padding:40px 0; line-height:1.8; font-size:14px;}
.service-content{ font-size:14px; line-height:1.8; padding:30px 0;}
.service-content td{ padding:10px; line-height:1.8;}
.product-left ul{ font-size:0px;}
.product-left ul li{ width:260px; display:inline-block; border:#eee 1px solid; margin-right:30px; margin-top:30px; font-size:12px; box-shadow:0 0 0px rgba(0,0,0,0); -webkit-box-shadow:0 0 0px rgba(0,0,0,0); transition:all .5s linear; -webkit-transition:all .5s linear; vertical-align:top; cursor:pointer;}
.product-left ul li:hover{box-shadow:0 0 30px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);}
.product-left ul li .pro-img{ width:258px; height:258px; overflow:hidden; position:relative;}
.product-left ul li .pro-img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.product-left ul li:nth-child(3n){ margin-right:0px;}
.product-left ul li h3{ padding:15px 15px 10px 15px; font-size:16px; border-top:#eee 1px solid; font-weight:normal; color:#333; position:relative; transition:all .5s linear; -webkit-transition:all .5s linear;}
.product-left ul li h3:before{ content:''; position:absolute; width:3px; height:16px; left:-1px; top:16px;}
.product-left ul li p{ line-height:1.6; padding:0 15px 15px 15px; color:#999;}
.pro-detail{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:9999;}
.pro-content{ width:560px; height:1px;opacity:0; filter:alpha(opacity:0); background:#fff; position:absolute; top:50%; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.4); left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); overflow:hidden;}
.pro-txt{opacity:0; filter:alpha(opacity:0); position:absolute; left:0px; top:0px; height:750px; overflow-y:scroll; padding:20px; line-height:1.8;}
.pro-title{ font-size:18px; font-weight:bold; padding-bottom:15px; border-bottom:#ddd 1px solid; color:#333; padding-right:30px;}
.pro-txt-detail{ padding-top:15px;}
.pro-close{ position:absolute; width:30px; text-align:center; line-height:28px; height:40px; right:30px; top:0px; background:red; color:#fff; z-index:99; cursor:pointer;}
.pro-close:after{ content:''; width:30px; height:30px; position:absolute; background:#fff; left:0px; bottom:-23px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.case-list{ padding-top:20px;}
.case-list ul{ font-size:0px;}
.case-list ul li{ display:inline-block; width:360px; margin:20px; font-size:12px;}
.case-list ul li .c-img{ width:360px; height:150px; overflow:hidden; position:relative; background:#f4f4f4 url(../images/nopic.jpg) no-repeat center center;border-radius:5px;}
.case-list ul li .c-img img{ position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  width:100%;}
.case-list ul li h3{ padding:15px 0; font-size:16px; color:#333;}
.case-list ul li p{ line-height:1.8;}
.c-img-a{ display:block; position: absolute; margin-top: -17px; margin-left: 300px; text-align:right}
.case-detail{ padding-top:40px;}
.case-right{ padding-top:50px; position:relative;}
.case-right:after{ content:''; width:100px; height:1px; background:#ddd; position:absolute; left:0px; top:30px;}
.case-logo img{ max-width:200px;}
.case-name{ padding:0 0 20px; font-size:18px; font-weight:bold; color:#333; line-height:1.6;}
.case-r-detail{ line-height:1.7; font-size:13px; color:#666;}
.case-service{ margin-top:20px; border-top:#ddd 1px solid;}
.case-service h3{ font-size:16px; padding:20px 0;}
.case-service li{ float:left; padding:10px 15px; border:#ddd 1px solid; border-radius:5px; margin:0 15px 15px 0; color:#999;}
.case-video{ width:840px; height:510px; position:relative; z-index:10; background:#f4f4f4 url(../images/novideo.jpg) no-repeat center center;}
.case-video1{ width:840px; height:510px; position:relative; z-index:10; background:#f4f4f4;}
.case-video1 img{ display:block; margin:auto; padding-top: 20%;}
.about-content{ padding:30px 0; line-height:1.8; font-size:14px;}
.case-video iframe{ width:840px; height:510px; position:absolute; z-index:10; left:0px; top:0px; background:#f4f4f4 url(../images/novideo.jpg) no-repeat center center;}
.jion-img img{ border-radius:5px;}
.jion-txt{ padding:30px 0;}
 .jion-zw h3{ border-top:#ddd 1px solid; padding-top:30px;}
 .jion-zw ul{ display:block; padding-top:30px;}
  .jion-zw li{ float:left; margin:0 15px 15px 0;}
  .jion-zw li a{ display:block; padding:10px 15px; border:#ddd 1px solid; border-radius:5px; color:#999;}
  .contact-list{ padding-top:40px;}
  .contact-list h3{ padding-bottom:15px;}
  .contact-list li{ padding:5px 0;}
  .map #allmap img{ width:auto; height:15px;}

.page-fy{ width:1200px; padding:30px 0; float:left;}
.page-fy li{ float:left; margin-right:10px; position:relative;}
.page-fy li.disabled span , .page-fy li.active span , .page-fy li a{ font-size:14px; display:block; width:40px; height:40px; text-align:center; line-height:38px; border-radius:4px; border:#f4f4f4 1px solid;}
.page-fy li.disabled span{ color:#999; background:#f4f4f4;}
.page-fy li.active span{color:#fff;}
.page-fy li img{ width:16px; height:16px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px;}
.fy-center{ position:relative; height:100px;}
.fy-center .page-fy{ width:auto; float:left; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:0px;}
.page-fy a , .page-fy span{ float:left; width:40px; height:40px; border-radius:3px; background:#f4f4f4; text-align:center; line-height:40px; margin-right:10px;}
.page-fy a.bbb{ width:60px;}
.page-fy a:disabled{ color:#aaa; background:red;}
.page-fy span{ color:#fff;}
.fy-center .fy{ width:auto;}