.banner { width: 100%; height: 526px; overflow: hidden; position: relative;  background:url(../images/development/banner.jpg) center center no-repeat; }

#wrap_contact{ width:1200px; height:auto; margin:60px auto; overflow:hidden; }
#wrap_top{ width:100%; height:auto; float:left; margin-bottom:20px; }
#wrap_top p{ font-size:16px; line-height:30px; text-indent:2em; margin-top:14px; color:#221815; }
#wrap_function{ width:100%; height:auto; margin-top:40px; margin-bottom:10px; float:left; }
#wrap_function_l{ width:400px; height:40px; float:left; }
#wrap_function_r{ width:300px; height:40px; float:right; position:relative; }

#function_select,#functionclass_select{ width:300px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; }
#function_search{ width:300px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; position:absolute; }
#function_search_button{ width:35px; height:35px; position:absolute; right:4px; top:3px; background:url(../images/development/search.jpg); border:0; }

.pro_datasheet { margin:30px auto; color:#666; font-size:14px; }
.pro_datasheet tr th,.pro_norms tr td{ border-left:1px solid #E1E1E1; padding:10px 15px; }
.pro_datasheet tr td,.pro_norms tr th{ text-align:left; padding:3px 20px 3px 20px; line-height:22px; border-left:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; color:#666; }
.pro_datasheet tr th.no_bd_lf,.pro_datasheet tr td.no_bd_lf{ border-left:none; }
.pro_datasheet tr th{ background:#61c1be; font-size:16px; line-height:28px; text-align:center; font-weight:bold; color:#fff; }

.pro_datalink{ text-align:center; margin:0px; }
.pro_datalink img{ margin: -2px 8px 0px 0px; }
.pro_datalink a{ color:#61c1be; }
.pro_datalink a:hover{ color:#61c1be; }
@media (min-width: 300px) {
.banner { height:192px; background:url(../images/development/banner_s.jpg); background-size: 100% 100%; }
.yang-table{ width:100%; overflow:auto; margin:20px 0; }
#wrap_contact{ width:280px; height:auto; margin:10px auto; overflow:hidden; }
#wrap_top{ width:100%; height:auto; float:left; margin-bottom:0px; }
#wrap_top p{ font-size:14px; line-height:24px; text-indent:2em; margin-top:14px; color:#221815; }
#wrap_function{ width:100%; height:auto; margin-top:10px; margin-bottom:10px; float:left; }
#wrap_function_l{ width:280px; height:110px; float:left; }
#wrap_function_r{ width:280px; height:50px; float:right; position:relative; }
#function_select,#functionclass_select{ width:280px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; }
#function_select{ margin-top:16px; }
#function_search{ width:280px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; position:absolute; }
#function_search_button{ right:2px; }
.pro_datasheet { margin:10px auto 30px; color:#666; font-size:14px; }
}
/*针对iphone5s*/
@media (min-width: 315px) {	
.banner { height:202px; }
#wrap_contact{ width:290px; }
#wrap_function_l,#wrap_function_r{ width:290px; }
#function_select,#functionclass_select,#function_search{ width:290px; }
}
/*针对1080*1920的android*/
@media (min-width: 360px) {	
.banner { height:230px; }
#wrap_contact{ width:330px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:20px; }
#wrap_function_l,#wrap_function_r{ width:330px; }
#function_select,#functionclass_select,#function_search{ width:330px; }
}
/*针对iphone6*/
@media (min-width: 375px) {	
.banner { height:240px; }
#wrap_contact{ width:344px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:22px; }
#wrap_function_l,#wrap_function_r{ width:344px; }
#function_select,#functionclass_select,#function_search{ width:344px; }
}
/*针对全面屏安卓*/
@media (min-width: 390px) {
.banner { height:250px; }	
#wrap_contact{ width:354px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:22px; }
#wrap_function_l,#wrap_function_r{ width:354px; }
#function_select,#functionclass_select,#function_search{ width:354px; }
}
@media (min-width: 400px) {
.banner { height: 256px; }
#wrap_contact{ width:365px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:22px; }
#wrap_function_l,#wrap_function_r{ width:365px; }
#function_select,#functionclass_select,#function_search{ width:365px; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
.banner { height:262px; }
#wrap_contact{ width:370px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:28px; }
#wrap_function_l,#wrap_function_r{ width:370px; }
#function_select,#functionclass_select,#function_search{ width:370px; }
}
/*针对1440*2560的android*/
@media (min-width: 480px) {	
.banner { height:307px; }
#wrap_contact{ width:436px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:34px; }
#wrap_function_l,#wrap_function_r{ width:436px; }
#function_select,#functionclass_select,#function_search{ width:436px; }
}
@media (min-width: 500px) {
.banner { height:320px; }	
#wrap_contact{ width:436px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:34px; }
#wrap_function_l,#wrap_function_r{ width:436px; }
#function_select,#functionclass_select,#function_search{ width:436px; }
}
@media (min-width: 600px) {
.banner { height:384px; }
#wrap_contact{ width:520px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:38px; }
#wrap_function_l,#wrap_function_r{ width:520px; }
#function_select,#functionclass_select,#function_search{ width:520px; }
}
@media (min-width: 700px) {
.banner { height: 448px; }
#wrap_contact{ width:630px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:40px; }
#wrap_function_l,#wrap_function_r{ width:630px; }
#function_select,#functionclass_select,#function_search{ width:630px; }
}
@media (min-width: 767px) {
.banner { height: 491px; }
#wrap_contact{ width:678px; }
#wrap_top p{ font-size:14px; line-height:26px; margin-top:40px; }
#wrap_function_l,#wrap_function_r{ width:678px; }
#function_select,#functionclass_select,#function_search{ width:678px; }
}
@media (min-width: 768px) {	
.banner { width: 100%; height: 526px; overflow: hidden; position: relative;  background:url(../images/development/banner.jpg) center center no-repeat; }
#wrap_top p{ font-size:16px; line-height:30px; margin-top:40px; }
}
@media (min-width: 785px) {
#wrap_contact{ width:688px; }
#wrap_top p{ font-size:16px; line-height:30px; margin-top:40px; }
#wrap_function_l,#wrap_function_r{ width:688px; }
#function_select,#functionclass_select,#function_search{ width:688px; }
}
@media (min-width: 800px) {
#wrap_contact{ width:710px; }
#wrap_top p{ font-size:16px; line-height:30px; margin-top:40px; }
#wrap_function_l,#wrap_function_r{ width:710px; }
#function_select,#functionclass_select,#function_search{ width:710px; }
}
@media (min-width: 880px) {
#wrap_contact{ width:780px; }
#wrap_top p{ font-size:16px; line-height:30px; margin-top:40px; }
#wrap_function_l,#wrap_function_r{ width:780px; }
#function_select,#functionclass_select,#function_search{ width:780px; }	
}
@media (min-width: 980px) {
#wrap_contact{ width:886px; }
#wrap_top p{ font-size:16px; line-height:30px; margin-top:40px; }
#wrap_function_l,#wrap_function_r{ width:886px; }
#function_select,#functionclass_select,#function_search{ width:886px; }	
}
@media (min-width: 1024px) {	
#wrap_contact{ width:978px; margin:60px auto; }
#wrap_top p{ font-size:16px; line-height:30px; margin-top:14px; }
#wrap_function_l{ width:660px; height:40px; float:left; }
#wrap_function_r{ width:300px; height:40px; float:right; position:relative; }
#function_select,#functionclass_select{ width:300px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; }
#function_select{ margin-top:0px; }
#functionclass_select{ margin-right:20px; }
#function_search{ width:300px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; position:absolute;  }
}
@media (min-width: 1200px){	
#wrap_contact{ width:1200px; height:auto; margin:60px auto; overflow:hidden; }
#wrap_top{ width:100%; height:auto; float:left; margin-bottom:20px; }
#wrap_top p{ font-size:16px; line-height:30px; text-indent:2em; margin-top:14px; color:#221815; }
#wrap_function{ width:100%; height:auto; margin-top:40px; margin-bottom:10px; float:left; }
#wrap_function_l{ width:800px; height:40px; float:left; }
#wrap_function_r{ width:300px; height:40px; float:right; position:relative; }
#function_select,#functionclass_select{ width:300px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; }
#function_search{ width:300px; height:40px; border:1px solid #d4d4d4; border-radius:6px; outline-color:#61c1be; font-size:14px; line-height:28px; color:#333333; padding:2px 10px; position:absolute;  }
#function_search_button{ width:35px; height:35px; position:absolute; right:4px; top:3px; background:url(../images/development/search.jpg); border:0; }
.pro_datasheet { margin:30px auto; color:#666; font-size:14px; }
.pro_datasheet tr th,.pro_norms tr td{ border-left:1px solid #E1E1E1; padding:10px 15px; }
.pro_datasheet tr td,.pro_norms tr th{ text-align:left; padding:3px 20px 3px 20px; line-height:22px; border-left:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; color:#666; }
.pro_datasheet tr th.no_bd_lf,.pro_datasheet tr td.no_bd_lf{ border-left:none; }
.pro_datasheet tr th{ background:#61c1be; font-size:16px; line-height:28px; text-align:center; font-weight:bold; color:#fff; }
.pro_datalink{ text-align:center; margin:0px; }
.pro_datalink img{ margin: -2px 8px 0px 0px; }
.pro_datalink a{ color:#61c1be; }
.pro_datalink a:hover{ color:#61c1be; }
}