@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, STXihei, Heiti, sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#191919;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#f1f1f1;}
::-webkit-scrollbar-thumb{background-color:#aaa;}
::-webkit-scrollbar-thumb:hover{background-color:#2db1e8;}
::-webkit-scrollbar-thumb:active{background-color:#2db1e8;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.tel{ float:right; font-size:14px; color:#666; margin-top:30px; position:relative; padding-left:40px; margin-left:30px;background:url(../images/dh2.jpg) no-repeat left 
            center; background-size:18%}

.tel p{ display:block; font-size:16px; color:#2db1e8}

/*.tel:before {
    content: "\f2a0"; font-family: 'FontAwesome'; position:absolute; font-size:35px; left:0;color:#888
}*/


.gallery-top{width:100%; height:100vh; overflow:hidden}
.gallery-top .swiper-slide{width:100%; height:100%; position:relative; overflow:hidden}
.gallery-top .swiper-slide img{ position:absolute; height:100%; width:auto; min-width:100%; top:0; left:50%; transform:translateX(-50%)}
.gallery-top .swiper-slide .nr{ text-align:center; position:absolute; bottom:0; width:100%; padding:30px 0; padding-bottom:50px;background:rgba(0,0,0,0.1); color:#fff; font-size:20px; z-index:2  }


.dhpic{ display:block;}
.sjpic{ display:none;}

.gallery-top .swiper-button-next{width:40px; height:80px; background:url(../images/right.png) no-repeat; right:30px; margin-top:-40px; background-size:40px 80px; -webkit-background-size:40px 80px; -moz-background-size:40px 80px; -ms-background-size:40px 80px; -o-background-size:40px 80px; opacity:.5;}
.gallery-top .swiper-button-next:hover{opacity:.8;}
.gallery-top .swiper-button-prev{width:40px; height:80px; background:url(../images/left.png) no-repeat; left:30px; margin-top:-35px;background-size:40px 80px; -webkit-background-size:40px 80px; -moz-background-size:40px 80px; -ms-background-size:40px 80px; -o-background-size:40px 80px;  opacity:.5;}
.gallery-top .swiper-button-prev:hover{opacity:.8;}



@media only screen and (max-width:992px){

.gallery-top .swiper-slide .nr{ text-align:center; position:absolute; bottom:0; width:100%; padding:0px 20px; padding-top:15px; padding-bottom:45px;background:rgba(0,0,0,0.1); color:#fff; font-size:16px; box-sizing:border-box; line-height:25px;  }


	
	.dhpic{ display:none;}
.sjpic{ display:block}
	
.gallery-top .swiper-pagination-bullet{ width:8px; height:8px}
	
}



.cp1  { width:100%; position:relative; overflow:hidden}
.cp1 .cpjs{  width:40%; position:absolute; left:0; top:50%;transform:translateY(-50%); padding:0 10%; box-sizing:border-box}
.cpjs h3{ display:block; font-size:30px; color:#000;}
.cpjs p{ display:block; margin:20px 0; font-size:14px; line-height:30px; color:#191919}
.cpjs span a{ display:block; border:#2db1e8 2px solid; border-radius:20px; width:120px; line-height:35px; text-align:center; color:#2db1e8;transition:all 0.6s}
.cpjs span a:hover{ background:#2db1e8; color:#fff; transition:all 0.6s}


.cp1 .cppic{  width:60%; float:right; text-align:center;}
.cp1 .cppic img{ height:90vh; width:auto;}



.cp1 .cpjs{transition:all 0.5s ease-in-out; transform:translate(-200px,-50%); opacity:0;}
.active .cp1 .cpjs{opacity:1; transform:translate(0px,-50%); transition-delay:0.3s;}

.cp1 .cppic{transition:all 0.5s ease-in-out; transform:translate(200px,0); opacity:0;}
.active .cp1 .cppic{opacity:1; transform:translate(0px,0); transition-delay:0.3s;}




.cp2  { width:100%; position:relative; overflow:hidden}
.cp2 .cpjs{  width:40%; position:absolute; right:0; top:50%;transform:translateY(-50%); padding:0 10%; box-sizing:border-box}
.cp2 .cpjs h3{  color:#fff;}
.cp2 .cpjs p{  color:#fff}
.cp2 .cpjs span a{ display:block; background:#2db1e8; border:#2db1e8 2px solid; color:#fff;}
.cp2 .cpjs span a:hover{ background:#fff;  color:#2db1e8; transition:all 0.6s}


.cp2 .cppic{  width:60%; float:left; text-align:center;}
.cp2 .cppic img{ height:90vh; width:auto;}

.cp2 .cpjs{transition:all 0.5s ease-in-out; transform:translate(200px,-50%); opacity:0;}
.active .cp2 .cpjs{opacity:1; transform:translate(0px,-50%); transition-delay:0.3s;}


.cp2 .cppic{transition:all 0.5s ease-in-out; transform:translate(-200px,0); opacity:0;}
.active .cp2 .cppic{opacity:1; transform:translate(0px,0); transition-delay:0.3s;}


.guanyu{ width:70%; margin:0 auto;}
.guanyu .a_tp{width:45%; float:left;}
.guanyu .a_tp img{width:100%; height:auto; display:block;}
.guanyu .a_wz{width:50%; float:right; margin-top:30px; }
.guanyu .a_wz h3{font-size:24px;font-weight:bold;color: #2db1e8;margin-bottom:10px;}
.guanyu .a_wz h4{font-size:16px; font-weight:bold; text-transform:uppercase; color:#fff; margin-bottom:20px;}
.guanyu .a_wz p{font-size:15px; line-height:28px; color:#fff; margin:40px 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden}

.guanyu .a_wz span a{ display:block; background:#2db1e8; border:#2db1e8 2px solid;border-radius:20px; width:120px; line-height:35px; text-align:center; color:#fff;transition:all 0.6s}
.guanyu .a_wz span a:hover{ background:#fff;  color:#2db1e8; transition:all 0.6s}



.foot{ background:#eff1f5; overflow:hidden}
.foot1{ width:96%; max-width:1400px; margin:40px auto; overflow:hidden}
.foot1 ul li{ float:left; width:33.33333333%; text-align:center}
.foot1 ul li i{ color:#2db1e8; font-size:40px}
.foot1 ul li h3{ font-size:18px; display:block; margin:15px 0}
.foot1 ul li p{ display:block; width:90%; margin:0 auto; font-size:14px; line-height:30px; color:#333}

.foot2{ border-top:#ddd 1px solid; display:block; text-align:center; padding:20px 0; line-height:25px; font-size:14px}


@media only screen and (max-width:1400px){
	.cp1 .cpjs{  padding:0 3%; box-sizing:border-box}
	.cp2 .cpjs{  padding:0 3%; box-sizing:border-box}
	.guanyu{ width:90%; margin:0 auto; }
}


@media only screen and (max-width:992px){

.cp1 .cpjs{  width:100%; position:relative; left:0; top:0;transform:translateY(0); padding:0 2%; box-sizing:border-box; text-align:center}
.cpjs h3{ display:block; font-size:20px;}
.cpjs p{ display:block; margin:20px 0; font-size:14px; line-height:25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
.cpjs span a{ margin:0 auto}

.cp1 .cppic{  width:100%; float:none; text-align:center; margin-top:20px;}
.cp1 .cppic img{ height:40vh; width:auto;}

.cp1 .cpjs{transition:all 0.5s ease-in-out; transform:translate(-200px,0); opacity:0;}
.active .cp1 .cpjs{opacity:1; transform:translate(0px,0); transition-delay:0.3s;}



.cp2 .cpjs{  width:100%; position:relative; right:0; top:0;transform:translateY(0); padding:0 2%; box-sizing:border-box; text-align:center}


.cp2 .cppic{  width:100%; float:none; text-align:center; margin-top:20px;}
.cp2 .cppic img{ height:40vh; width:auto;}
.cp2 .cpjs{transition:all 0.5s ease-in-out; transform:translate(200px,0); opacity:0;}
.active .cp2 .cpjs{opacity:1; transform:translate(0px,0); transition-delay:0.3s;}


.guanyu .a_tp{width:100%; float:none;}
.guanyu .a_wz{width:100%; float:none; margin-top:30px; }
.guanyu .a_wz h3{font-size:20px;font-weight:bold;color: #2db1e8;margin-bottom:10px;}
.guanyu .a_wz h4{font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; margin-bottom:20px;}
.guanyu .a_wz p{font-size:14px; line-height:25px; color:#fff; margin:20px 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}



.foot1{  margin:20px auto; }
.foot1 ul li{ float:none; width:100%; text-align:center}
.foot1 ul li i{ color:#2db1e8; font-size:30px}
.foot1 ul li h3{ font-size:14px; display:block; margin:15px 0}
.foot1 ul li p{ display:block; width:100%; margin:0 auto; font-size:12px; line-height:23px; color:#333}

.foot2{ border-top:#ddd 1px solid; display:block; text-align:center; padding:20px 0; line-height:23px; font-size:12px}




}



.nbanner{ width:100%; height:auto; max-height:400px; overflow:hidden; font-size:0; position:relative}
.nbanner img{ width:100%; height:auto}

.fenge{ height:100px; overflow:hidden}


.weizhi{ border-bottom:#e1e1e1 1px solid;  width:100%; left:0; z-index:9;text-align:left; font-size:14px; color:#191919; bottom:0px;  line-height:40px}
 .weizhi p{ display:block; width:96%; max-width:1200px; margin:0 auto}
/* .weizhi p a{ color:#fff}*/



.guide{ border-top: 1px solid #dddddd;background-color: #fff;}
.guide dd{float: left;font-size: 14px;}
.guide dd a{float: left; margin-right: 60px;padding:20px 0;position: relative;}
.guide dd a:hover{ color:#2db1e8}
.guide dd a:after{display:block; content:''; position:absolute; left:25%; width:50%;opacity: 0; height:2px; background-color:#2db1e8; top:-1px;transition: .4s}
.guide dd a.on:after,.guide dd a:hover:after{opacity: 1;left: 0;width: 100%;}
.guide dd a:last-of-type{margin-right: 0;}

.guide{ overflow-x:scroll; overflow-y:none; padding-bottom:1px}
.guide::-webkit-scrollbar {
    display: none;
} 
.guide dd.guide_pro{float: none;display:flex;justify-content: space-between; width:1200px;}
.guide dd.guide_pro a{margin: 0;}

.guide dt{float: right;color: #888888;padding:20px 0;}
.guide dt a{color: #888888;}


.contain{ width:96%; margin:0 auto; max-width:1200px; }

.web_w {
    width: 96%;
	max-width:1200px;
    margin: 50px auto;
}.web_w img {
    max-width: 100%;
	
}

.web_w1 {
    width: 96%;
	max-width:1200px;
    margin: 50px auto;
}

.sort_name {
    text-align: center;
    font-size: 25px;
    line-height: 100%;
    padding: 0;
    color: #000;
}
.sort_name a {
    color: #000;
}
.sort_name:after {
    display: block;
    content: '';
    width: 60px;
    height: 2px;
    margin: 10px auto 0;
    background: #2db1e8
}




.pro_list li{ float:left; width:24%; margin-right:1.33%; margin-top:30px; border:#f1f1f1 1px solid; box-sizing:border-box;transition:all 0.6s}
.pro_list li:nth-child(4n){margin-right:0; }
.pro_list li .img{ width:100%; height:auto; padding:30px; box-sizing:border-box}
.pro_list li img{ width:100%; height:auto; transition:all 0.6s}
.pro_list li:hover img{ transform:scale(1.1,1.1);transition:all 0.6s}
.pro_list li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.15); border:#2db1e8 1px solid; transition:all 0.6s}


.pro_list li .title{text-align: center; font-size:16px;padding: 15px 5px; margin:10px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.pro_list li:hover .title{ background:#2db1e8; color:#fff}


@media only screen and (max-width:1400px){

.guide dd{float: left;font-size: 14px;}
.guide dd a{float: left; margin-right:20px;padding:20px 0;position: relative;}
.guide_pro{ width:1400px}

.sort_name {
    text-align: center;
    font-size: 20px;
    line-height: 100%;
    padding: 20px 0 10px;
    color: #000;
}


}



@media only screen and (max-width:1024px){
	
	.fenge{ height:50px; overflow:hidden}
	
	
.web_w {
    width: 96%;
	max-width:1200px;
    margin: 20px auto;
}
	
.web_w1 {
    width: 96%;
	max-width:1200px;
    margin: 20px auto;
}

}

@media only screen and (max-width:768px){
	


.pro_list li{ float:left; width:47%; margin-right:0; margin-top:15px; margin-left:2%; }

.pro_list li .title{text-align: center; font-size:12px;padding: 5px 5px; margin:10px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}


}




#lib_Tab1{width:100%;margin:0px;padding:0px; margin-top:30px; text-align:center}

/*�˵�class*/
.lib_tabborder{border:0px solid #95C9E1;}
.lib_Menubox {height:40px;line-height:40px;position:relative; border-bottom:#f1f1f1 1px solid}

.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; width:100%; top:0px; left:0; height:25px;text-align:center;}
.lib_Menubox li{float:left;display:inline-block;cursor:pointer;width:40%;color:#333;font-weight:bold; max-width:200px; margin-right:2%;height:40px;line-height:40px; background-color:#f2f2f2; font-size:15px}
.lib_Menubox li.hover{padding:0px;background:#2db1e8;width:40%;color:#fff;height:40px;line-height:40px;}

.lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto; text-align:left; padding-top:15px}

.jswz{ font-size:14px; line-height:30px; color:#666;}
.jswz h3{ display:block; font-size:16px; color:#2db1e8; margin-top:30px; margin-bottom:15px}

.guige{ font-size:14px; line-height:30px; color:#666;}

.guige img{ max-width:100%; height:auto}





@media only screen and (max-width:768px){
.jswz{ font-size:12px; line-height:23px; color:#666;}
.jswz h3{ display:block; font-size:14px; color:#2db1e8; margin-top:30px; margin-bottom:15px}

.guige{ font-size:12px; line-height:23px; color:#666;}
}

.ndh{ width:100%; height:auto; margin:40px 0; text-align:center; overflow:hidden}
.ndh ul li{ display:inline-block;  text-align:center; margin-bottom:10px}
.ndh ul li a{ display:block; border:#f1f1f1 1px solid; box-sizing: border-box;line-height:40px; transition:all 0.6s; padding:0 20px; font-size:14px;}
.ndh ul li a:hover{ background:#2db1e8; color:#fff; transition:all 0.6s}
.ndh ul li .on{ background:#2db1e8; color:#fff; }


#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%;   }
#mbCenter.mbLoading {  -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block;color:#fff; font-weight:bold; line-height:20px; font-size:14px; text-align:center; text-align:center; width:100% }
#mbNumber { display:none; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { display:block; position:fixed; left:15px; top:50%; }
#mbPrevLink:before{font-family: 'FontAwesome'; content: "\f104";font-size:20px; background:#333; color:#fff; padding:15px}
#mbNextLink { isplay:block; position:fixed; right:15px; top:50%; }
#mbNextLink:before{font-family: 'FontAwesome'; content: "\f105";font-size:20px; background:#333; color:#fff; padding:15px}

#mbCloseLink { position:fixed; right:15px; top:25px; }
#mbCloseLink:before{ font-family: 'FontAwesome'; content: "\f00d"; font-size:20px; background:#333; color:#fff; padding:15px}



#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }


.mod_gallerylist{width:100%;  overflow:hidden}
.mod_gallerylist ul{margin:0 -15px; position:relative;}

.mod_gallerylist ul li{float:left; width:25%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;}
.mod_gallerylist ul li .image_container{ width:100%; border:#e1e1e1 1px solid; padding-bottom:80%; position:relative; box-sizing:border-box}
.mod_gallerylist ul li .image_container img{ position:absolute; max-width:100%; max-height:100%; top:50%; left:50%;  transform:translate(-50%,-50%)}
.mod_gallerylist ul li .meta a{color:#333; text-decoration:none; line-height:50px; font-size:14px}
.mod_gallerylist ul li .meta{font-size:12px; text-align:center;}


@media only screen and (max-width:992px){
.mod_gallerylist ul li{float:left; width:50%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;}


.ndh{ margin:20px 0; overflow:hidden}

.ndh ul li a{ display:block; border:#f1f1f1 1px solid; line-height:30px; transition:all 0.6s; font-size:12px;}

}


	.ptjs2{ overflow:hidden}
	.ptjs2  ul li{ overflow:hidden; position:relative;background:#f4f4f4;}
	.ptjs2  ul li i{ width:50%; float:left;}
    .ptjs2  ul li i img{ width:100%; height:auto }
	.ptjs2  ul li .gnwz{ position:absolute; width:50%; padding:40px; box-sizing:border-box; right:0; top:50%; transform:translateY(-50%)}
	.ptjs2  ul li .gnwz h3{ font-size:25px; font-weight:normal; color:#2db1e8; display:block; margin-bottom:25px }
	.ptjs2  ul li .gnwz p{ font-size:16px; line-height:30px; color:#666 }
	
	.ptjs2  ul li:nth-child(2n) i{ float:right;}
	.ptjs2  ul li:nth-child(2n) .gnwz{ left:0}
	
	
	
@media only screen and (max-width:992px){

	.ptjs2  ul li i{ width:100%; float:none;}
	.ptjs2  ul li .gnwz{ position:inherit; width:100%; padding:20px; box-sizing:border-box; right:0; top:0; transform:translateY(0)}
	.ptjs2  ul li:nth-child(2n) i{ float:none;}
	
	.ptjs2  ul li .gnwz h3{ font-size:20px; font-weight:normal; color:#2db1e8; display:block; margin-bottom:15px }
	.ptjs2  ul li .gnwz p{ font-size:14px; line-height:25px; color:#666 }
}



 .newslist { margin:40px 0}
 .newslist  ul li{ border-bottom:#f0f0f0 1px solid; padding-bottom:20px; margin-bottom:20px; overflow:hidden; position:relative; }
  .newslist  ul li:after{ content: "\f178";font-family: 'FontAwesome'; position:absolute; right:0; bottom:50px; color:#888; font-size:15px}
    .newslist  ul li:hover:after{ color:#2db1e8}
  .newslist  ul li .newpic{ float:left; width:300px; height:180px; overflow:hidden; position:relative}
 
  .newslist  ul li .newpic img{ position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); transition:all 0.36s}
   .newslist  ul li:hover .newpic img{ transform:scale(1.1,1.1)translateY(-50%); transition:all 0.36s}
  
  .newslist  ul li .newzi{ float:left; width:calc(100% - 500px); margin-left:30px; transition:all 0.6s  }
    .newslist  ul li:hover .newzi{ transform:translateX(15px); transition:all 0.6s }
  .newslist  ul li .newzi h3{ display:block; font-size:20px; font-weight:normal; color:#000; padding-bottom:15px}
    .newslist  ul li:hover .newzi h3{ color:#2db1e8}
	
	
     .newslist  ul li .newzi p{ display:block; color:#888; font-size:14px; line-height:25px; height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
   
   .newslist ul li .date{    color: #999;       font-size:16px;    text-align: right; position:absolute; right:0; top:10px; font-family:Arial, Helvetica, sans-serif}
 
 
 
 @media only screen and (max-width:768px){

.newslist  ul li .newpic{ float:left; width:240px; height:144px; overflow:hidden; position:relative}
.newslist  ul li .newzi{ float:left; width:calc(100% - 280px); margin-left:20px; transition:all 0.6s  }
  .newslist  ul li .newzi h3{ display:block; font-size:16px; font-weight:normal; color:#000; padding-bottom:15px}
   .newslist  ul li .newzi p{ font-size:12px; line-height:23px; height:69px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
 .newslist ul li .date{ display:block; width:100%; position:inherit; top:inherit; right:inherit; text-align:left; font-size:12px; padding-top:10px}
   .newslist  ul li:after{ right:0; bottom:15px; color:#888; font-size:15px}
 
}

 
 @media only screen and (max-width:600px){

.newslist  ul li .newpic{ float:none; width:100%; height:auto; max-height:200px; overflow:hidden; position:relative}
.newslist  ul li .newpic img{ position:inherit; width:100%; height:auto; top:0; transform:translateY(0);}

.newslist  ul li .newzi{ float:none; width:100%; margin-left:0px; transition:all 0.6s; margin-top:15px;  }
.newslist  ul li .newzi h3{ display:block; font-size:16px; font-weight:normal; color:#000; padding-bottom:15px}
.newslist  ul li .newzi p{ font-size:12px; line-height:23px; height:69px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
.newslist ul li .date{ display:block; width:100%; position:inherit; top:inherit; right:inherit; text-align:left; font-size:12px; padding-top:10px}
.newslist  ul li:after{ right:0; bottom:15px; color:#888; font-size:15px}
 
}


.jszc{ margin:40px 0}
.jszc ul li{ border-bottom:#dedede 1px solid; margin-bottom:30px;padding:0 50px; padding-bottom:30px;  overflow:hidden}

.jszc ul li i{ display:block; float:left; width:30%; height:auto}

.jszc ul li i img{ width:100%; height:auto}
.jszc ul li .jszczi{ float:right; width:65%}
.jszc ul li .jszczi h3{ display:block; margin:15px 0; color:#333; font-size:23px}

.jszc ul li .jszczi p{ display:block; font-size:14px; line-height:30px; max-height:120px; color:#888;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden}

.jszc ul li .jszczi span{ color:#2db1e8; display:block; margin-top:20px; font-size:14px}
.jszc ul li .jszczi span a{ color:#2db1e8;}


.jszc ul li:nth-child(2n) i{ float:right;}
.jszc ul li:nth-child(2n) .jszczi{ float:left; }



 @media only screen and (max-width:992px){

.jszc{ margin:20px 0}
.jszc ul li{ border-bottom:#dedede 1px solid; margin-bottom:20px;padding:0 0px; padding-bottom:20px;  overflow:hidden}


.jszc ul li .jszczi h3{ display:block; margin:15px 0; color:#333; font-size:16px}

.jszc ul li .jszczi p{ display:block; font-size:12px; line-height:23px; max-height:69px; color:#888;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}

.jszc ul li .jszczi span{ color:#2db1e8; display:block; margin-top:10px; font-size:12px}
.jszc ul li .jszczi span a{ color:#2db1e8;}


.jszc ul li:nth-child(2n) i{ float:right;}
.jszc ul li:nth-child(2n) .jszczi{ float:left; }
 
}



 @media only screen and (max-width:600px){
	 
	.jszc ul li i{ display:block; float:none; width:100%;} 
	
	.jszc ul li .jszczi{ float:none; width:100%}
	
	
.jszc ul li:nth-child(2n) i{ float:none;}
.jszc ul li:nth-child(2n) .jszczi{ float:none; }
	
 }
 
 
 
 .nlianxi{ margin:40px 0}
 .lianxi1  { margin:40px 0}
 
 .lianxi1 ul li{ float:left; width:25%; padding:0 20px; box-sizing:border-box; text-align:center}
  .lianxi1 ul li i{ display:block; font-size:40px; color:#2db1e8}
   .lianxi1 ul li h3{ display:block; font-size:18px; margin:15px 0}
    .lianxi1 ul li p{ display:block; font-size:14px; line-height:25px; color:#777}
	
	
	
 .zx_ly{width:100%; padding:50px 100px; background-color:#f7f7f7; margin:20px auto; box-sizing:border-box}
 .zx_ly input{width:100%; padding:0 10px; background-color:#fff; border:1px solid #ddd; line-height:56px; font-size:14px; margin-bottom:30px; box-sizing:border-box}
 .zx_ly textarea{width:100%; height:110px; padding:15px 10px; background-color:#fff; border:1px solid #ddd; font-size:14px; line-height:26px; resize:none; outline:none; margin-bottom:30px;}
 .zx_ly button{width:150px; height:40px; background-color:#2db1e8; border:0;font-size:16px; line-height:40px; margin:0 auto; color:#fff; display:block;}
 .zx_ly h3{font-size:26px; line-height:40px; color:#000; margin-bottom:10px; text-align:center;}
 .zx_ly h4{font-size:18px; color:#555; margin-bottom:10px; text-align:center; font-weight:normal}
 .zx_ly p{font-size:15px; line-height:30px; color:#888; margin-bottom:30px; text-align:center;}
 .zx_ly em{width:50px; height:3px; background-color:#2db1e8;  display:block; margin:0 auto 15px;}
 .zx_ly a{color:#2db1e8;}
 .zx_ly a:hover{text-decoration:underline;}
 .ban{ width:48%; float:left; margin-right:4%;}
 .ban:nth-child(2n){margin-right:0;}
 
 
  @media only screen and (max-width:992px){
	 
.nlianxi{ margin:20px 0}

  .lianxi1 ul { margin:20px 0}
 .lianxi1 ul li{ float:left; width:50%; padding:0 20px; box-sizing:border-box; text-align:center; margin-bottom:15px;}
 
 
  .lianxi1 ul li i{ display:block; font-size:30px; color:#2db1e8}
   .lianxi1 ul li h3{ display:block; font-size:16px; margin:15px 0}
    .lianxi1 ul li p{ display:block; font-size:12px; line-height:23px; color:#777; height:46px}
	
	
	 .zx_ly{width:100%; padding:20px; background-color:#f7f7f7; margin:20px auto; box-sizing:border-box}
	
	 .zx_ly input{ line-height:35px; font-size:12px; margin-bottom:15px;}
 .zx_ly textarea{width:100%; height:110px; padding:15px 10px; background-color:#fff; border:1px solid #ddd; font-size:12px; line-height:26px; resize:none; outline:none; margin-bottom:15px; box-sizing:border-box}
 .zx_ly button{width:150px; height:40px; background-color:#2db1e8; border:0;font-size:14px; line-height:40px; margin:0 auto; color:#fff; display:block;}
 .zx_ly h3{font-size:20px; line-height:40px; color:#000; margin-bottom:10px; text-align:center;}
 .zx_ly h4{font-size:14px; color:#555; margin-bottom:10px; text-align:center; font-weight:normal}
 .zx_ly p{font-size:12px; line-height:23px; color:#888; margin-bottom:15px; text-align:center;}
 .zx_ly em{width:50px; height:3px; background-color:#2db1e8;  display:block; margin:0 auto 15px;}


 .ban{ width:100%; float:none; margin-right:0;}
 .ban:nth-child(2n){margin-right:0;}
 }
 
 
   @media only screen and (max-width:414px){
	   
	    .lianxi1 ul li{ float:none; width:100%; padding:0 0px; box-sizing:border-box; text-align:center; margin-bottom:15px;}
 
   }
   
   .ditu img{ width:100%}
   .xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#2db1e8; color:#fff; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#2db1e8; border:1px solid #2db1e8; color:#fff; text-align:center;margin-left: 1px; }





	.hui {
    background: #f7f7f7;
    background-size: cover;
    width: 100%;
	height:100%;
    padding: 40px 0;
    overflow: hidden;}
	
.bt1{  margin-bottom:30px; margin-top:30px; text-align:center;  background-size:auto 10px;}
.bt1 h3{font-size:30px; font-weight:normal; color:#2db1e8; line-height:45px; padding-bottom:15px;}
.bt1 em{ display:block; width:80px; height:2px; margin:0 auto; background:#2db1e8}


#lib_Tab1{width:96%; margin:0 auto; max-width:1200px;}
.lib_Menubox2 {height:30px;line-height:30px;position:relative; margin-bottom:20px}
.lib_Menubox2 ul{margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0; height:30px;text-align:center; width:100%; text-align:center; font-size:0}
.lib_Menubox2 li{display:inline-block;cursor:pointer;width:30%; max-width:120px; margin:0 1%;color:#333; height:30px;line-height:30px; background-color:#fff; font-size:14px;}
.lib_Menubox2 li.hover{padding:0px;background:#2db1e8;width:30%;max-width:120px; margin:0 1%;color:#fff;height:30px;line-height:30px;font-size:14px;}
.lib_Contentbox2{clear:both;margin-top:0px; border-top:none;height:auto; text-align:center;padding-top:8px;}


 .dongtai .left { width:49%; float:left; position:relative; height:545px; background-color:#fff;overflow:hidden }
.dongtai .left  img{ width:100%; height:auto; margin-top:40px; transition:all 0.6s}
.dongtai .left  a:hover img{ transition:all 0.6s; transform:scale(1.1,1.1)}
.dongtai .left .date{ display:block; position:absolute; background-color:rgba(0,0,0,0.6); width:100%; padding:15px; box-sizing:border-box; z-index:99; bottom:0; text-align:left}
.dongtai .left .date span{ font-size:12px; color:rgba(255,255,255,0.7) }
.dongtai .left .date span i{ padding-right:5px; color:#9e222e}
.dongtai .left  .date p { display:block;  color:#fff; line-height:24px;  font-size:16px;}

.dongtai .right { width:47%; float:right;}
.dongtai .right ul li { border-bottom:#e8e8e8 1px solid; padding:25px 0; overflow:hidden}

.dongtai .right ul li .rq { display:block; width:70px; float:left; color:#888; font-size:16px}
.dongtai .right ul li .rq em{ display:block; font-weight:bold; font-style:normal; color:#000; font-size:20px}

.dongtai .right ul li .wz { width:calc(100% - 90px) ; float:right; font-size:13px; color:#666; line-height:21px;  overflow:hidden;}
.dongtai .right ul li .wz h3{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px; color:#333; height:35px; text-align:left;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:normal}
.dongtai .right ul li .wz p  {text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-size:14px; line-height:23px;  color:#666; }
.dongtai .right ul li .wz p a:hover { color:#1f6eb1;}
.dongtai .right ul li .wz span{ display:block; line-height:40px; color:#666; font-size:12px; text-align:left}










    @media only screen and (max-width:992px){
		
		 .dongtai .left { width:100%; float:none; position:relative; height:auto;overflow:hidden }
		 .dongtai .right { width:100%; float:none; overflow:hidden}
		 
		 .dongtai .right ul li .rq { width:50px;  font-size:12px}
.dongtai .right ul li .rq em{  font-size:16px}
.dongtai .right ul li .wz { width:calc(100% - 60px) ; float:right; font-size:12px; color:#666; line-height:20px;  overflow:hidden;}
.dongtai .right ul li .wz h3{ font-size:16px;  height:25px; }
.dongtai .right ul li { padding:15px 0; overflow:hidden}

	}



.des{ padding:10px; line-height:22px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
}



     
/*	.xiangmu{ width:70%; margin:20px auto;}
	  

  


 .sypro ul{ position:relative; margin:0 -20px;}

.sypro ul li{ float:left; width:33.3%; padding:0 20px; box-sizing:border-box; margin-bottom:20px}

.sypro ul li i{ display:block; width:100%; padding-bottom:70%; border:#e1e1e1 1px solid; box-sizing:border-box; position:relative; overflow:hidden}
.sypro ul li i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; transition:all 0.6s}
.sypro ul li:hover i img{ transform:translate(-50%,-50%) scale(1.1,1.1);transition:all 0.6s}

.sypro ul li p{ display:block; font-size:14px; line-height:30px; text-align:center}



.more a{ display:block; margin:0 auto; width:120px; line-height:30px; border:#78101a 1px solid; font-size:14px; color:#78101a; transition:all 0.6s; text-align:center; margin-top:20px}
.more a:hover{ transform:translateY(-10px); transition:all 0.6s}




    @media only screen and (max-width:992px){
		
 .sypro ul{ position:relative; margin:0 -10px;}

.sypro ul li{ float:left; width:50%; padding:0 10px; margin-bottom:10px; box-sizing:border-box}

		
		
		
		
		}*/
		
		
		
		
		
		.lyf{ width:70%; margin:20px auto;}
		
	.pro_list1 li{ float:left; width:20%; margin-right:5%; margin-top:30px; border:#f1f1f1 1px solid; box-sizing:border-box;transition:all 0.6s}
.pro_list1 li:nth-child(4n){margin-right:0; }
.pro_list1 li .img{ width:100%; height:auto; padding:30px; box-sizing:border-box}
.pro_list1 li img{ width:100%; height:auto; transition:all 0.6s}
.pro_list1 li:hover img{ transform:scale(1.1,1.1);transition:all 0.6s}
.pro_list1 li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.15); border:#2db1e8 1px solid; transition:all 0.6s}


.pro_list1 li .title{text-align: center; font-size:16px;padding: 15px 5px; margin:10px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.pro_list1 li:hover .title{ background:#2db1e8; color:#fff}	 

.more a{ display:block; margin:0 auto; width:120px; line-height:30px; border:#2db1e8 1px solid; font-size:14px; color:#2db1e8; transition:all 0.6s; text-align:center; margin-top:50px}
.more a:hover{ transform:translateY(-10px); transition:all 0.6s}
 

@media only screen and (max-width:768px){
	
.lyf{ width:98%; margin:0 auto}

.pro_list1 li{ float:left; width:47%; margin-right:0; margin-top:15px; margin-left:2%; }

.pro_list1 li .title{text-align: center; font-size:12px;padding: 5px 5px; margin:10px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}


}