/* focus */
body{background:#fff}
.slider{ margin:0 auto;  position:relative; overflow:hidden;height:auto; background:#fff;  }
.slider #bd{ position:relative;}	
.slider #bd li{ display:none;overflow: hidden;height:400px;}	
.slider #bd .p{display:block;}
.slider #bd li a{display:block;width:100%;height:100%;max-width:1920px;}	
.slider #bd li a>img{ display:block;width:100%;height:100%;}	
.slider #hd{ left:50%;height:8px;position:absolute;bottom:20px;margin-left:-80px;}
.slider #hd>li{ float:left; zoom:1; margin:0 5px;vertical-align:top;width:40px;height:5px;cursor:pointer;background:#333}
.slider ul#hd .on{ background:#BB2524;}	
/*content*/
div.content{max-width:1200px;margin:50px auto;}
div.content>div.container{max-width:1200px;width:100%}
div.flor_2 h2,div.flor_2 p,div.flor_1 h2,div.flor_1 p{text-align:center;width:100%;height:25px;line-height:25px;margin:10px 0;z-index: 3;}
div.flor_2>p,div.flor_1>p{color:#B42527;}
div.content div.flor_1 h2,div.flor_2 h2{font-weight:800;font-size:24px;color:#333;margin-top:50px}
div.flor_2 div.pro,div.flor_1 div.pro{overflow:hidden;}
div.flor_2 div.pro a,div.flor_1 div.pro a{display:block;width:100%;box-sizing:border-box;margin:20px 0;color:#fff;overflow:hidden;height:100%;}

div.flor_2 div.pro a{background:#e8e8e8 !important;}


.tile {  width:30%; height:220px;margin:1%; background-color: #111; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; 
  box-shadow: -8px 9px  7px -7px rgba(0, 0, 0, 0.44); 
  overflow: hidden; color: white;max-height:220px;}
.tile img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out;display:block; padding: 0}
.tile .text { z-index: 99; position: absolute; top:0;left:0;height:100%}
 
.tile h2 { font-weight: 100; font-style: italic; transform: translateX(200px);}
.tile p { font-weight: 300;  line-height: 25px; transform: translateX(-200px); transition-delay: 0.2s; padding:0px 12px 0 12px}
.animate-text { opacity: 0; transition: all 0.6s ease-in-out; }
.tile:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.tile:hover img { opacity: 0.2; }
.tile:hover .animate-text { transform: translateX(0); opacity: 1; color:#fff}
.dots { position: absolute; bottom: 20px; right: 30px; margin: 0 auto; width: 30px; height: 30px; color: currentColor; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.dots span { opacity: 0; transition: transform 0.4s ease-out, opacity 0.5s ease; transform: translateY(30px); }
.tile:hover span { opacity: 1; transform: translateY(0px);margin-top:20px }
.dots span:nth-child(1) { transition-delay: 0.05s; }
.dots span:nth-child(2) { transition-delay: 0.1s; }
.dots span:nth-child(3) { transition-delay: 0.15s; }





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

.slider #bd li{ display:none;overflow: hidden;height:400px;}
}
@media screen and (max-width:1700px) {

.slider #bd li{ display:none;overflow: hidden;height:400px;}
}
@media screen and (max-width:1600px) {

.slider #bd li{ display:none;overflow: hidden;height:400px;}
}
@media screen and (max-width:1500px) {
.slider #bd li{ display:none;overflow: hidden;height:400px;}
}
@media screen and (max-width:1440px) {
.slider #bd li{ display:none;overflow: hidden;height:400px;}
}
@media screen and (max-width:1366px) {
	.slider #bd li{ display:none;overflow: hidden;height:400px;}
}
@media screen and (max-width:1300px) {
	.slider #bd li{ display:none;overflow: hidden;height:285px;}
}
@media screen and (max-width:1280px) {
	.slider #bd li{ display:none;overflow: hidden;height:266px;}
}
@media screen and (max-width:1100px) {
	.slider #bd li{ display:none;overflow: hidden;height:231px;}
}
@media screen and (max-width:960px) {
	.slider #bd li{ display:none;overflow: hidden;height:200px;}
}
@media screen and (max-width:768px) {
 div.gg div.col-sm-6{  width:48%;margin-top:5px;max-height:160px;}
  .tile span.icon-jiantou1-copy{display:none}
.slider #bd li{ height:100px;}
}
@media screen and (max-width:640px) {
	.slider #bd li{ display:none;overflow: hidden;height:135px;}
}
@media screen and (max-width:417px) {
div.gg{padding:0 15px;}
div.gg div.col-xs-12{width:100%;margin-top:15px;max-height:190px;}
 .tile span.icon-jiantou1-copy{display:none} .slider #bd li{ height:90px;}
 

}




/*solution*/

div.flor_1 div.pro a span.txt{font-size:16px;font-weight:800;text-align: center;display:block;width:100%;height:30px;margin-top:10px;}
div.flor_1 div.pro a span.icon-jiantou1-copy{margin-right:30px;line-height:30px;margin-top:-10px;}
div.flor_1 div.pro a span.line{width:80px;line-height:2px;height:2px;border-top:2px solid #BB2524;margin:0 auto;display:block;}
div.flor_2{margin-top:60px;}
div.flor_2 div.pro a>img{display:block;width:100%;margin:0 auto;max-height:210px;transition: all 0.6s;}

div.flor_2>div.pro a{background:#fff;color:#404040;padding:0}
div.flor_2 div.pro a:hover{
	box-shadow: 0 10px 15px rgba(0,0,0,.5);
	transition: all .3s;
	-webkit-transform: translate(0,-2px);
	transform: translate(0,-2px);
	transform: scale(1.02);
}
div.flor_2 div.pro a>p{text-align:center;box-sizing:border-box;
	padding:0 40px;

	overflow:hidden;
 height:50px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
h3.ht{width:40%;padding-left:15px !important;color:#BB2524;}
/*h3.ht>span{margin-right:-5px}*/
h3.ht a{color:#BB2524;height:30px;line-height:30px;margin-left:10px;font-size:16px}
div.flor_2 div.problem{box-sizing:border-box;margin:0 auto; }
div.flor_2 div.problem a{display:block;height:227px;max-height:227px;overflow:hidden;max-height:280px; }
div.flor_2 div.problem a>img{max-height:170px;display:block;width:100%;}
div.flor_4{margin-top:40px;overflow:hidden;}

div.flor_4 div>a{display:block;line-height:55px;height:55px;width:100%;background:#ccc;color:#3F3F3F;box-sizing:border-box;font-size:18px;overflow:hidden;max-height:55px;}
 
#menu div>a i{line-height:55px;}
div.flor_4 div>a.m_li_a{color:#fff;background:#BB2524;}
div.flor_4 div>a#m_2{color:#fff}

#m_1>i.iconfont,#m_2>i.iconfont{margin-left:30px;}
#m_1>i.icon-jiantou1-copy,#m_2>i.icon-jiantou1-copy{margin-right:40px;}



div.flor_5{margin-top:60px;}
div.flor_5>div.row{background:#BB2524 !important;}
div.flor_5 h2{font-size:24px;color:#000;text-align:center;}
div.flor_5>p{text-align:center;margin-bottom:30px;color:#BB2524}

div.flor_5 a div.col-md-7 p.txt{
text-align:left;box-sizing:border-box;padding:0 3%; 
 height:100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;
 
}
 
div.flor_5>a div.odd{padding-left:3%;}
div.flor_5 a div.col-md-7 p>span{margin:0 10px;}
div.flor_5 a span.txt{font-size:25px;width:100%;box-sizing:border-box;padding:0 3%;display:block;margin:30px 0 15px 0;line-height:24px;}
div.flor_5 a span.txt b:nth-child(1){color:#BB2524}
 
div.flor_5 a div img{display:block;width:100%;height:100%;}
div.flor_5 a{display:block;width:100%; background:#eaeaea !important;margin:15px 0;color:#333;}
div.flor_5 a:hover p{padding-left:5px !important;transition: all 500ms linear 0s;box-sizing:border-box;}
div.flor_5 span.icon-jiantou1-copy{margin-right:40px;color:#BB2524;font-size:30px;}
div.flor_5 div.s0{height:10px;}
div.flor_5 div.s2{height:30px}
 
 

/*鏇存敼*/
div.flor_5 a div.col-md-7 p.sp1{line-height:26px;}