body{
	line-height:160%; font-size:28px;

color:#000; background-color:#fff;letter-spacing:3px;
padding:0px;
-webkit-font-smoothing:antialiased;
margin:0px;font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif} 


	
::selection {
background:#000; color:#fff;

}

::-moz-selection {
background:#000;  color:#fff;

}

::-webkit-selection {
background:#000; color:#fff;   

}

/*@font-face{
font-family: "myFont";
src: url('font/fzht.ttf');
}

@font-face {
font-family: "myFont";
src: url('font/fzht.eot');
src: url('font/fzht.eot?#font-spider') format('embedded-opentype'),
   url("font/fzht.woff") format("woff"),
   url("font/fzht.ttf") format("truetype"),
   url("font/fzht.svg") format("svg");
font-weight: normal;
font-style: normal;
}*/



ul,li,p,h1,h2,h3,h4{ margin:0px; padding:0px; margin:0;padding:0;border:0;outline:0;font-style:normal; font-weight:400;list-style-type:none; }
img{ border:0px;}
a{ color:#000; text-decoration:none; -webkit-transition: all 0.5s;}
a:hover{ color:#999; text-decoration: none; -webkit-transition: all 0.5s;}


.wq{ margin:2.5vw; }


.left_menu{position: absolute; width:100%; display:inline-block; left:0px;top:0px; height:6.5vw; z-index:99999999;}
.hard_logo{position: absolute; left:2.5vw; top:2.3vw; z-index:9999999999; width:30%; }
.hard_logo a{width:165px; height: 50px;  display:inline-block; background-repeat:no-repeat; background-image: url(https://bddo.cn/images/bddo_3.svg);background-position: 50% 0;
background-size: 100% auto;-webkit-transition: all 0s}


.hard_logo a{font-size: 0;}

.yya{
position:fixed;
left:0;
top:0;/*background:rgba(255,255,255, .95) none repeat scroll 0 0 !important;
filter:Alpha(opacity=95 )*/;
}
.gizle{top:-10rem;}
.sabit{top:0;z-index:9999999;}

.loend .hard_logo a{background-image: url(https://bddo.cn/images/bddo_3bai.svg); -webkit-transition: all 0s;}
.loend  .munee a{color:#fff;background-image: url(https://bddo.cn/images/menu_2.svg);-webkit-transition: all 0s;}
.loend  .munee a:hover{color:#fff;}
.loend  .fmm a:hover{color:#000;}
.lo2  .hard_logo a{background-image: url(https://bddo.cn/images/bddo_3bai.svg); -webkit-transition: all 0s;}
.muue2 .hard_logo a{background-image: url(https://bddo.cn/images/bddo_3.svg); -webkit-transition: all 0s;}
.yya .homelo  .hard_logo a{background-image: url(https://bddo.cn/images/bddo_3.svg); -webkit-transition: all 0s;}
.yya .hard_logo a{background-image: url(https://bddo.cn/images/bddo_3.svg); -webkit-transition: all 0s;}

.loend .menu_top{ color:#fff;}
.yya .loend .menu_top{ color:#000;}
/*.yya  .lo2 .hard_logo a{background-image: url(/logo.png); -webkit-transition: all 0s;}*/

.menu_x{ position: absolute; right:2.3vw;  top:1.3vw; z-index:99999999999999;  height:50px;  }
.offr{  right:1.3vw; top:1.8vw;}
.menu1{ position: absolute; z-index:9999999; text-align: right; right:0px;  font-size:35px; line-height:15px;float:right;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.menu1 a{ color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:2.4vw; }
.menu1 a:hover{color:#fff;}
.muue2{ display:inline-block; display:none; position:fixed; right:0px; top:0px; color:#000;  width:100%; height:100%;backdrop-filter:saturate(180%) blur(6px); z-index:999999999; background:rgba(255,255,255, .99) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=99);}

.munee a{ width:3.5rem; height:3.5rem;display:inline-block; margin-top:.5rem; color:#000;   font-size:75px; text-align:center;line-height:3rem; font-family:Georgia,Serif;

background-repeat:no-repeat; background-image: url(https://bddo.cn/images/menu_1.svg);-webkit-transition: all 0s;background-position: 50% 0;
background-size: 90% auto;
}
.muue2 .munee a{ background-image: url(https://bddo.cn/images/off_1.svg);}


.munee a:hover{ display:inline-block; color:#000;}


.homelo .muue2 .hard_logo a{background-image: url(https://bddo.cn/images/bddo_3.svg);  }


.munee_end .munee a{ }
.munee_end .munee a:hover{background-color:none;}

.menu3 a{ color:#000; }
.menu3 a:hover{ color:#999;  }
.menu3{padding-top:11%; text-align:center; width:100%; }
.muue2 ,menu3 a{ display:block; float:right; font-size:120px;line-height:135px; }
.muue2 ,menu3{ text-align: left;  display:none; }


.menu3 a:after {
content: '';
display: block;
height: 3px;
margin-top:4px;
width: 0;
background: transparent; background-color:#FFCC00;
/*transition: width .5s ease, background-color .5s ease;*/
}

.menu3 a{ position:relative; z-index:99999;}


.contt { padding-top:4rem;  }

.contt h3{font-size:25vw;font-weight:400; line-height:33vw; z-index:-1; position:absolute; left:0px; top:10%; color:#f5f5f5; display:inline-block; width:100%; line-height:100%; text-align:center; } 
.menu_top{ width:50%; float:right; text-align: right; margin-right:9rem; margin-top:2vw; font-size:2rem; }
.menu_top a { margin-left:10%; position:relative; width:auto; }
.menu_top a span{ width:16px; height:2px; background-color:#666; display:inline-block; position:absolute; left:50%; bottom:-1vw; margin-left:-8px;display:none;}
.menu_top  .xz span{ display:block; }

.c_r{  padding:2.5vw; } 

.cot2{ width:100%; margin:0px auto; clear:both;position:relative; overflow:hidden;}
.cot2_l1{  position:absolute; left:2.5vw; top:3vw; color:#fff; height:100%; z-index:999; width:95%; }

.cot2_l1 a{ color:#fff;}
.cot2_l2{ width:100%;height:90vh;position: relative;}
.cot2_l2 img{     width: 100%;}
.hfy{ position:absolute; right:0vw; bottom:6.5vw; font-size:2.5vw; }
.hfy a{ margin-left:10px; padding-bottom:10px; border-bottom:1px solid #fff;}



.bc{ width:100%; height:100%; display:inline-block; z-index:99; position:absolute; left:0px; bottom:0px;background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3));-webkit-transition: all 0.5s;}

.bc span{display:inline-block;width: 100%;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;opacity: 0;}

.end_top .bc{ background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.05));}

.moreend a:hover .bc{background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.3));-webkit-transition: all 0.5s;}
.moreend a .bc{}
.end_top ul li { position: relative; overflow: hidden; width: 100%; height: 100%;}
.homelo  .munee a{color:#fff;background-image: url(https://bddo.cn/images/menu_2.svg);-webkit-transition: all 0s;}

.lo2 .muue2 .munee a{}

.yya  .munee a{color:#000;background-image: url(https://bddo.cn/images/menu_1.svg);-webkit-transition: all 0s;}
.yya  .munee a:hover{color:#000;}
.homelo  .menu_top { color:#000;}
.lo2  .menu_top {color:#fff;}
/*.lo2  .munee a{color:#fff;}*/
.yya .homelo  .menu_top {color:#000;}
.muue2 .munee a{color:#000;background-image: url("https://bddo.cn/images/off_1.svg");}

/*.top_bg{ position:fixed; width:100%; height:70px; background-color:#fff; left:0px; top:24px; z-index:8888;}*/

.footer{ overflow:hidden; clear:both;  z-index:9999; position:relative; padding:2.5vw; letter-spacing:1px;background-color:#000; color:#999; }

.footer li{ width:40%; margin-right:5%; float:left;word-wrap:break-word;
word-break:normal; }
.footer li span{ margin-right:5px;}

.footer a{  margin-left:15px;  color:#ddd; display:inline-block;}

.footer  .footer_r { float:right;  width:45%; text-align:right;margin-right:0;  }



.ser_cot{  margin-bottom:80px; width:100%; }
.ser_cot img { width:100%;}
.cot_2 ul li{display:inline-block; width:100%; width:48.5%; padding-right:30px; padding-bottom:30px;float:left;  text-align: left; overflow:hidden;overflow:hidden;  position:relative; }

.bigtt{ text-align: center;/*mix-blend-mode: difference;*/font-size:65px; line-height:85px;margin:0 auto;width:100%; z-index:870;  position:absolute;      bottom: 20.5vw; color:#fff;display:none;font-weight: 400; }
.minitt{ text-align: left; font-size:3vw; line-height:3.5vw;  position:absolute; left:0vw; bottom:6vw; width:50%; overflow:hidden;}
.about_tt{ font-size:65px; line-height:85px;  overflow:inherit; margin-top:20px; margin-bottom:20px;}
.about_tt_l{ float:left; padding-right: 20%;font-size:65px;line-height:80px;   overflow: hidden; margin-bottom: 1.5rem; }
.about_tt_r{ float:left;/*margin-left: 1.25vw;*/ width: 65%; margin-bottom: 1rem;margin-top: 1rem;}
.solid .about_tt_r a{ color:#999; margin-bottom:5px; margin-top:5px; width:50%; float:left; display:inline-block;}
.solid  .about_tt_r .xz{ color:#000;}
.mor{  overflow:hidden; margin-top:30px;}
.mor a{  padding-bottom:10px; border-bottom:1px solid #3c00d3; display:inline-block; }
.mor img{ height:30px; margin-left:20px; float:right; margin-top:5px;}
.aboutt{ overflow: hidden; clear:both; margin:2.5vw;position:relative; }
.wks_l{ width:50%; margin-left:50%;  }
.wks_l h3{font-size:3.5rem; line-height:4rem; margin-bottom:20px; margin-left:-5px;}
.but a{ color:#999;}
.xzz a{ color:#000;}



.el{ padding-top:0px; margin-top:0px;}

.mopic{ padding:2.5vw;padding-top:0vw; padding-bottom:0vw;  overflow: hidden; }
.mopic_l{ width:65%; /*height:30vw; */overflow:hidden; float:left; margin-right:2.5%; margin-bottom:30px; }
.mopic_r{ width:32.5%; float:left; margin-bottom:30px;/*height:30vw;*/  overflow:hidden}
.mopic_l img,.mopic_r img{width:100%; margin-bottom:15px;/*filter: grayscale(100%);*/}
.mopic span{ color:#999;}
.fw-list{ width:100%; margin-top:10px; }

.fw-list-r{ width:100%; padding-bottom:1px; clear:both; }
.fw-list-r ul{ padding-bottom:25px; margin-bottom:25px; padding-top:25px; border-bottom:1px solid #ccc;border-top:1px solid #ccc; margin-bottom:-1px;}
.fw-list-r h3{ font-size:30px; line-height:45px; }
.fw-list-r span{ display:inline-block; padding-top:15px; overflow:hidden; width:100%;}

.fw-list-r a{ border-bottom:1px solid #000; padding-bottom:3px;}
.blog{ overflow:inherit; padding-top: 2rem; padding-bottom: 2rem; }
.blog h3{ font-size:45px; line-height:55px; margin-bottom:40px; font-weight: 400; }
.blog ul{ column-gap:2.5vw;column-count:3; position: relative;
width: 100%;
overflow: inherit;}
.blog ul li{ position: relative; float:left; display: inline-block;-moz-page-break-inside: avoid; 
			-webkit-column-break-inside: avoid;page-break-inside:avoid;
			break-inside: avoid; margin-bottom:2rem;width: 100%;}
.blog ul li img{ width:100%; margin-bottom:20px;}
.blog ul li div{  width:80%;}
.blog ul li span{ color:#999;width:80%;  margin-top:5px;}
.moreend h3{ margin-bottom:30px;}

.xq_but_r{ padding-top:0vw; width:50%; float:right; clear:none;}
.but_r { width:50%;/*font-size:2vw; line-height:2.8vw;*/ }
.but_r ul{ border-bottom:0px;border-top:0px; padding-bottom:0px;  padding-top:0px;}
.but_r ul li { margin-bottom:3rem;}
.but_r p{ margin-bottom:20px;}
.but_r span{ color:#999; display:inline; margin-right:10px;}
.jku{ width:90%; margin-top:20px; color:#999; }
.jku div{ margin-top:0px;}
.jku span { margin-right:10px; }
.tu22 {/*filter: grayscale(100%);filter: gray;*/  }

.tu22 img,.tu23 img{ width:100%; margin-bottom:2.5vw; }
.tuda{ width:100%; overflow:hidden; margin-bottom:1rem;}
.tuda img{ width:100%; margin-left:0;}

.tu23{ width:100%; clear: both; }
.tu23 ul{ column-gap:0vw;column-count:2;  }
.tu23 li{float:left;-moz-page-break-inside: avoid;
			-webkit-column-break-inside: avoid;
			break-inside: avoid;  width:100%;}
.tu23 li img{ width:100%; float:left;}


	
.lc{  overflow: inherit; margin:2.5vw; padding-bottom:2rem;}
.lc ul { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:-1px;  width:100%; padding-top:30px; padding-bottom:30px; overflow: hidden; clear:both; }
.lc_l{ float:left; width:40%; text-align:left;}
.lc_r{ width:50%; float:right; text-align:right;}

.works{ width:100%;}
/*.works ul{ column-gap:0;column-count:2; } */
.works ul li{margin-bottom:0; position:relative;width:50%;float: left; /*box-sizing: border-box;
-webkit-column-break-inside: avoid;
break-inside: avoid;*/
overflow: hidden;}


.works ul li a:hover img{-webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.works ul li img{ width:100%; float:left; -webkit-transition: all 0.5s;}
.works .mbg{ width:100%;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;color: #fff;} 
.works a:hover .mbg{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
.works ul li div{width:80%; overflow:hidden; word-break: break-all; position: absolute;z-index: 45;
left: 2.5vw;top: 2.3vw;font-size: 2rem; line-height: 3rem}
.works ul li div span{filter:alpha(Opacity=50);-moz-opacity:.5;opacity: .5;font-size: 1.8rem;line-height: 2.8rem;}
.works ul li .works_video{ height:500px; overflow:hidden;}
.works h3{ width:100%; text-align:center;margin-bottom: 2rem;clear: both;display: inline-block; margin-top: 2rem;}
.works h3 a{ color:#000; display:inline-block; width:100%; padding-top:20px; padding-bottom:20px;font-weight: 400;font-size: 26px;}
.home_wks .works ul li div{font-size: 2.3rem; line-height: 3.2rem}
.home_wks .works ul li div span{font-size: 2rem;line-height: 4rem}

.works ul li .hzz{ color:#000;overflow:hidden;}
.works ul li .hzz img{ filter: drop-shadow(#000 80px 0);
transform: translateX(-80px);}
.works_top ul{column-count:1;}
.works ul li a:hover img{ -webkit-transition: all 0.5s; filter:brightness(70%);}
.works p{width:65px; height: 55px;  display:inline-block; background-repeat:no-repeat; background-image: url(https://bddo.cn/images/right2.svg);background-position: 50% 0;
background-size: 100% auto; float:left; clear: both; }
.works .hzz  p{ background-image: url(https://bddo.cn/images/right_hei.svg);}
.works a:hover  p,.works a  p{ -webkit-transition: all 0.5s;}
.works a:hover  p{ margin-left:20px;}
/*.home_wks .works ul{ column-count:2; }*/ 

.pww .works ul li div{ font-size:2.4rem;}
.pww .works ul li div span{ font-size:25px;}
.pww .works ul li div p{ width:55px; height:45px;}

.hcs{ background-color:#e0dceb; overflow:hidden; width:100%; clear:both;}
.hcs_l{ float:left; width:50%; position:relative; overflow:hidden; }
.hcs_l span{  padding:2.5vw; width:90%;  display:inline-block;}
.hcs_l h3{ font-size:3.5vw; line-height:4.5vw; margin-top:2.5vw;margin-bottom:2.5vw;}
.hcs_r{ float:right; width:50%; }
.hcs_r img{ width:100%; float:left;}

.eirs{ padding-top:7vw; margin:2.5vw;  margin-bottom:2.8vw;}
/*.abt p{ font-size:2rem; line-height:3rem;}*/
/* 设置list通栏*/

.pww .works ul{ column-gap:0;column-count:2; } 
.hmwk ul{ column-gap:0;column-count:1; } 
.btp{ display:block}
.btp_x{ display:none}



@-webkit-keyframes fadeInOut {
0% {
	opacity:1;
 }
25% {
	opacity:0;
}
50% {
	opacity: 0;    
}
75% {
	opacity:1;
}
}
.trans_fade_image {
position:absolute;    
-webkit-animation-name: fadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 14s;
-webkit-animation-direction: alternate;

}



/*幻灯开始*/

.solid{

clear:both;  

position:relative; overflow:hidden;height: calc(85vh);max-height: 750px;
}
.end_top{height:auto;}


.solid ul li  a{ width:100%; float:left;}
.solid ul li img{width:100%;height: 100%; object-fit: cover;float:left; margin-left: 0% }
.solid ul li span{text-align: left; font-size:3.5rem; line-height:4rem;  width:100%; margin-left:0%; display:inline-block;  position:relative; z-index:99999;/*-moz-opacity: 0.8;
opacity: .8;
filter: alpha(opacity=80);*/}
.solid #btt{
 float:right; margin-right:2.5vw;
 
bottom:-44.5rem; position:absolute; z-index:9999; right:0px;

position:relative;
 text-align:right; 
}

.solid #btt a{ float:right;color:#fff;padding-bottom:5px; border-bottom:1px solid #fff; margin-left:20px;}
.solid #btt span{

display:block; height:20px; white-space:20px;

float:right;
margin:0 5px;	
text-align:center;

z-index:1000; color:#fff;
cursor:pointer;
/*filter:alpha(opacity=59); 
-moz-opacity:0.59;
opacity:0.59;*/
}

.list_top{ margin-bottom:0px;}

.hometop  .jss{ display:inline-block; margin-bottom:20px; color:#666; width:50%; clear:both; }
.hometop  .scot{ width:50%; clear:both;display:inline-block;}
/*TAB开始*/

#tab{position:relative;}
#tab .tabList ul li{
float:left;
background:#fefefe;
background:-moz-linear-gradient(top, #fefefe, #ededed);	
background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
border:1px solid #ccc;
padding:5px 0;
width:100px;
text-align:center;
margin-left:-1px;
position:relative;
cursor:pointer;
}
.solid ul li a{ display:inline-block;}
#tab .tabCon{
position:absolute;
left:-1px;
top:32px;
border:1px solid #ccc;
border-top:none;
width:403px;
height:100px;
}
#tab .tabCon div{
padding:10px;
position:absolute;
opacity:0;
filter:alpha(opacity=0);
}
#tab .tabList li.cur{
border-bottom:none;
background:#fff;
}
#tab .tabCon div.cur{
opacity:1;
filter:alpha(opacity=100);
}


/* about list */




.site{ width:70%; margin: 0 auto; padding:2.5vw; padding-top:0px; }

.site ul { position:relative;width:100%;  overflow: inherit;margin-top:45px; margin-bottom:0px;
}


.site ul li  {  position: relative; padding-bottom:16px; width:100%;
}
.site ul li  p{ margin-bottom:40px; font-size:2.5rem; line-height:3.5rem;}


.site h2{width:100%; 
position: -webkit-sticky;
position: sticky; overflow:hidden;
top:0; background-color:#fff; padding-top:3rem; padding-bottom:10px; font-size:110%;

display:block;   z-index:999; float:none; 

}
.hometop {  width:auto; padding:2.5vw; position:relative; margin-bottom:80px; }
.hometop h2{font-size:4.5rem; line-height:5rem;  float:left; }
	.hometop h3{  font-size:65px; line-height:85px;letter-spacing:3px; position: relative; margin-bottom:-4.5rem; display:inline-block; padding-top:120px;font-weight: 400;  }
.hometop4{background-repeat:no-repeat; }
.hometop4 .ttbg{  width:40%;  text-align:center; position:absolute; right:0; bottom:-4rem; z-index:0;opacity:.9;filter: alpha(opacity=99); }
.hometop4 .ttbg img{ width:100%; float:right; }
.hometop4 span{ margin-top:10vw; margin-bottom:10vw;} 
.ttbig{ font-size:5.2vw; line-height:6.2vw;  width:75%; color:#000; } 

.ttbig2{ width:30%; position:absolute; right:2rem; bottom:-8vw; color:#fff; font-size:2.3vw; line-height:3vw; display:none;}
.moo { position:absolute; bottom:2.5vw;   font-size:2.4rem; z-index:9999;}
.moo a{ color:#000;}
.hometop4 .moo img{ width:2vw; float:right; margin-left:20px;}

.lklk{  background-color:black; padding:2.5vw;padding-bottom: 10vw; color:#aaa; font-size:55px;line-height:75px; }
.lklk .wz{ width:70%;}
.lklk .wz a{ color:#ddd; position:relative;    /*filter: alpha(Opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;*/}
.lklk .wz img{ width:4.5rem; margin-left:20px;  margin-bottom:-1rem;transition-duration: .5s;}
.lklk .wz a:hover img{margin-left: 40px;transition-duration: .5s;}
.lklk .wz a:hover{color: #fff;}

.blog{ margin:2.5vw; }


.tu23 .endlist{ font-size:50px; line-height:65px;  padding:2.5vw; padding-top:0px; padding-left:0px;   width:135%;}

.tu23 .endlist_m{width:135%;padding:2.5vw; padding-top:0px; padding-left:0px;}

.resp-container{

　　position:relative;

　　overflow:hidden;

　　padding-top:56.25%;

　　}

.resp-iframe{

　　position:absolute;

　　top:0;

　　left:0;

　　width:100%;

　　height:100%;

　　border:0;

　　}




.kh_list { margin:2.5vw; margin-bottom:5rem;  overflow:hidden; width:auto; padding-top: 2rem;}

.kh_list h3,.wq h3{ font-size:45px; line-height:55px; margin-bottom:30px; font-weight: 400; }


.kh_list ul li:before {/*content: "·";*/}
.kh_list ul{column-gap: 2.5vw;
column-count: 3;
position: relative;
width: 100%;
overflow: inherit;}

.kh_list ul li{position: relative; width:100%;line-height: 200%;
display: inline-block;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;}
.kh_list img{ width:100%; margin-top:5%; margin-bottom:5%;}
.kh_list img{ width:100%; margin-top:5%; margin-bottom:5%;}
.teamtt{ margin-bottom:-4vw;} 
.pjctop{ margin-bottom:1.5rem; margin:2.5vw; overflow:hidden;}
.pjctop .about_tt_r a{ float:left; margin-right: 30px;line-height:260%;cursor:pointer}

.n_b_l .kh_list {position: absolute;left: 0;bottom: 0;margin: 2.5vw;z-index: 999;color: #fff;}


.video-color-bg {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height:auto;
display:block;

background-color: black;
z-index: 1;
-moz-opacity: 0.99;
opacity: .99;
filter: alpha(opacity=99);

}

.video-xx{ 

width: 100%;


}

.banner-index {
width: 100%;

padding-bottom: 50.25%;
float: left;
overflow: hidden;
position: relative;
top: 0px;
background-attachment: fixed;
-webkit-background-size: cover !important;
-moz-background-size: cover!important;
-o-background-size: cover !important;
background-size: cover !important;

background-color:#000;
background-position: 50% 0%;


background-repeat: no-repeat;


}


.cont { padding-top:4rem; padding-bottom:2rem;}
.cont ul{ overflow:hidden; clear:both; margin-bottom:3rem;}
.cont ul li{ margin-bottom:2rem; width:33%; float:left;}
.cont ul li h4{ margin-bottom:-10px; padding-bottom:0px;  line-height:100%; font-weight: 400; }
.cont  img{ width:100%; }
.ddd{ height:5vw; overflow:hidden;}

.service_list{ padding-top:2rem;}
.service_list h2{ font-size:40px; line-height:45px; margin-top:2.5vw;}
.service_list ul {column-gap:1px;column-count:1;}
.service_list ul li{ -webkit-column-break-inside:avoid; overflow:hidden; margin-bottom:2.5vw;}
.service_list ul li:hover{ color:#000}
.service_list ul li h2{ width:100%; margin-bottom:20px; }
.service_list ul li  h4{ margin-bottom:20px;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; width:75%;} 
.service_list h3{ /*float:left; width:50%;*/ margin-bottom:5px; padding-left:30px;  background-image: url(https://bddo.cn/images/bv.svg);background-position: 0 50%; 
background-size:20px auto;background-repeat:no-repeat;  }
.service_list ul li span{ width:50%; display:inline-block; float:right; overflow:hidden;}
.service_list ul li img{ width:100%; float:none; }
.service_list ul li div{ float:left; width:50%; padding-left:2.5vw; }
.service_db{  background-color:#000; color:#fff; padding:2.5vw; overflow:hidden; margin-bottom:1px;}
.service_db_l{ width:50%; float:left;}
.service_db_l h2{ font-size:3.4vw; line-height:4.2vw; margin-bottom:20px; margin-top:20px;}
.service_db_l h3{ margin-top:80px;} 

.service_db_r{ width:26%; float:right; margin-left:10%;}
.service_db_r img{ width:100%;}
.mapp { width:100%;overflow:hidden;}
.mapp  img{ width:100%;}
/* .svtt{ background-color:#91eb1d;}
.btts { background-color:#ff7c50;}
.anlis{ background-color:#ffcd7e;}
.conn{ background-color:#2cf7d3;}*/
.svtt h3{ width:90%;}



.about_tt_r .nav4 a{ color:#999;}


.about_tt_r .nav3 a{  color:#000;}


.dis{display:block;}

.undis{display:none;}


.ygg { overflow:hidden; margin-top:-2vw; padding-bottom:2.5vw;}
.ygg  ul{ }
.ygg ul li{ margin-right:1px; padding-bottom:1px; width:19.93%; float:left;}
.ygg ul li img{ margin-bottom:0px; float:left; width:100%;}
.smm{ width:40%;margin-top:-5vw;}

.homeabout{ margin:2.5vw; padding-top:30px; padding-bottom:30px; padding-right:20%; font-size:35px; line-height:50px; }

.homeabout p{ margin-bottom:30px;}

.shuji{ overflow:hidden;padding-top: 2.5rem;padding-bottom: 1rem; }
.shuji ul {width: 110%;
column-gap: 2.5vw;
column-count: 0;}
.shuji ul li{-webkit-column-break-inside: avoid; margin-bottom:2rem;line-height: 200%;
break-inside: avoid; float:left; color:#999;width: 33%;}
.shuji ul li h3{ font-size:45px; line-height:45px; margin-bottom:20px; color:#000;font-weight: 400;float: left;margin-right: 5px;}
.shuji ul li h4{width: 88%;clear: both;font-weight: 400;}
/*.end_top ul li img { width: 120%; margin-left:-10%; }*/
.end-cot{ width:70%;padding-top: 20px;padding-bottom: 10px;}
.end-cot p{ margin-bottom:20px;}
.end-cot a{border-bottom: 1px solid #000;display: inline-block;line-height: 130%;margin-bottom: 5px;}
.moreend .mbg{  z-index: 888; color: #000;  
-moz-opacity: 1;
opacity: 1;}
.moreend ul { overflow: hidden;}
.moreend ul li span{/*filter: alpha(Opacity=60); margin-top: 0px;  color: #fff;
-moz-opacity: 0.6;
opacity: 0.6;*/ width: 100%; }
.moreend  ul li{ position: relative; float: left;}

.moreend  ul li img{ float:left;}
.zaii { }
.zaii ul {column-count:1;}
.zaii ul li img{ margin-bottom:0px;float:left;}
.zaii .zai_l{ float:left; width:66.66%;}
.zaii .zai_r{ width:33.34%; float:left;}
.zai_l img,.zai_r img{ width:100%; }

.dongj ul li{ position: relative ; float:left;}
.dongj ul li img{ margin-bottom: 0px; float: left;}
.dongj ul li a{ color: #fff;}
.dongj ul li span{ position: absolute; left: 0px; bottom: -5px; padding: 2rem;color: #fff;}
.fwlist ul li{ float: none}
.kff ul{column-count:4;}
.kff ul li { text-align: center}
.kff ul li img{ width: 50%; float:none;}
.hmtt{margin-bottom:0px; /*background-color:#ff7c50; color: #fff;*/ padding-top: 60px; padding-bottom: 60px; overflow: hidden;}

.home_l{ float: left; width: 65%; padding-right: 15%; font-size: 30px;}
.home_l img,.solid ul li h4 img{ width:3rem; margin-left: 20px; margin-bottom: -.9rem; float: none }
.home_l a{ filter: alpha(Opacity=80); 
-moz-opacity: 0.8;
opacity: 0.8;}
.hmtt  h2{ font-size: 40px; line-height: 55px; margin-bottom: 15px;   }
.home_r{ float: left; }
.home_r h4{ margin-bottom: 15px; filter: alpha(Opacity=80); 
-moz-opacity: 0.8;
opacity: 0.8;}

.hmtt .home_r span{ font-size:27px; line-height: 40px; }

.solid h4{font-size: 30px;  line-height: 45px; margin-top: 10px; filter: alpha(Opacity=80); 
-moz-opacity: 0.8;
opacity: 0.8;}


.kff h4 { width: 50%; margin-bottom: 50px; margin-top: -10px;} 

.baizi_box{overflow: hidden; width: 100%;padding-top: 30px;padding-bottom: 30px;}
.baizi_box h2{font-size: 50px;line-height: 60px; padding-top: 2rem;padding-bottom: 2rem;display: inline-block;width: 100%; text-align: left;font-weight: 400;}

.baizi ul li{color: #000;float: left; width: 30%;padding-right: 3%;margin-bottom: 1rem;}
.baizi_box h1{font-size: 50px; line-height: 65px;padding-right: 30%; display: inline-block;padding-bottom: 80px;clear: both;font-weight: 400;}
.woks_box {margin: 0;}

.offtu{width: 100%;height: 70vh;}
.offtu img{width: 100%; height: 100%;object-fit: cover; filter:grayscale(100%);}
.huibg {background-color: #f8f8f8; color: #000;}

.huibg .shuji h2,.huibg .shuji li{color: #000;width: 97%;}
.huibg .shuji ul{column-count: 1;}
.huibg .shuji ul li{line-height: 160%;}
.huibg .shuji a{color: #666;}
.huibg .shuji h2 {padding-bottom: 10px;font-size: 50px;line-height: 60px;font-weight: 400;}
.huibg .shuji a:hover  h2{color: #000;}
.huibg .shuji span{width: 97%;
display: inline-block;}

.n_b_l{overflow: hidden;clear: both;position: relative;max-height: 700px;height: 600px;display: block;z-index: 999; }
.n_b_l_tt{position: absolute;left: 0;top:0;z-index: 999;color: #fff;/*mix-blend-mode: difference;*/}
.n_b_l_bt a{position: absolute;width:auto; z-index: 100; left: 0;bottom: 0;padding-top: 60%;display: inline-block;width: 100%;color: #fff;display: inline-block;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));}
.n_b_l_bt a span{display: inline-block;width: 50%;font-size: 55px;line-height: 75px;}
.n_b_l_img{width: 100%;height: 100%;background: url(https://bddo.cn/blog/wp-content/uploads/2021/09/tt-2048x1129.jpg);
text-align: center;
font-family: PingFangSC-Semibold,PingFang SC;
position: relative;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;object-fit: cover;filter: grayscale(100%);background-color: aliceblue;
}
.n_b_l_img img{width: 100%;height: 100%;object-fit: cover;filter: grayscale(100%);}
.fuw,.n_b_l_tt,.n_b_l_bt a span{margin: 2.5vw}
.fuw h3{margin-bottom: 80px;}
.fuw li h4{margin-bottom: 30px;font-size: 55px;line-height: 72px;color: #000;}
.fuw ul{padding-bottom: 100px;overflow: hidden;}
.fuw li{width: 50%;float: left;font-size: 55px;line-height: 80px;color: #aaa;}
.fuw li:hover{color: #000;}

.h_iocn{margin:1.2rem 2.5vw;overflow:inherit;display: none;}
.h_iocn ul{width: 105%;}
.h_iocn ul li{width: 25%;float: left;padding-top: 10px;font-size: 1.9rem;}
.h_iocn ul li img{width: 60px;margin-top: -10px;margin-left: 10px; float: left; margin-right: 20px;}
.about_bg{

width: 100%;
height: 100%;
text-align: center;
position: relative;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
object-fit: cover;
filter: grayscale(100%);
background-color: aliceblue;
}

@media screen and (max-width:1600px) {
	
.menu_top{  margin-right:8.3vw;font-size:1.85rem;margin-top: 2.2vw;}
.muue2 ,menu3 a{  font-size:110px;line-height:125px;}
.left_menu{ height:7vw;}
.ygg ul li { width:19.91%;}
}


@media screen and (max-width:1500px) {
.h_iocn ul li{font-size: 1.7rem;}
.h_iocn ul li img{width:55px;}
.fuw,.n_b_l_tt,.n_b_l_bt a span,.n_b_l .kh_list{margin: 2.5rem}


.hard_logo a{width:155px;}
.about_tt{ font-size:60px; line-height:75px;}
.muue2 ,menu3 a{  font-size:100px;line-height:115px;}
.works .mbg img{ width:3.5rem;}
.works h3{ font-size:1.5rem;}
.munee a{ /*font-size:3rem;*/}
body,h2,h3,h4{  font-size:26px;letter-spacing:1px;}

.homeabout{ font-size:30px; line-height:45px;}
.left_menu{ height:7.5vw;}
.hometop h3,.hmtt h2,.about_tt_l { font-size:60px; line-height:78px;word-break:break-all;}
.hmtt h2{font-size:40px; line-height:55px;}
.bigtt{ font-size:60px; line-height:80px;}
.munee a{ width:3.2rem; height:3.2rem;}
.menu_x{/* top:2.1vw;right:3.2vw */}
.menu_top{  margin-right:7.5rem; margin-top:2.2vw;    font-size: 1.8rem; }

.moo{ font-size:2.2rem; }
.hometop4 .moo img{ width:2.3rem;}

.works_more  ul li{ font-size:2rem;}

.tu23 .endlist{ font-size:45px; line-height:60px; }
.pww .works ul li div{ font-size:2.2rem;}
.pww .works ul li div span{ font-size:22px;}
 
.eirs { padding-top:7rem;}
.hometop4 span{ margin-top:10rem; margin-bottom:10rem;}

/*.solid ul li img{width:140%; float:left; margin-left: -20% }*/
.kh_list  strong{ ; font-size: 27px }
.baizi_box h1 {
font-size: 40px;
	line-height: 55px;}

.huibg .shuji h2 {font-size: 40px;line-height: 50px;}
.baizi_box h2{font-size: 40px;line-height: 50px; }
.n_b_l{height: 500px;}
.lklk,.n_b_l_bt a span,.fuw li,.fuw li h4{ font-size:50px;line-height:68px;}
.lklk{padding-bottom: 12vw;}
.works ul li div{font-size: 1.8rem; line-height: 2.6rem}
.works ul li div span{font-size: 1.6rem; line-height: 2.8rem}

.home_wks .works ul li div{font-size: 2rem; line-height: 3.5rem}
.home_wks .works ul li div span{font-size: 1.8rem; line-height: 3.2rem}

.lklk .wz img{ width:3.8rem;margin-bottom: -.9rem;}
.zai_r{ width:33.33%;}
}

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

.huibg .shuji h2 {

font-size: 38px;line-height: 55px;
}
.baizi_box h1 {
font-size: 38px;line-height: 55px;
}
.baizi_box h2 {
	font-size: 38px;}
}

@media screen and (max-width:1200px) {
	.works h3 a {font-size: 24px;}
.h_iocn ul li{font-size: 1.6rem;}
.h_iocn ul li img{width: 50px;}
.offtu{max-height: 400px;height: 60vh;}
.works h3 {
font-size: 1.4rem;
}
.tu23 .endlist_m{padding: 2rem;padding-left: 0;padding-top: 0;}
.hometop h3, .hmtt h2, .about_tt_l {
font-size: 50px;
line-height: 68px;
word-break: break-all;
}
.bigtt{
	    font-size: 65px;
	    line-height: 85px;
	    margin: 0 auto;
	    width: 100%;
	    z-index: 870;
	    position: absolute;
	    text-align: center;
	    /* left: 2.5vw; */
	    bottom: 400px;
	    color: #fff;
	    display: none;
	    font-weight: 400;
	
}
.hometop4 .moo img{ width:30px; }
.lklk .wz img{width:3.3rem; margin-bottom:-10px;}

.lklk,.n_b_l_bt a span,.fuw li,.fuw li h4{ font-size:45px;line-height:65px;}
.lklk{  padding:2rem;padding-bottom: 8rem;}
.fuw,.n_b_l_bt a span,.n_b_l_tt,.n_b_l .kh_list{margin: 2rem;}

.solid ul li span{ font-size:3rem; line-height:3.5rem;}
.moo{ bottom:2rem; font-size:2.2rem; }
.site{ width:60%;}
.site h2{ margin-bottom:-20px; padding-top:2rem;}
.hard_logo a,.yya .homelo  .hard_logo a{width:145px;}
.lo2e .hard_logo a{width:145px;}

.about_tt{ font-size: 55px;line-height: 65px;}


.menu_x{  top:1rem;right: 2rem;}
.menu1 a{ /*font-size:35px;*/ }
.minitt{ left:2vw; bottom:8vw; }
.hfy{ position:absolute; right:2vw; bottom:8vw; font-size:2.5vw; }
.hard_logo{ left:2rem; top:2rem; }
.menu_top{ margin-right:7rem; margin-top:1.75rem;font-size:1.6rem;}
/*.mopic,.aboutt,.footer,.lc{ margin:2rem; }*/

.eirs{ margin:2rem; margin-bottom:3rem;  } 
.mopic{ padding-top:10vw; padding-bottom:0;}

.lc ul { padding-top:20px; padding-bottom:20px;}

.dbb{ margin-top:2vw; margin-bottom:2vw; width:85%;}
.left_menu{ height:6.2rem;}

.morelist ul{ width:100%; float:none;  }

.site ul li  p{ margin-bottom:30px; font-size:2rem; line-height:3rem;}

.shuji ul li h3{ font-size:40px; line-height:40px; }

.munee a{width:3rem; height:3rem; font-size:70px;}
.bigtt{ width: 80%;
    left: 10%;
    bottom: 11rem; }
#menu{
	display: none;
}

.tu23 .endlist{ font-size:40px; line-height:55px; }



.fw-list-l,.fw-list-r h3{ font-size:2rem; line-height:2.2rem;} 
.list_top{ margin-bottom:0px; margin-top:2rem; padding-top:7vw;}
.list_top h2{ padding-bottom:10px;}
.mor img{height:25px;}
.blog ul{ column-gap: 2rem;}
.muue2, menu3 a{ font-size:100px; line-height:115px;}
.hcs_l span{ padding:2rem;}
.hmwk ul{ column-gap:0;column-count:1; } 

.menu3{ margin-right:2rem; width:101%; margin-top:6%;}
.contt h3{ top:25%;}

.ttbig{ font-size:4rem; line-height:4.7rem;}
.solid h2{font-size:3.5rem; line-height:4.6rem;}



.kh_list {margin: 2rem; width:auto; margin-bottom: 3rem;}

.cot2_l2{height:80vh;}


.teamtt{ margin-bottom:-3rem;} 
.footer{ margin:0px; padding:2rem;}
.ttbig2{ font-size:1.8rem; line-height:2.2rem;}
 


.service_db{ padding:2rem;}
 .pjctop{ margin-bottom:2rem;}

 .pww .works ul{ column-gap:0;column-count:1; }
 .works p{width:55px; height:45px;}
  .smm{ margin-top:-4.5rem;}

   .pww .works ul li div{ font-size:2.2rem;}
.pww .works ul li div span{ font-size:25px;}
.works ul li div{
	left:2rem;top: 1.8rem;}

.works ul li div{font-size: 1.6rem; line-height: 2.6rem}
.works ul li div span{font-size: 1.4rem; line-height: 2rem}

.home_wks .works ul li div{font-size: 1.8rem; line-height: 3.2rem}
.home_wks .works ul li div span{font-size: 1.6rem; line-height: 3rem}

.service_list ul li{ margin-bottom:3rem;}
.service_list ul li img{ width:140%; margin-left:-20%;}
.ygg ul li{ width:19.9%}
.service_list ul li div{ padding-left:2rem;} 
.cont ul{ padding-top:3rem;}
.mapp{ margin-top:-5rem;}
.aboutt,.homeabout,.blog,.pjctop,.wq{ margin:2rem;}
.hometop{ padding:2rem;}
.works ul {
column-gap: 0;

}
.zaii ul{column-count: 1;}
.tu22 img,.tu23 img{ margin-bottom:2rem;}

.blog h3{ margin-bottom:30px;}
.cont { padding-top:0rem;}
.cont ul li{ margin-bottom:5rem;}

.ygg ul li { width:19.86%;}
body,h2,h3,h4{ font-size:24px;}

.kh_list h3,.wq h3{ margin-bottom:20px; }

.homeabout{ padding-right: 10%;}
.end-cot{ width:75%;}
.hmtt{ padding-bottom: 50px; padding-top: 50px}
	.kff ul li img{ width: 60%; }

.about_tt_r{ float:left;/*margin-left: 1rem*/}
.hometop h3 {
letter-spacing: 2px;}
.solid{height: calc(80vh);max-height: 600px;}
.end_top{height:auto;}
.woks_box {margin: 0;}
.huibg .shuji h2 {

font-size: 40px;line-height: 55px;
}
.solid ul li img {height: 100%;}
.kh_list h3,.wq h3,.blog h3{ font-size:40px; line-height:50px; }


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

.about_tt{ font-size:55px; line-height:65px;}
.tu23 .endlist{ font-size:40px; line-height:55px;}
.ttbig{ font-size:3.8rem; line-height:4.6rem;}
.solid h2{ font-size:3.2rem; line-height:4rem;}
.solid ul li span{ font-size:2.5rem; line-height:3rem;}
.menu_top a span{bottom:-1.5vw;}


.hard_logo a,.yya .homelo  .hard_logo a{width:135px;}
.lo2e .hard_logo a{width:135px;}
.menu_x{ right:1.6rem;right: 1.8rem; }
.munee a{width:2.8rem; height:2.8rem;}
.banner-index {

padding-bottom: 70.25%;}
.video-color-bg {

width: auto; height:100%;margin-left: -55%;



}

.works_more  ul li{ font-size:1.6rem;}
.cont ul li{  width:50%;}


.muue2, menu3 a{ font-size:90px; line-height:105px;}

.homeabout{ font-size:25px; line-height:35px;}
.service_db_r{ width:40%;}


.tu23 .endlist{ width:170%; padding-bottom:2rem;} 
.ygg ul li{ width:19.85%;}

.blog ul li img{ margin-bottom:15px;}
.zaii ul li img{margin-bottom: 0px;}
.moreend ul li img{}
.dongj ul li img{ margin-bottom:5px;}
.dongj ul{column-count: 2;}
.kff ul{column-count:3;}

/*.solid ul li img{width:160%; float:left; margin-left: -30% }*/
	
.woks_box {margin: 0;}
/*.works ul{column-count:2; } */
.h_iocn ul li img {
    width: 45px;margin-top: -7px;
}

.works ul li div{font-size: 1.4rem; line-height: 2.4rem}
.works ul li div span{font-size: 1.3rem; line-height: 2rem;}

.home_wks .works ul li div{font-size: 1.8rem;line-height: 3rem;top:1.6rem;}
.home_wks .works ul li div span{ font-size:24px;line-height: 38px;}
.works h3 a {
	font-size: 24px;

}

}
@media screen and (max-width:900px) {
.baizi ul li,.shuji ul li{width: 50%;margin-bottom: 4rem;}
.baizi_box {
    padding-top: 20px;
    padding-bottom: 20px;
}
.h_iocn{margin:0 1.7rem;}
.h_iocn ul li{width: 50%;font-size: 1.5rem;margin: 1rem 0;padding-top: 5px;
}
.h_iocn ul li img{width: 42px;margin-left: 5px;    margin-top: -5px;}
}

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


 body,h2,h3,h4{ font-size:22px;}
.about_tt {
font-size: 50px;
line-height: 60px;
}
.mapp{ margin-top:-3rem;}

.works h3{  font-size:1.3rem;}
.works h3 a{padding-bottom: 15px; padding-top: 15px;font-size: 22px;}
.site{ width:70%;}
.tu23 .endlist{ padding:1.7rem;width:85%;  font-size: 35px;
line-height: 45px;}
.hard_logo,.left_menu,.menu_x{ position:fixed;}
/*.menu_x{ z-index:999999; }
.hard_logo{ z-index:99999999}*/
.hfy{ right:3vw; bottom:9vw; font-size:1.2rem; }
.hfy a{ padding-bottom:5px;}
.hard_logo a,.yya .homelo  .hard_logo a{width:130px;}
.lo2  .hard_logo a,.lo2e .hard_logo a{ width:130px;}

.home_wks .works ul li div {
    font-size: 1.6rem;
    line-height: 3rem;
    
}

.menu3{ margin-top:120px;}
.muue2, menu3 a{ font-size:80px; line-height:95px;}

.contt{ font-size:20px; padding-left:50%;}
.munee a{ width: 2.6rem;
height: 2.6rem; margin-top:.6rem; font-size:65px;}
.wks_l{ width:100%; margin-left:0; }
.wks_l h3{ margin-left:0px; margin-bottom:7vw;} 

.mopic,.aboutt,.footer,.lc,.n_b_l .kh_list{ margin:1.7rem; }
.hometop{ padding:1.7rem} 
.aboutt,.homeabout,.blog,.pjctop,.wq{ margin:1.7rem;}

.bigtt{ left:1.7rem; bottom:1.7rem; width:60%;}
.about_tt_r { width:100%; margin-left: 0;}

.dongj ul li { float:none;}

.solid h2{ margin-left:0px;}


.site ul li{ width:90%;}
.site ul li  p{ margin-bottom:30px; font-size:1.7rem; line-height:2.7rem;}
.site ul{ margin-top:30px;}
.site h2{ padding-bottom:10px; padding-top:5rem; margin-top:-20px; margin-bottom:0px;}
.fw-list-r ul{ padding-top:15px; padding-bottom:15px;}



.xcf{ width:100%;}

.hard_logo{ left:1.7rem; top:1.7rem; }
.works ul li {width: 100%;}
.works ul li span{ display:block;}
.works ul li div{  left:1.7rem; bottom:1.7rem;font-size: 1.8rem;
line-height: 160%;}

/*.works ul li:hover div{ display:block;}*/
.works_top ul{column-count: 1}
.jku{ padding-top:0px;} 

.baizi_box h1{padding-right: 30%;}

.minitt{ text-align: left; font-size:2rem; line-height:2.5rem;  left:4vw; bottom:8vw; }

.moo{  bottom:1.7rem; font-size:1.8rem;}

.hcs_l span{ padding:1.7rem;}

.fdb li{ width:100%;}

.left_menu{ height:5.5rem;}
.blog ul {
column-gap: 1.7rem;
column-count: 2;}
.zaii ul{ column-count: 1;}
.ygg ul li {
width: 24.8%;
}

.list_top h2{ padding-bottom:10px;}
.mopic_l{ width:100%; margin-right:0px;}
.mopic_r{ width:100%; margin-right:0px;}
.eirs{  margin-bottom:2rem; padding-bottom:0px;} 

.tu23 ul{ column-count:1;  }
/*.abt p{ font-size:1.2rem; line-height:2rem; }*/

.btp{ display:none}
.solid ul li .btp_x{ display:block; width:100%; margin-left:0px;}

.contt{margin-right:1.9rem;}

.lklk{ padding:1.7rem;}
.works_more .about_tt{ font-size:2.4rem; line-height:3.1rem; margin-bottom:0px;}
.works_more  ul li div{ font-size:1.5rem;}
.works ul{ column-gap:0;column-count:1; } 
.works_more ul{column-count:2;}
.works_more .eirs{ margin:1.7rem;  margin-bottom:1.5rem; margin-top:1.7rem;}
.kh_list {margin:1.7rem;  width:auto;margin-bottom: 3rem;}

.teamtt{ margin-bottom:-2.5rem;} 
 .cont ul{ margin-bottom:0px;}
 .footer{ margin:0px; padding:1.7rem; padding-top: 110px;}

 .hometop4 span{ margin-top:8rem; margin-bottom:8rem;}
 .hometop4 .ttbg{ width:auto; height:90%; }
.hometop4 .ttbg img{ width:auto; height:100%; margin-left:20%; float:none; }
.ttbig2{ display:none;}


.service_db{ padding:1.7rem;}

.service_list h3{ width:100%;}

.works .mbg{ filter:alpha(Opacity=1);-moz-opacity:1;opacity: 1;} 
.works .mbg span{display: none;}

  .service_db_l h2, .kh_list h3{ font-size:2.4rem; line-height:3.1rem;}
  .smm{ margin-top:-1.5rem;}
	 .pww .works ul li div{ font-size:2rem;}
.pww .works ul li div span{ font-size:22px;}
.pww .works ul li div p{ width:45px;}

.xq_but_r{ width:90%; float:left;}
.service_list ul li img{ width:160%; margin-left:-30%;}
.service_list ul li div{ padding-left:1.7rem;padding-right:1.7rem;}
.cont h2{ width:60%;}


.lklk .wz {
width: 90%;
}

.cont ul li{ line-height:180%; margin-bottom:5rem;}
.cont  img{ width:100%; }

.mapp img { width:180%; margin-left:-40%}
.tu22 img,.tu22 img,.blog ul li{ margin-bottom:1.7rem;}
.dongj ul li span{padding: 1.7rem; width: 100%;}

.hmtt{ padding-bottom: 50px; padding-top: 50px}
.home_l {width: 65%;padding-right: 10%;}
.home_r h4 {margin-bottom: 10px;}
.hometop h3 {padding-top: 100px;}
.kff h3{ width: 75%}
.kff h4 {width: 90%;}
.hmtt .home_r span {font-size: 27px;line-height: 40px;}
.solid h4, .home_l {font-size: 30px;}
.home_l img, .solid ul li h4 img { width: 2.7rem;margin-bottom: -.8rem;}
.hometop h3,.hmtt h2,.about_tt_l  { font-size:50px; line-height:68px;}
.bigtt{font-size:50px; line-height:67px;mix-blend-mode: hard-light;}
.tu23 .endlist_m{  width: 75%; padding: 1.7rem;
padding-top: 1.8rem;
padding-bottom: 1.8rem;}
.end_top ul li  img  {  height:auto;} 
.blog h3,.shuji ul li h3,.kh_list h3,.wq h3,.lklk,.service_list h2,.hmtt h2{ font-size:38px; line-height:53px; }
.shuji ul li h3 {
    line-height: 40px;
}
	.lklk,.n_b_l_bt a span,.fuw li,.fuw li h4{ font-size:40px;line-height:55px;}
.svtt h3{ width:100%;}
.fuw,.n_b_l_bt a span,.n_b_l_tt{margin: 1.7rem;}
.n_b_l_bt a span{width: 90%;}
.n_b_l{height: 500px;max-height: 550px;}

.kh_list ul,.shuji ul {
column-gap: 2.5vw;
column-count: 2;}
.menu_top {
margin-right: 6rem;}
.woks_box {margin: 0;}
.huibg .shuji h2 {

font-size: 30px;line-height: 45px;
}
.baizi_box h1 {
padding-right: 20%;font-size: 30px;line-height: 45px;;
}
.baizi_box h2 {
	font-size: 30px;}
.shuji ul {

column-count: 1;
}
.home_wks .works ul{column-count:1; } 
.tuwb{ margin:0px;}
.tu22 img, .tu23 img {
	margin-bottom: 1px;}
}

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

.fuw li {
    width: 90%;
	margin-bottom: 20px;
    float:none;}
	.fuw li h4{margin-bottom: 0;}
	.fuw ul {
		padding-bottom: 40px;
		
	}
	.fuw h3 {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:600px) {
	.zaii .zai_r,.zaii .zai_l{ width:100%;margin-bottom: 0;}
.h_iocn{margin:0rem 1.7rem;}
.h_iocn ul li{font-size: 1.4rem;margin: .3rem 0;padding: 10px 0;}
.h_iocn ul li img{width: 38px;margin-top: -3px;
    }
.ygg ul li {
width: 24.76%;
}
.muue2, menu3 a{ font-size:70px; line-height:85px;}
.banner-index {

padding-bottom: 90.25%;}

.munee a{     
margin-top: .5rem;}

.hcs_l,.hcs_r{ width:100%;} 
.hcs_l span h3{ font-size:2rem; line-height:2.5rem; margin-top:4rem; margin-bottom:4rem;}

.works ul li div{line-height: 2rem;top:1.8rem;font-size: 1.8rem;}
.works ul li img {
filter: brightness(90%);
}
.works ul li .hzz img{ filter: drop-shadow(#000 70px 0);
transform: translateX(-70px);}
.works .mbg img{ width:3rem; margin-left:0px;}
.service_list ul {column-count:1;}

.service_db_l,.service_db_r{ width:100%;}
.service_db_l{ margin-bottom:30px;}
.service_db_l h2{ margin-top:0px; font-size:2.2rem; line-height:3rem;}


.about_tt_r{ width:100%; margin-left:0px; }
.pww .works ul li div { font-size:1.8rem;}
.pww .works ul li div span{ font-size:20px; margin-top:0px; margin-bottom:0px;}
.shuji ul li{ width:100%; line-height: 180%;margin-bottom: 3rem;} 
.shuji ul li h3{ margin-bottom:10px;}

.end-cot{ width: 90%}
.home_l {
float: none;
width: 90%;

	font-size: 30px; margin-bottom:50PX;}

.hmtt{ padding-bottom: 40px; padding-top: 40px}


.solid h4,.home_l{ font-size: 25px;}
.hmtt .home_r span {
font-size: 27px;
	line-height: 40px;}
.home_l img, .solid ul li h4 img {
	width: 2.4rem;margin-bottom: -.7rem;}
.footer a {
padding-top: 3px; 
 padding-bottom: 3px;
}

   .service_list ul li div{ float: none; width:100%;} 
.service_list ul li span{ width:100%; margin-bottom:20px;}
.service_list ul li span img{ width:100%; margin-left:0px; }
.service_list ul li h2{ margin-bottom:10px;}
.service_list{ padding-top:1rem;}
.service_list ul li  h4{width: 90%}

.bigtt, .hometop h3, .about_tt_l {padding-right: 10%;width: auto;
font-size: 45px;
	line-height: 60px}
.hmtt .home_l h2{ width: 100%; margin-bottom: 10px;}
.menu_top {display: none;}
  

}

@media screen and (max-width:500px) {
.top a{position: fixed;right: 1.7rem;bottom: 1.5rem;display: inline-block;font-size: 30px;width:40px;height: 40px; z-index: 99999;
background-repeat:no-repeat; background-image: url(images/bv_top.svg);-webkit-transition: all 0s;background-position: 50% 0;
background-size: 90% auto;
}
body,h2,h3,h4{ font-size:20px;}
.h_iocn{margin: 8px 1.5rem;margin-bottom: 15px;}
.h_iocn ul li{font-size: 1.3rem}
.h_iocn ul li img{width: 35px;margin-right: 12px;margin-top: -3px;}
.solid {
height: calc(78vh);max-height: 500px;
}
.cot2_l2{height:70vh;}

.end_top{
height: auto;
}
.shuji ul,.kh_list ul{column-gap: 0;
column-count: 1;}
.kehutt1 .kh_list ul{column-count: 2;}
.footer a{margin-left: 0;}
.footer li{width: 50%;margin-top: 10px;}
.footer  .footer_r {width:50%;float: left;margin-left: 0;text-align: left;}
.menu_top{ font-size:1.1rem;display:none;}



.about_tt {
font-size: 40px;
line-height:50px;}

.n_b_l_img{  background-attachment:inherit;}
.fw-list-r a{padding-bottom:2px;}

.solid span{ width:100%; }
.solid ul li span{ font-size:2rem; line-height:2.5rem; margin-left:0px;}

.menu_x{ right:1.4rem}
.munee a{ font-size:60px; margin-top:.3rem;width: 2.5rem;height: 2.5rem;}
.muue2, menu3 a{ font-size:60px; line-height:75px;}


.contt{ font-size:18px; line-height:28px; padding-left:45%;}
.contt .contt_tt{ margin-bottom:10px;}
.site{ padding:1.7rem; width:auto; padding-top:0px; padding-bottom:0px;}
.site ul{ margin-top:20px;}
.site ul li p{ width:100%; line-height:2rem; font-size:1.4rem; margin-bottom:20px;}
.blog ul{ column-gap:1px;column-count:1;}
.but_r p{ margin-bottom:15px;}
.hard_logo a,.yya .homelo  .hard_logo a{width:120px;}
.lo2  .hard_logo a,.lo2e .hard_logo a{ width:120px;}

.abt p{ margin-bottom:25px; }

.footer ul li a{  display:inline-block;}


.eirs{ margin-bottom:2rem;}
.eirs .about_tt{ width:70%;}

.fw-list-l li{ margin-bottom:5px;}

.wks_l2,.fw-list-r{ margin-top:-10px; width:100%;}
.mor img{ height:20px; margin-left:15px; margin-top:2px;}
.mopic_l,.mopic_r{  height: auto; }
.eirs .about_tt{ width:90%; margin-bottom:0px;}
.mopic_l img,.mopic_r img{width:100%; height:auto;}
.but_r ul li { margin-bottom:2rem;}
.list_top h2{ padding-bottom:5px;}

.works_more ul{ font-size:1.1rem;   }

.works_more  ul li div{display:none;}
 .works ul li div { font-size:1.5rem;}
.works ul li div span{ margin-top:0px; font-size:20px; line-height:26px; margin-top:5px;}
.lklk .wz img{ margin-bottom:-10px; width:2.8rem; margin-left:15px;}
.hometop4 .moo img{ width:26px; margin-left:10px;}
.moo{ font-size:1.5rem;}
.lklk .wz{ width:80%;}
.works_more .about_tt{ font-size:2.2rem; line-height:3rem;}
.works_more ul li{ font-size:1.4rem; }

.teamtt{ margin-bottom:-2.5rem;} 

.about_tt_l{  width:90%;}
.about_tt_r{ float:left; width:100%; }
.about_tt_r a{ margin-top:0px; margin-bottom:0px;}
.ttbig{ font-size:3rem; line-height:3.7rem;}
 .solid h2{ font-size:2.8rem; line-height:3.3rem; width:70%;}
 .pjctop{ margin-bottom:2rem;}

 .cont ul li{  width:100%; margin-bottom:2.5rem;}
 .cont ul li h4{ margin-bottom:-20px;}
.home_wks .works ul li div,.works ul li div{font-size: 1.4rem;line-height: 120%;}
.works ul li img{filter: brightness(90%);width: 120%;height: 100%;object-fit: cover;margin-left: -10%;}
.works ul li a:hover img{filter: brightness(90%);}
 .works .mbg img{ width:2.6rem;}
 .works_more ul{ column-count: 2;}
 .works ul li .hzz img{ filter: drop-shadow(#000 2.6rem 0);
transform: translateX(-2.6rem);}
.hometop4 span{ margin-top:6rem; margin-bottom:6rem;}
.mapp  img{ width:160%; margin-left:-30%;}

.works p{width:45px; height:35px;}
.smm{ margin-left:1.7rem; margin-top:-1rem; width:50%;}
.pww .works ul li div{ font-size:1.8rem;}
.pww .works ul li div span{ font-size:20px; margin-top:5px; margin-bottom:5px;}
.pww .works ul li div p{ width:45px; height:35px;}

.hometop h3{ margin-bottom:-4rem;}

.blog h3,.shuji ul li h3,.kh_list h3,.wq h3,.lklk,.service_list h2,.hmtt h2{ font-size:35px; line-height:55px; }
.lklk,.n_b_l_bt a span,.fuw li,.fuw li h4{ font-size:35px; line-height:50px; }
.n_b_l_bt a span {
width: 75%;}

.tu23 .endlist{ font-size:30px; line-height:40px;}
.blog h3{margin-bottom:20px;}
.blog ul li img{ margin-bottom:15px;}
.moreend ul {
column-gap: 0;
	column-count: 1;}
.moreend ul li{ margin-bottom: 1.2rem; }
.moreend ul li img{float:left;}
.zaii ul li img{ margin-bottom:0px;}
.moreend  ul li img{margin-bottom:10px;}
.ygg ul li {    -webkit-column-break-inside: avoid;
break-inside: avoid;  width:100%; float: none; display: inline-block;page-break-inside:avoid;
}

.ygg ul {
column-gap: 1px;
column-count: 2; overflow: inherit; position: relative; width: 100%;}
/*.svtt h3,.end-cot { width:90%;}*/

.zai_l,.zai_r{ width:100%; float:none;}
.blog .zai_l{ margin-bottom:0;}
.jku{padding-top:0px;  margin-top: 10px; margin-bottom: 10px;}
.dongj ul li img{ margin-bottom: 0px;}
.dongj ul li {margin-bottom: 1px;}
.zaii,.moreend，.dongj {margin-bottom: 4rem;}
.end-cot{ width:90% } 
.kff ul{column-count:2;}
.solid ul li img{ float:left;width:120%;margin-left:-10%;}

.home_l {padding-right: 0; margin-bottom: 40px;}

	.bigtt, .hometop h3,.about_tt_l  {
font-size: 40px;
		line-height:55px;}
.bigtt{width:80%;font-size:42px; line-height:58px;}

.huibg .shuji ul li {margin-bottom: 20px;width: 90%;
}

.baizi_box {
padding-top: 10px;
padding-bottom: 5px;
}

.hometop h3 {padding-top: 100px;}
.home_r h4{margin-bottom: 10px;}
.huibg .shuji h2 {

font-size: 30px;line-height: 45px;
}
.baizi_box h1 {
padding-right: 10%;font-size: 30px;line-height: 47px;padding-bottom: 60px;
}
.baizi_box h2 {
	font-size: 30px;padding: 1.2rem 0;}
.moreend .mbg{position: absolute;left: 1.2rem;top: .8rem;color: #fff;font-size: 22px;}
.moreend ul li .mbg span{display: none;}
.works h3 a{font-size: 20px;}
	.huibg .shuji ul{padding-top: 10px;}



}

@media screen and (max-width:400px) {
	.fuw h3 {
		margin-bottom: 60px;
	}
	.cot2_l2 {
		height: 75vh;
	}
.h_iocn{margin: 5px 1.2rem;margin-bottom: 10px;}
.h_iocn ul li{font-size: 1.2rem;margin: .5rem 0;padding: 5px 0;
}
.h_iocn ul li img{width: 32px;margin-top: -1px;}

.huibg .shuji{margin-bottom: 10;}
.works .mbg img{ width:2.4rem;}

.menu3 a{ font-size:55px; line-height:65px;}
.moo{ bottom:1.2rem;  }
.ttbig,.solid h2{ font-size:2.7rem; line-height:3.3rem; margin-top:0px;}

.homeabout,.aboutt, .homeabout, .blog, .pjctop, .wq{ margin:1.2rem;}
.lklk,.hometop{ padding:1.2rem;}
.kh_list { margin: 1.2rem;margin-bottom: 3rem;}
.works h3{ font-size:1.2rem;}
.hcs_l span h3{ font-size:1.7rem; line-height:2.2rem; }
.hard_logo a,.yya .homelo  .hard_logo a{width:115px;}
.lo2  .hard_logo a{ width:115px;}
.munee a{ width:2.3rem; height:2.3rem; margin-top:.3rem; font-size:55px;}

.solid ul li span{  font-size:1.6rem; line-height:2rem; }
.menu3{ margin-top:100px;}
.left_menu{ height:4.2rem;}
.site{ padding:1.2rem; width:auto; margin-top:-3rem; }
.site h2{ padding-bottom:5px;padding-top:3.5rem; margin-top:0px;}
.tu23 .endlist{  padding:1.2rem; padding-top:2rem; padding-bottom: 2rem; font-size:26px; line-height:36px; }
.site ul li{ padding-bottom:0px; margin-bottom:0px;}
.tu22 img,.tu23 img{ margin-bottom:1px;}
.works ul li div span{ margin-top:5px; font-size:18px; line-height:23px; }

.contt{margin-right:1.3rem;}


.contt{ padding-left:1.2rem;}

.hard_logo{ left:1.2rem; top:1.2rem;}
.menu_x{ /*top:.5rem; right:1.5rem;*/top:.7rem; right:1.3rem;}


.mopic,.aboutt,.footer,.lc, .n_b_l .kh_list{ margin:1.2rem; }

.woks_box{margin: 0;}
.eirs{ padding-top:6rem; margin-bottom:2rem;}
.list_top h2{ padding-bottom:5px;}
.moreend ul li img {margin-bottom: 0;}



.hometop{ margin-bottom:80px;}
.about_tt_r{ margin-bottom:1.2rem;}
.blog ul li{margin-bottom:1.2rem;}
.teamtt{ margin-bottom:-2rem;}
.footer{ margin:0px; padding:1.2rem; padding-top: 100px}
 .works ul li .hzz img{ filter: drop-shadow(#000 2.4rem 0);
transform: translateX(-2.4rem);}
.hometop4 .ttbg img{  margin-left:40%;}
.service_list ul li h2{ font-size:2rem; line-height:2.4rem;  }
.service_db{ padding:1.2rem;}
.service_list ul li div{ padding-left:1.2rem;}
.service_db_l h2{ margin-top:10px;}
.hometop4 .moo img{ width:25px; margin-top:1px;}
.works p{width:40px; height:30px;}
.smm{ width:80%; margin-top:-1.5rem; margin-bottom:2rem;}
.pww .works ul li div{ font-size:1.6rem;}
.pww .works ul li div span{ font-size:18px;}
.pww .works ul li div p{ width:40px; height:30px;}
.moo{ font-size:1.4rem;}
.blog h3,.shuji ul li h3,.kh_list h3,.wq h3,.lklk,.service_list h2,.hmtt h2{ font-size:32px; line-height:48px; }
.lklk,.n_b_l_bt a span,.fuw li,.fuw li h4{ font-size:32px; line-height:45px; }
	.fuw,.n_b_l_bt a span,.n_b_l_tt{margin: 1.2rem;}

.wks_l2 h3,.hometop h3, .svtt h3,.about_tt_l { font-size:35px; line-height:48px;}
.about_tt{font-size:35px; line-height:45px}
.bigtt{ left:1.2rem; bottom:1.2rem; font-size:38px; line-height:52px;width: 75%;}
.works ul li div{left: 1.2rem;
top: 1.2rem;
font-size: 1.5rem;
line-height: 2.3rem;
display: block;}

.home_wks .works ul li div{font-size: 1.5rem;}

.huibg .shuji h2 {
font-size: 25px;
line-height: 35px;
}


.huibg .shuji li span{-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;}

.footer .footer_r a{ display:inline-block;color: #999;}
.hometop h3{ margin-bottom:-3rem;}
.homeabout{ font-size:22px;padding-right: 0%;line-height:33px;padding: 10px;}
.moreend  ul li,.dongj ul li{ margin-bottom: 1.2rem;}

.zaii,.moreend{padding-top: 1rem;}
.moreend{padding-bottom: 0;}
.dongj ul li span{padding: 1.2rem;}

.hmtt{ padding-bottom: 30px; padding-top: 30px;margin-bottom: 0;}


.hmtt .home_r span {
font-size: 25px;
	line-height: 36px;}


.tu23 .endlist_m{ padding-left: 1.2rem; padding-top: 1.8rem; padding-bottom: 1.8rem;width: 88%;}

/*.end_top ul li img { width: 180%; margin-left:-40%; }*/

.lklk .wz img {
	width: 2.6rem;}
	.svtt{margin-bottom:3rem;}
	.anlis{margin-bottom:5rem;}
.baizi_box h2 {
font-size: 25px;padding-bottom: 1rem;padding-top: 1rem;
}

.baizi_box h1 {
padding-bottom: 60px;
font-size: 25px;
line-height: 37px;

}
.contt h3 {
font-size: 31vw;}
	.end_top ul li  img{ width:120%; margin-left:-10%;}
.tuwb{ margin:0px;}
}

@media screen and (max-width:360px) {
.munee a {
width: 2.1rem;
	height: 2.1rem;}

.hard_logo a,.yya .homelo  .hard_logo a{width:105px;}
.lo2  .hard_logo a{ width:105px;}

}