@charset "UTF-8";
/* BBD CSS Document */

body {margin:0px; background-color: #FFF;font-family:"Microsoft Yahei","微软雅黑",\5FAE\8F6F\96C5\9ED1,"PingFangSC-Light",sans-serif; font-size:14px;font-weight:lighter;color: #999999;line-height:23px;}

img{padding:0;margin:0; border:0;width:100%;}
img a{padding:0;margin:0; border:0}
img a:hover{padding:0;margin:0; border:0}

h1{font-weight: 800;font-size: 3.5em;color: black;line-height: 1em;}
h2{font-weight: 400;font-size: 2em;color: black;line-height: 1.3em;}
h3{font-weight: 300;font-size: 1.5em;color: black;line-height: 1.5em; }
h4{font-weight: 100;font-size: 18px;color: gray;line-height: 1.6em; } /**** text ****/
h5{font-weight: 300;font-size: 18px;color: black;line-height: 2.5em; } /**** bussiness ****/
h6{font-weight: 200;font-size: 18px;color: black;line-height: 1.8em; } /**** about us ****/

a {text-decoration: underline; color: #C0C0C0;font-size: 20px;}

/*************** header **************/

.header{position:fixed;top:0px;left:0px;width:100%;min-width:950px;z-index:9999;background:#fff;height:100px;opacity:0.95; overflow:hidden;}	
.logo{width:95px; float:left;  margin-left: 50px;}	
#slogan {font-weight: lighter;float: left;font-size: 16px;margin-left: 30px;margin-top: 50px;color: black;}


.topmenu{width:auto;height:18px; float:right; margin-top:60px;margin-right:100px;}	
#menu {float:left;margin:0px;}		
#menu li{float:left;list-style:none;}		
#menu li a{color:#000; text-decoration:none; display:block; width:80px;height:14px;text-align:center;font-size:16px; }
#menu li a:hover{ font-size: 15px;} 	


/**************  body box *************/

.showbox{ width:100%;height:auto;min-width: 870px;overflow: hidden;}

.work-box { width:100%;height:auto;margin: 0 auto;min-width: 900px;overflow: hidden;background-color:#FFF; line-height:0;}

.clear{width:100%; height:0px;clear:left; }	
.box-banner {width:100%; height:auto; float:left; overflow:hidden; margin-top:100px;}
.box-banner img{position: relative;transition:all 1s; overflow: hidden;}
.box-banner img:hover{filter: none; opacity: 1;width: 105%;height: 105%; }


/***** works ****/

.clent-logo{width:260px; height:auto; float:left; overflow:hidden; margin-left: 20px;margin-top: 200px;} 


.clent{width:60%; height:auto; float:left; overflow:hidden; } 
.clent h1 {margin-top: 180px;margin-left: 150px;font-size: 5em;}
.clent h2 {margin-left: 150px;}
.clent h3 {margin-left: 150px;}

.clent-intro{width:58%; height:auto; overflow:hidden; max-width: 800px;} 
.clent-intro h4{margin-left: 150px; color: gray;} 


.work-one {width:100%;  float:left; overflow:hidden; }
.work-one img{position: relative;transition:all 1s; overflow: hidden;}
.work-one img:hover{filter: none; opacity: 1;width: 102%;height: 102%; }
.work-two {width:50%; height:auto; float:left; overflow:hidden; margin:0px;} 
.work-two img{position: relative;transition:all 1s; overflow: hidden;}
.work-two img:hover{filter: none; opacity: 1;width: 102%;height: 102%; }
.work-tri {width:33.33%; height:auto; float:left; overflow:hidden; margin:0px;} 
.work-tri img{position: relative;transition:all 1s; overflow: hidden;}
.work-tri img:hover{filter: none; opacity: 1;width: 102%;height: 102%;}


/***** centact us ****/

.text-box{width: 800px;height: auto;margin: 0;float: left;}
.left-text{width:25%; height:auto; float:left; overflow:hidden; } /*****Left text title******/
.left-text h1 {margin-top: 160px;margin-bottom: 0;float: right;}
.left-text h2 {float: right;line-height: 1.5em;}
.right-text{width:50%; height:auto; float:left; overflow:hidden; margin-left: 100px;}   /*****right text title******/
.right-text h1{margin-top: 140px;line-height: 1.3em;}
.right-text h2{line-height: 1.5em;}
.right-wechat{width:100px; height:auto; float:left; overflow:hidden; margin-left: 100px;margin-top: 10px;} 
.about-right{width:50%; height:auto; float:left; overflow:hidden; margin-left: 100px;margin-top: 120px;}  
.box4 {width:25%; height:auto; float:left; overflow:hidden; margin:0;border: 0;} /*****index work******/
.box4 img{position: relative;transition:all 1s; overflow: hidden;}
.box4 img:hover{filter: none; opacity: 1;width: 105%;height: 105%; }

.box3 {width:33.3%; height:auto; float:left; overflow:hidden; margin:0;border: 0;} /*****index work******/
.box3 img{position: relative;transition:all 1s; overflow: hidden;}
.box3 img:hover{filter: none; opacity: 1;width: 105%;height: 105%; }

.box2 {width:50%; height:auto; float:left; overflow:hidden; margin:0;border: 0;} /*****index work******/
.box2 img{position: relative;transition:all 1s; overflow: hidden;}
.box2 img:hover{filter: none; opacity: 1;width: 105%;height: 105%; }


#tip-black{width:25%; height:auto; float:left; overflow:hidden; margin:0;border: 0;}
#tip-black span h1{margin: 0 auto;color: black;}

/********Botttom**********/

.footer{ width:100%; height:600px; margin:0 auto; padding-top:40px; background-color:#000000;} 
.footer-wechat{float: right; width:120px;margin-right: 50px;margin-top: 20px;} 
.footer-box2{float: left; margin-left: 50px; }
.footer-box2 h3{ color:#C0C0C0;line-height: 1.5em;font-weight: 200;}