@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;/*overflow-x:hidden;*/min-width:320px;}
html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}

img{
	max-width: 100%;
	max-height: 100%;margin: 0;}	
.inner-wrap {
	width: 100%;
	max-width: 1480px;
	min-width: 320px;
	margin: 0 auto;
	/*padding: 20px 20px;*/
}
a{
text-decoration:none;
}
ul,ol,li,dl,a{
  list-style: none;
}
.sbdiv {max-width:1200px;background:#efefee; position:relative; margin:0px auto; height:380px; padding-bottom:11%;   
    }
@media (max-width:1280px) {
.inner-wrap {
		max-width: 1280px; font-size:10px;
}
.sbdiv { 
 padding-bottom: 35%; height:50px; 
}		
}
@media (max-width:320px) {
.sbdiv { 
 padding-bottom: 25%; height:50px; border:1px solid #FCF;
}	
}
@media (max-width:120px) {
	.sbdiv { 
 padding-bottom: 10%; height:50px; border:1px solid #600;
}

}
.clearfix:after { content: "." ; display: block ;height: 0 ;clear: both ;visibility: hidden ;}

/*
.introduce{ margin:0px auto;margin-top: 60px;}
.introduce {width:80%; margin:0px auto;max-width:1150px; }
.introduce .left{float:left;width:65%;}
.introduce .left .tit{font-size:24px; padding:20px 0; position: relative;}
.introduce .left .tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 40px; height: 2px; background: #ff7f5b;}
.introduce .left .tit p{ margin-top:5px;color:#c27805;}
.introduce .left .des{ font-size:16px;line-height: 34px;letter-spacing:3px;text-indent:2em ;text-align: justify;color: #777777;overflow:hidden}
.introduce .right{float: right; text-align: right; width:35%; margin:20px 0px;}
*/

.about{ margin-top: 0px; margin:20px auto; max-width:1150px; }
.about .left{ float: left; width:65%;}
.about .left .tit{font-size: 24px; padding:30px 0;  position: relative;}
/*.about .left .tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 40px; height: 2px; background: #ff7f5b;}
*/.about .left .tit span{ display: block; color: #333333;}
.about .left .tit p{ margin-top: 5px; color: #bf9d5a;}
.about .left .des{ margin-top: 30px; line-height: 30px; color: #777777;}
.about .right{ float:right; width: 34%; }

@media (max-width: 1480px){
.about .left .tit{ padding-top:10px;}

}

.sj ul{ width:1110px; margin:0px auto !important; padding:0px;  border:1px solid #FFFFFF; -o-box-shadow:0 0 30px rgba(120,120,120,.09); -ms-box-shadow:0 0 30px rgba(120,120,120,.09); -moz-box-shadow:0 0 30px rgba(120,120,120,.09); -webkit-box-shadow:0 0 30px rgba(0,0,0,.09); box-shadow:0 0 30px rgba(120,120,120,.09);   }
.sj ul li{ float: left; }
.sj ul li .item{ padding:15% 0; text-align: center;}
.sj ul li .item span{ text-align:center; display: inline-block; margin-top:20px; font-size: 30px; color: #777777;}
.sj ul li .item div{ margin-top: 15px; color: #777777;}
.sj ul li .item p{ margin-top:10px; font-size: 12px; text-transform: uppercase; color: #b6b4b3;}

.sj ul .animation li{  opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.sj ul .animation li:nth-child(2){  transition-delay: .2s; -webkit- transition-delay: .2s;}
.sj ul .animation li:nth-child(3){  transition-delay: .4s; -webkit- transition-delay: .4s;}
.sj ul .animation li:nth-child(4){  transition-delay: .6s; -webkit- transition-delay: .6s;}
.sj ul .animation li:nth-child(5){  transition-delay: .8s; -webkit- transition-delay:.8s;}


/**/
.environment{margin-top: 20px;padding-bottom:20px;}
.environment .tit{margin:0px auto; padding:20px 0px;max-width:1150px;}
.environment .item2{ margin:0px auto;max-width: 1100px;  display:block}
.environment .imgdiv{ width:33.3%; float:left;}

/**/
.expert{ margin-top:50px; margin-bottom:50px;}

.expert .tit1{  padding:30px 0px; margin:0px auto;max-width:1150px;display:block}
.expert-item3{ margin:0px auto; max-width:1150px;}
.expert-left{ float:left;width:50%; padding-top:30px; }
.expert-right{ float:right; text-align:right;width:50%;}

/*instruments*/
.instruments{margin:0px auto; max-width:1150px;}
.instruments-tit{ width:80%;margin:20px auto;padding:10px 0px; text-align:center; }