@charset "utf-8";
/* 导航 */
.navbar-pull-all{overflow:hidden;width:1140px;margin:auto; padding: 15px 0;}
.header-right { font-size: 28px; margin-top: 20px;}
.header-right img {height:40px;}
.navbar-header{width:100%;margin:auto;float:none;}
.navbar-full {width:100%; background:#fff;}
.navbar-full .collapse { margin:0 auto; width:1140px;}
.navbar-brand { padding: 29px 15px; height: auto; }
nav.navbar.bootsnav { border: none;}
.navbar-nav { float: left; }
nav.navbar.bootsnav ul.nav > li > a { color: #333; text-transform: uppercase; padding: 15px 48px; font-size:16px; font-weight:normal; }
nav.navbar.bootsnav ul.nav > li:hover { background: #fff; }
nav.navbar.bootsnav ul.nav > li > a:hover{color: #0d7f30;}
.nav > li:after { content: ""; width: 0; height: 5px; background: none !important; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.nav > li:hover:after { width: 100%; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 28%; right: 15%; transition: all 0.4s ease 0s; transform: rotate(90deg); }
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: "\f105"; transform: rotate(270deg); }
.dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; }
@media only screen and (max-width:990px) {
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,  nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: " "; }
.dropdown-menu.multi-dropdown { left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover { background: transparent; }
nav.navbar.bootsnav ul.nav > li > a { margin: 0;}
 nav.navbar.bootsnav .navbar-nav > li {
    float: none;
    font-size: 16px;margin-left: 15px;
  } 
}

/* 轮播 */
.ibanner .img { height: 780px; background-size: cover; background-position: center; } /* 高度 */
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(91,180,238,1);}
.ibanner .slick-arrow i { font-size: 50px; }

/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd; }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; background: #208f3c; }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #e5e5e5; height: 35px; line-height: 35px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px; color: #208f3c; border-bottom: 3px solid #208f3c; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #208f3c; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #208f3c; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
.page-content img {max-width:100% !important; height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width: 60px; text-align: center; color: #208f3c; margin-right: 15px; background: #e8e8e8; }
.page-alist .page-adate h3 { font-weight: bold; margin-top: 8px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px; }
.page-alist .page-atit p { font-size: 12px; color: #999; margin-bottom: 0; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #208f3c; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:14px; line-height:26px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}
.img-inner:hover {
    border: 1px solid #208f3c; overflow: hidden;}
.page-alist .col-md-4 h5:hover {
    color: #208f3c!important;
}

/*产品中心*/
.product_content p:hover{color:#208f3c;}
.product_content img:hover {
  /* moz-transform: scale(1.1);*/
    webkit transform: scale(1.1); 
    /*o-transform: scale(1.1);*/
   transform: scale(1.1);
}
.product_content img{transition: 0.5s;}
.row {
    margin-right: -15px;
    margin-left: -15px;
   
}
.product_href a:hover {
    text-decoration: none;
    background: #1b8a3d;
    color: #fff;
      border: 2px solid #1b8a3d;
}
.product_href a {
    display: inline-block;
    border: 2px solid #e5e5e5;
    border-radius: 20px;
    padding: 8px 30px;
    font-size: 15px;
    color: #333;
    margin: 0 10px 10px;
}
.product_btn a {
    display: inline-block;
    padding: 10px 40px;
    border-radius: 30px;
    background: #eee;
    color: #333;
    font-size: 15px;
  margin-bottom: 20px;
}
.product_btn a:hover {
    text-decoration: none;
    background: #208f3c;
    color: #fff;
}
.product_box {
    /* background: url(../../../../static/admin/temp/images/productdis/images/2/product_bg.png) no-repeat top center; */
}
.product_btn {
    margin: 40px 0;
}

/*关于我们*/
.company_box {
    background: url(../images/gsjjbg.jpg) no-repeat center;
    padding: 40px 0;
    height: 450px;
}
.company_title h3{font-family: 微软雅黑;
    font-size: 38px;
  color: #fff;}
.company_title h4{font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
  color: #fff;}
.company_text p {
    font-size: 14px;
    line-height: 36px;
    color: #fff;
}

.btn-default {
    color: #fff;
    background-color: #208f3c;
    border-color: #208f3c;
}
.btn-default:hover {
    color: #333;
    background-color: #ffffff;
    border-color: #1b8a3d;
}

/*关于我们结束*/

/*公司优势*/
.gsys_bj{background: url(../images/1595294523.png) no-repeat center;height: 420px;}
.gsys_bj1{background: url(../images/1595297455.png) no-repeat center;height: 200px;display:none;} 
/*公司优势结束*/

/*经典案例*/
.alzs{  background-color:#f3f3f3;}
.alzs_container{
  padding-top:20px;
  padding-bottom:20px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  max-width:1400px;
}
h6 a{font-size:16px;}
h6 a:hover{color:#208f3c;}
.alzs_title h3 {
    font-size: 26px;
    margin: 8px 0;
    font-weight: bold;
    
}

.alzs_title h5 {
    font-size: 22px;
   
}

.alzs_title .alzs_mask {
    width: 60px;
    height: 2px;
    margin: 8px auto;
    background: #208f3c;
  margin-bottom: 40px;
}
.alzs_btn a {
    display: inline-block;
    padding: 10px 40px;
    border-radius: 30px;
    background: #eee;
    color: #333;
    font-size: 15px;
      margin-top: 30px;
}
.alzs_btn a:hover {
    text-decoration: none;
    background: #208f3c;
    color: #fff;
}
.alzs img:hover {
  /* moz-transform: scale(1.1);*/
    webkit transform: scale(1.1); 
    /*o-transform: scale(1.1);*/
   transform: scale(1.1);
}
.alzs img{transition: 0.5s;}

/*经典案例结束*/


/*新闻资讯*/
.news_list .news_date_box {
    background: #e5e5e5;
    color: #208f3c;
    width: 60px;
    height: 60px;
}
.news_title h3 span {
    color: #333333;
}
.news_title h3 {
    font-size: 26px;
    margin: 8px 0;
    font-weight: bold;
    margin-top: 60px;
}
.news_title .news_mask {
    width: 60px;
    height: 2px;
    margin: 8px auto;
    background: #208f3c;
}
/*新闻资讯结束*/



/*页中广告*/

.guanggao{height: 420px;background: url(../images/1595315791.jpg) no-repeat center;
	background-size: cover;
	}
.guanggao h2{font-size: 52px;text-align: center;padding-top: 160px;text-transform: uppercase;
	
	letter-spacing: 2px;word-spacing: 10px; colo r: aliceblue;}
	.guanggao {font-size: 38px;text-align: center;padding-bottom: 20px;text-transform: uppercase;
	 color: aliceblue; letter-spacing: 12px;}
	 .btn{
	max-width: 360px;
	margin-right: auto;
	margin-left: auto;
}
.btn button {
	margin-top: 40px;
	width: 110px;
	height: 30px;
	border: 2px solid #fff;
	/*	把外边框变成内边框*/
	box-sizing: border-box;
	border-radius: 15px;
	background-color: transparent;
	color: aliceblue;
	margin-right: 20px;
/*	变成大写字母*/
	text-transform: uppercase;
	transition: 0.2s;
	display: block;float: left;
}
.btn button:nth-child(2){margin-right: 0;}
.btn button:hover{
	background-color: #FFFFFF;color: #000000;
}


/* 页尾 */
footer { background: #333; color: #ccc; }
footer a { color: #ccc; }
.footer-copyright { padding: 15px; }
.lx p {
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 20px;
}
.footers .f1 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}
.d-an a {
    color: #fff;
    border: 1px solid #3d3d42;
    width: 206px;
    height: 37px;
    line-height: 35px;
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0 0 8px 60px;
    border-radius: 4px;
}
.footers {
    background: url(../images/1595296956.jpg) no-repeat top center;
    padding-top: 20px;
    border-top: 8px solid #208f3c;
}
.d-an a:hover {
    color: #fff;
    background-color: #1b8a3d;
    border-color: #1b8a3d;
    display: block;
}
.footers .f1 img {
    margin: 15px 9px 0 0;
}
.lx p .fa {
    padding-right: 10px;
    color: #fff;
}

/* 返回顶部 */
.gototop{width:40px;height:40px;z-index:9999999999; position: fixed; bottom: 60px; right: 15px;}
.gototop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}
.gototop i { font-size: 36px; }





/** Single Feeatues Sec .alzs**/
.ys .single-feature-sec {
	position: relative;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(73, 167, 211, 0.1);
	box-shadow:0px 8px 16px 0px rgba(73, 167, 211, 0.1);
	padding:15px;
  margin-bottom:15px;
	background: url(../images/pattern.png) center center;
	border-radius: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border: 1px dotted rgba(73, 167, 211, 0.2);
}
.ys .single-feature-sec h2 {
	font-size: 24px;
	color: #181818;
	margin-bottom: 5px;
}
.ys .single-feature-sec .service-icon {
	width: 60px;
	height: 60px;
	background: transparent linear-gradient(90deg, #208f3c 0%, #208f3c 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.ys .single-feature-sec .service-icon i {
	font-size: 32px;
	line-height: 58px;
}
.ys .single-feature-sec .service-content p {
	margin-bottom: 0;
	font-size: 14px;
	color: #4f4f4f;
	margin-top: 0px;
}
.ys .single-feature-sec:hover {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
}

.about{
	width: 100%;
	height: 642px;
	float: left;
}
.about .about1{
	width: 100%;
	height: 795px;
	background:  url("../images/about_bg2.gif") no-repeat left bottom;
	float: left;
}
.about .about1 .about2{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 60px 0 0 0;
}
.about .about1 .about2 .about2_left{
	width: 489px;
	height:552px;
	float: left;
	overflow: hidden;
}
.about .about1 .about2 .about2_left a img{
	display: block;
	transition: all 0.6s;
}
.about .about1 .about2 .about2_left a:hover img{
	display: block;
	transform: scale(1.1);
}
.about .about1 .about2 .about2_right{
	width: 600px;
	height:552px;
	float: left;
	margin-left:50px 
}
.about .about1 .about2 .about2_right .tit{
	width: 100%;
	line-height:80px;
	display: block;
	
}
.about .about1 .about2 .about2_right .tit1{
	width: 80%;
	line-height: 36px;
	display: block;
	
	
}
.about .about1 .about2 .about2_right .content{
	width: 100%;
	height: 200px;
	margin-top: 30px;
	text-overflow: -o-ellipsis-lastline;
	overflow:hidden;
	text-overflow: ellipsis;
	
}
.about .about1 .about2 .about2_right .about_link{
	width: 100%;
	display: block;
	margin-top: 35px
}
.about .about1 .about2 .about2_right .about_link li{
	width: 188px;
	height: 115px;
	display: block;
	margin-left:17px;
	float: left;
	position: relative;
	overflow: hidden;
}
.about .about1 .about2 .about2_right .about_link li:first-child{
	margin-left:0;
}
.about .about1 .about2 .about2_right .about_link li a{
	display: block;
}

.about .about1 .about2 .about2_right .about_link li img{
	width: 100%;
	width: 100%;
	display: block;
	transition: all 0.6s;
}

.about .about1 .about2 .about2_right .about_link li .name{
	width: 100%;
	height: 30px;
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	background:rgba(0,0,0,0.6);
	line-height: 30px;
	padding-left: 10px;
	color: #ddd271;
	z-index: 1;
	transition: color,background 0.5s;
    -webkit-transition: color,background 0.5s;
    -moz-transition: color,background 0.5s;
}
.about .about1 .about2 .about2_right .about_link li a:hover .name{
	background:rgba(221,220,113,1);
	color: #333144;
}
.about .about1 .about2 .about2_right .about_link li a:hover img{
	display: block;
	transform: scale(1.1);
}
.txtblack70b{
	font-size: 70px;
	font-weight: bold;
	color: #333333;
}
.txtblack30l{
	font-size: 30px;
  margin-top:20px;
	font-weight: lighter;
	color: #333333;
}
#aboutinfo p{
  font-size: 14px;
  line-height:28px;
  
}







@media (min-width: 1200px) {
	.mobile-footer { display: none; }
}
.app{display:none;}
@media (max-width: 992px){
     body.side-right{overflow: hidden;}
    body nav.navbar.bootsnav .navbar-toggle{margin-right: 0;}
    body.side-right nav.navbar.bootsnav .navbar-toggle{float: right !important; margin-top: 12px; margin-right: 15px;}
    nav.navbar.bootsnav.navbar-mobile ul.nav,body nav.navbar.bootsnav .navbar-nav > li > a{border-top: none;}
    body nav.navbar.bootsnav .navbar-toggle { margin-top: 12px; margin-right: 15px; padding: 0 8px; border: 1px solid #666;}
    body.side-right > .wrapper{margin:0 !important;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{width: 100%;height:auto !important;left: 0;top:-100%;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{top:72px;}
    body nav.navbar.bootsnav.navbar-mobile ul.nav{width: 100%; margin:0;padding: 0;}
    body nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0 !important;}
  .pc{display:none;}
  .app{display:block;}
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{padding-left:25px;    background: #fff;}
  nav.navbar.bootsnav ul.nav > li:hover > a{color:#333;}
  .nav>li:before{display:none;}
  nav.navbar.bootsnav .navbar-nav > li{margin:0;}
  
  
  .anzs{display:none;}
  .gsys_bj1{display:block;}
  .gsys_bj{display:none;}
  .guanggao{display:none;}
  .product_detail .img {
    left: 9%;
    overflow: hidden;
}

  .news_title h3{margin:15px 0 10px;font-size:25px;}
  .product_box{margin:15px 0;}
  .product_btn{margin:15px 0 0;}
  
  
  .about,.about .about1{height:auto;}
  .about2_left{display:none;}
  .about .about1 .about2 .about2_right{margin:0;width:100%;}
  .txtblack70b{font-size:50px;}
  .about .about1 .about2 .about2_right .tit1{font-size:18px;margin:0;line-height:30px;}
  .about .about1 .about2{width:100%;padding-top:20px;}
  .about .about1 .about2 .about2_right .about_link li{width:31.33%;margin:0 1%;height:auto;}
  .about .about1 .about2 .about2_right .content{margin:15px 0;font-size:14px;line-height:28px;height:auto;}
  .about .about1 .about2 .about2_right .pc{display:none;}
  
  
  
  .news_content{margin-bottom:50px;}
  
  
  
  
  
  
}

@media (max-width:768px) {
	/* 导航 */
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important;}
	.navbar-pull-all { width: 70%; padding-top: 0; height: 50px; margin: 15px 0 0 15px; }
	.navbar-pull-all .xs-logo img { height: 30px; }
	nav.navbar.bootsnav ul.nav > li > a { color:#000}
	/* 轮播 */
	.ibanner .img { height: 220px; }
	/* 手机端底部导航 */
	.mobile-footer { display: block; background: #303030; display: flex; width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0; left: 0; }
	.mobile-footer a { flex: 1; color: #fff; text-align: center; }
	.mobile-footer a i { font-size: 22px; padding: 4px 0; }
	.mobile-footer a h5 { margin: 0; }

	/* 手机端走马灯处理 */
	.swiper .ar_1 { width: auto; }
  
  /*产品处理*/
  .product_content img{width:100%;height: auto;}
  
  .hidden-xs {
    display:block!important;
}
  .product_detail .img {
    left: 9%;
    overflow: hidden;
}
  
}