@charset "utf-8";
.wzfw{ text-align:center; line-height:200%; color:#73777A;padding:10px 0px}
.wzfw h2,.caselr h2,.aboutlr h2{ font-size:46px;  color:#121212;font-family: 'HanHei-SC';}
.wzfw span,.caselr span{ padding-left:20px}
.fwlr{ border:1px solid #E7E7E9;padding:0px;border-left:0px;}
.fwlr>div{ padding:0px; margin:0px;border-left:1px solid #E7E7E9; color:#797979; line-height:200%; cursor:pointer;}
.fwlr div .div,.fwlr div .divls{ text-align:center; background:#F5F6F6;padding:30px 0px; margin:0px 0px 10px}
.fwlr div .divls{background:#00C1DE; color:#FFFFFf; }
.fwlr div .divls h3{color:#ffffff}
.fwlr div i{ font-size:52px}
.fwlr h3{margin:0px; color:#333333}
.fwlr div p{ text-align:center;padding:10px;}
.fwlr div .p,.fwlr div .p1{ font-size:12px; padding:20px 0px}
.fwlr div .p1{color: #4F4E4E; }

.caselr{background:url(../imges/bg-1.png) repeat-x; text-align:center; margin-top:20px;color:#73777A;padding:20px 0px
}
.caseimg
{ position:relative;}
.caseimg div{ margin:0px; padding:0px}
.caseimg .lbj9{display:none}

.caseimg .fdli { width:100%; height:100%; text-align:left; background:url(../imges/t7.png);  position:absolute; left:0; top:0; opacity:0; display:none/9;
-webkit-transition:all 0.5s ease; transition:all 0.5s ease; visibility: hidden;
}
.caseimg .fdli a { display:block; color:#ffffff; padding:20px 10%; opacity:0; display:none/9; text-decoration:none; 
-webkit-transition:all 0.3s ease; transition:all 0.3s ease; margin-top:30px; transition-delay:.2s; -webkit-transition-delay:.2s;}
.caseimg .fdli ._tag {display:inline-block;font-size:16px;border-bottom:#fff 1px solid;line-height:40px;}
.caseimg .fdli ._n { display:block; margin-bottom:5px; margin-top:7%; color:#ffffff;}
.caseimg .fdli ._text {font-size:13px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.libox:hover .fdli { opacity:1; display:block; visibility: visible;}
.libox:hover .fdli a { opacity:1; display:block/9; margin-top:0;}


.aboutlr{ background:#00C2DE;text-align:center; padding:20px 0px;color:#FFFFFF}
.aboutlr h2{ color:#FFFFFF}
.aboutzs{padding:20px 0px; text-align:left}
.aboutzs i{ font-size:90px;}
.aboutzs div{padding:0px 20px; text-align:center}

/*优势效果*/
.aboutysyc
{ padding:0px 20px; text-align:center; margin-top:90px; position:relative;}

.aboutysyc .box_img 
{ position: absolute; width: 117px; height: 132px; color: white; text-align: center; font-size: 14px;}
@keyframes updown {
	0% { transform: translateY(0px); }
	50% { transform: translateY(5px); }
	100% { transform: translateY(0px); }
}

@-moz-keyframes updown /* Firefox */
{
	0% { transform: translateY(0px); }
	50% { transform: translateY(5px); }
	100% { transform: translateY(0px); }
}

@-webkit-keyframes updown /* Safari 和 Chrome */
{
	0% { transform: translateY(0px); }
	50% { transform: translateY(5px); }
	100% { transform: translateY(0px); }
}

@-o-keyframes updown /* Opera */
{
	0% { transform: translateY(0px); }
	50% { transform: translateY(5px); }
	100% { transform: translateY(0px); }
}

.aboutysyc .box_img01 
{ background: url(../imges/t2.png) no-repeat top center; top: 17%; left: 29%; padding-top: 2%; animation: updown 2.1s infinite ease-in-out;}
.aboutysyc strong 
{ font-size: 30px; font-family: "bebasregular";}
.aboutysyc p 
{ font-size: 14px;}
.aboutysyc .box_img02 
{ background: url(../imges/t3.png) no-repeat top center; top: -30%; left: 37%; padding-top: 10px; animation: updown 2.3s infinite ease-in-out; animation-delay: 0.5s;}
.aboutysyc .box_img02 strong 
{ font-size: 26px;}

.aboutysyc .box_img03 
{ background: url(../imges/t4.png) no-repeat top center; top: -22%; left: 51%; padding-top: 10px; animation: updown 2.2s infinite ease-in-out; animation-delay: 0.8s;}
.aboutysyc .box_img03 strong 
{ font-size: 26px;}

.aboutysyc .box_img04
{background: url(../imges/t5.png) no-repeat top center; top: 12%; right: 27%; padding-top: 7px; animation: updown 2s infinite ease-in-out;}
.aboutysyc .box_img04 strong {font-size: 26px;}

.aboutysyc .box_img05 
{background:url(../imges/t6.png) no-repeat top center; top: 34%;	left: 45%; padding-top: 12px; animation: updown 2s infinite ease-in-out; animation-delay: 0.8s;}
.aboutysyc .box_img05 strong {font-size: 32px;}

.aboutjt{ margin:0px auto;padding:0px; font-size:150px; text-align:center; color:#00C2DE; }
.aboutjt::before{content:"";  display: table; position: relative;padding:0px; height:58px; width:100%; background:url(../imges/3.png) no-repeat center }

.zsimg div{ float:left;padding:10px 19px; text-align:center; line-height:280%}
.zsimg div img{ padding:5px ;border:1px solid #E7E7E9; clear:both; background:#FFFFFF}
.wzlc{ padding:0px; margin:0px auto}
.wzlc div{ float:left;margin:10px 1% 20px; width:18%;border:1px solid #E7E7E9; text-align:center;padding:20px 0px}
.wzlc i{ font-size:50px;color:#D6001D}
.wzlc h4{ color:#666666; font-weight:bold ;}
.wzlc h4 span{ color: #000000}
.wzlc p{ text-align:left; color:#666666;padding-left:10%; font-size:12px}
.wzlc .p{ text-align:center;padding-left:0%; color:#333333;padding-bottom:20px}
.newsin{ background: #FBFBFC; border:1px solid #E0E2E3; margin:20px auto; padding:22px; text-align:center;}
.newsin div
{ width:33%; padding:3px 10px; float:left; box-sizing:border-box;}

.newsin a{  color:#373D41; border-left:3px solid #373D41;padding-left:10px;  display:inline-block; }
.newsin1{ margin:0px  auto 20px;}


.body{ background:#F3F3F3}
.newslr{ padding:30px 0px}
.bkleft,.bkright{border:1px solid #EAEAEA; padding:0px; margin:0px 2% 10px; background:#FFFFFF}
.bkleft h1{ font-size:28px}
.bkleft section{ text-align:center; line-height:200%}
.bkleft section p{ font-size:12px; color:#6F6F6F;border-bottom:1px solid #EEEEEE; margin:0px 20px;padding:10px}
.bkleft section p a{color: #6F6F6F}
.bkleft .lrzw{ line-height:250%; color: #555555;padding:40px 5%;}
.bkleft .lrzw img { max-width:100%!important; height:auto!important;display: block;margin: 0 auto}
.adpic{position: relative}
.adpic .ad{position: absolute;top: 0;left: 0;width: 45px;line-height: 23px;background: rgba(0,0,0,0.2);color: #fff;z-index: 1;
	font-size: 12px;text-align: center}
.bkleft .lrzw .copy{clear: both;background-color: #f2f2f2;font-size: 12px;line-height: 1.8;color: #999;padding: 6px 15px 5px;border-radius: 2px;text-align: center;margin-top: 15px}

.bkleft .slong{line-height:250%; color: #555555;padding: 0 5%;}
.newsmorelb{margin:0px 20px;padding:5px}
.newsmorelb p{border-bottom:1px solid #E1E1E1;padding-bottom:5px;font-size:18px;color:#393939;}
.newsmorelb ul{ margin:0px; padding:0px 20px}
.newsmorelb ul li{ font-size:12px; color:#ACACAC; line-height:250%}
.newsmorelb ul li a{ color:#777777;font-size:14px;}
.newsmorelb ul li p a{font-size: 13px}
.newsmorelb ul li p{line-height: 1.4}
.bkright{ margin:15px 0px; padding:21px 20px}
.bkright ul{ margin:0px; padding:0px}
.bkright ul li{ list-style:none; padding:0px;border-bottom:1px solid #EEEEEE;padding:5px 0px}
.bkright p{ font-size:16px; font-weight:bold;border-bottom:1px solid #E1E1E1;padding-bottom:5px}
.bkright p a{color: #333}
.bkright a{ display:block; color:#888888}
.bkright span{ font-size:12px; color:#BBBBBB}

.tag{overflow: hidden}
.tag ul li{ list-style:none; padding:0px;padding:5px 0px;border: none;}
.tag ul li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;!important;}

.tags{background: #fff;padding: 20px;min-height: 400px}
.tags ul{margin: 0;padding: 0;overflow: hidden;display: flex;flex-wrap: wrap/*display: flex;text-align: justify;flex-wrap: wrap*/}
.tags ul li{list-style: none;margin: 5px 0 5px 0;float: left;width: 12.5%;padding: 0 5px;}
.tags ul li a{display: block;color: #666;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;background-color: #e6e6e6;padding: 6px 10px}
.tags ul li:nth-child(9n){margin-right: 0}


.newsmorelb2 ul li a{color: #333;font-size: 15px}
.navtit{font-size: 28px;text-align: center;margin-bottom: 15px}
.navtit h1{border-bottom: 1px solid #EEEEEE;margin: 0 20px;padding: 25px 0}

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; font-size:0px; padding:26px 0 38px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #666;  margin-right: 5px; padding:6px 10px; background:#fff;  border:1px solid #aaaaaa;  display: inline-block; }
.page_fanye span
	/*{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}*/
{line-height:16px; font-size:14px; text-indent:0px; color: #fff;  margin-right: 5px; padding:6px 10px;display: inline-block;background:#00C1DE;  border:1px solid #00C1DE;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#00C1DE;  border:1px solid #00C1DE;}

.page_dian{ text-align:center;padding:10px 0 38px;font-size: 24px;}

/*手机超小屏幕下的单独样式 xs < 768px */

@media (min-width: 300px) and (max-width: 767px){

.caseimg .fdli ._n{ font-size:18px;}
.caseimg .fdli ._text{ display:none}


.wzfw h2,.caselr h2,.aboutlr h2{ font-size:26px;}

.wzfw p, .aboutlr section p,.caselr p,.wzlc,.wzfwlc,.noneb,.caseimgnone{ display:none}

.fwlr{margin:0px 5%}
.fwlr{border:0px}
.fwlr>div{ margin-bottom:10px; border:1px solid #E7E7E9;}
.fwlr .bxw{border-left:0px solid #E7E7E9;}

.fwlr div,.aboutzs{ font-size:12px}
.fwlr div h3,.aboutzs h3{ font-size:16px}
.fwlr div .div,.fwlr div .divls{ padding:10px 0px 0px; margin:0px}
.fwlr div i{ font-size:42px}
.fwlr div p{ text-align:center;padding:5px 0px;}
.fwlr div .p,.fwlr div .p1{ font-size:12px; padding:10px 0px}

.aboutlr{ padding:10px 0px;}

.aboutzs i{ font-size:60px;}
.fwlr div span{display:none}
.aboutysyc{display:none}
.aboutzs h3{ margin:8px auto}
.aboutzs div{padding:0px 10px;}
.aboutjt::before{background:url(../imges/3.png) no-repeat top center /auto 100%; height:40px;}

.zsimg div{ width:50%;padding:5px 19px; }
.zsimg div img{ width:80%}
.newsin{ width:90%}
.newsin div{width:100%; text-align:left; }

.bkleft{ width:96%;}
.bkleft h1{ font-size:18px}
.bkleft section p{ padding:3px}
.navtit h1{padding: 20px 0}


.newsin{padding:10px;}
.page_dian{font-size: 14px}

}




/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){
.wzfw h2,.caselr h2,.aboutlr h2{ font-size:36px;}

.caseimg .lbj6,.noneb,.caseimgnone{ display:none;}
.fwlr div,.aboutzs{ font-size:12px}
.fwlr div h3,.aboutzs h3{ font-size:16px}
.fwlr div .div,.fwlr div .divls{ padding:15px 0px; margin:0px}
.fwlr div p{ text-align:center;padding:5px 0px;}
.fwlr div .p,.fwlr div .p1{ font-size:12px; padding:10px 0px}
.aboutzs i{ font-size:60px;}
.aboutzs div{padding:0px 15px;}

/*优势效果*/
.aboutysyc .box_img01 
{  left: 24%;}
.aboutysyc .box_img02 
{ left: 37%;}
.aboutysyc .box_img03 
{ left: 52%; }
.aboutysyc .box_img04
{right: 22%;}
.aboutysyc .box_img05 
{left: 46%; }


.fwlr div span{display:none}
.fwlr div i{ font-size:42px}

.zsimg div{ width:32%; font-size:12px}
.zsimg div img{ width:100%}
.aboutjt::before{background:url(../imges/3.png) no-repeat top center /auto 100%; height:40px;}
.wzlc div{ padding:10px 0px}
.wzlc i{ font-size:40px;}
.wzlc .p{ padding-bottom:5px}

.wzlc h4{ font-size:12px}
.newsin div{width:100%; text-align:left;}
.newsin{ padding:10px;}


}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){
.caseimg .lbj6,.noneb{ display:none}

.zsimg div{ width:32%; font-size:12px}
.zsimg div img{ width:100%}

.aboutjt::before{background:url(../imges/3.png) no-repeat top center /auto 100%; height:40px;}

}