@charset "UTF-8";
/*��ҳ*/
#sbody{ width:100%; margin-top:120px; text-align:center;}
#sbody h2{font-size:35px; color:#333;}
#sbody h5{font-size:12px; color:#999999; height:60px; margin-top:5px;}
#sbody h4{font-size:12px; color:#999999; line-height:26px; height:65px;}


#sbody .circle { margin: 20px auto 15px auto; width: 10px; height: 10px; background: #fff; border:1px solid #999; border-radius: 7px; }
#sbody .scircle { margin: 0px auto; width: 5px; height: 5px; background: #fff; border:1px solid #999; border-radius: 3px; }


#sbody .biglogo {margin:50px 40% 200px 40%;}
#sbody .biglogo img { width:120px; }
/*��ҳ END*/

#menu-nav { width:100%; background:#fff; overflow:hidden; }
#menu-nav ul{ width:100%; background:#fff; }
#menu-nav li { clear:both; margin:0% 10%;  margin-bottom:30px; width:230px; border-bottom:1px solid #333; height:20px; }
#menu-nav li h3{ float:left; font-size:16px; line-height:20px; width:85px; color:#333; background: url(../images/arrowicon.png) no-repeat center right ; background-size:10%;}
#menu-nav li h6{ float:right; font-size:12px; line-height:22px; height:22px; overflow:hidden; color:#666; }


/*�˵�ͳһ����*/
#menu-nav-capabilties { width:100%; background:#fff; overflow:hidden; }
#menu-nav-capabilties ul{ width:100%; background:#fff; }
#menu-nav-capabilties li { clear:both; margin:0% 10%;  margin-bottom:30px; width:230px; border-bottom:1px solid #333; height:20px; }
#menu-nav-capabilties li h3{ float:left; font-size:16px; line-height:20px; color:#333; }
#menu-nav-capabilties li h5{ float:left; text-indent:-9999em; width:25px; line-height:20px; background: url(../images/arrowicon.png) no-repeat center center; background-size:30%;}
#menu-nav-capabilties li h6{ float:right; font-size:12px; line-height:22px; height:22px; overflow:hidden; color:#666; }

/*����*/
#capabilties-title { width:100%; margin:80px 0 50px 0; background:#fff; overflow:hidden; }
#capabilties-title ul{ width:100%; background:#fff; }
#capabilties-title li { clear:both; margin:0% 12%; width:230px; border-bottom:1px solid #333; height:20px; }
#capabilties-title li h3{ float:left; font-size:16px; line-height:20px; color:#333; }
#capabilties-title li h5{ float:left; text-indent:-9999em; width:25px; line-height:20px; background: url(../images/arrowicon.png) no-repeat center center; background-size:30%;}
#capabilties-title li h6{ float:right; bottom:0px; font-size:12px; line-height:22px; height:22px; overflow:hidden; color:#666; }


#capabilties-title-s { width:100%; margin:80px 0 50px 0; background:#fff; overflow:hidden; }
#capabilties-title-s ul{ width:100%; background:#fff; }
#capabilties-title-s li { clear:both; margin:0% 12%; width:230px; height:40px; }
#capabilties-title-s li h3{ float:left; font-size:16px; line-height:20px; color:#333; }
#capabilties-title-s li h5{ float:left; text-indent:-9999em; width:25px; line-height:20px; background: url(../images/arrowicon.png) no-repeat center center; background-size:30%;}
#capabilties-title-s li h6{ float:right; bottom:0px; font-size:12px; line-height:22px; height:22px; overflow:hidden; color:#666; }
#capabilties-title-s li h4{ clear:both; font-size:12px; line-height:22px; height:22px; color:#666; border-top:1px solid #333; }


#capabilties-title-list { width:100%; margin:80px 0 0 50px 0; background:#fff; overflow:hidden; }
#capabilties-title-list ul{ width:100%; background:#fff; }
#capabilties-title-list li { clear:both; margin:0 12% 85px 12%; width:230px; border-top:1px solid #333; height:80px; }
#capabilties-title-list li h3{ float:left; font-size:14px; line-height:16px; color:#333; }
#capabilties-title-list li h5{ float:left; text-indent:-9999em; width:25px; line-height:16px; background: url(../images/arrowicon.png) no-repeat center center; background-size:30%;}
#capabilties-title-list li h6{ font-size:14px; line-height:26px; margin:15px 0; color:#666; }



.slide {margin:0 20px 30px 20px;  padding:0; list-style:none; overflow:hidden}
.slide li {height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:contain}


/*�̵�*/
.projects-body { width:auto; margin:30px 40px; font-size:13px; line-height:28px; }
.projects-body p { margin:10px 0; }
.projects-body h2 { margin:10px 0; }


.projects-pic-list { margin:30px 40px; font-size:12px; line-height:28px; }
.projects-pic-list .projects-pic-list-title { clear:both; margin:20px 0 0 0; font-size:16px; line-height:26px; }
.projects-pic-list .logoul { display:-webkit-box; }
.projects-pic-list .logoul li { -webkit-box-flex:1; margin:5px 10px 5px 0px;}
.projects-pic-list .logoul li img { width:100%;}

.about-body { width:auto; margin:30px 12%; font-size:13px; line-height:28px; }
.about-body .stitle { font-size:14px; width:70%; line-height:22px; height:22px; color:#666; border-bottom:1px solid #666; }
.about-body p { margin:5px 0; }
.about-body h1 { text-align:center; font-size:26px; }
.about-body h2 { margin:10px 0; }
.about-body h3 { text-align:center; font-size:18px; }
.about-body h4 { text-align:center; font-size:12px; font-weight:bold; }
.about-body h5 { font-size:14px; color:#666; }
.about-body h6 { text-align:center; font-size:10px; }

.about-body .sbg { color:#252525; padding-bottom:15px; border-bottom: 1px solid #252525;}

.about-body .about-body-link { }
/*background: url(../images/arrow-dian.png) no-repeat center left; background-size:1.2%;  padding-left:20px;*/
.about-body .about-body-link li{  }

.about-body .videoinfo { width: 100%; clear: both; text-align: center;}
.about-body .videoinfolink { width: 100%; display: inline-block; text-align: center;}
.about-body .videoinfolink a.video { width: 100%; display: block;}


.dynamic-body { width:auto; margin:30px 45px; font-size:13px; line-height:28px; }
.dynamic-body .stitle { font-size:14px; width:70%; line-height:22px; height:22px; color:#666; border-bottom:1px solid #333; }
.dynamic-body p { margin:5px 0; }
.dynamic-body h2 { margin:10px 0; }
.dynamic-body h3 { text-align:center; font-size:26px; }
.dynamic-body h6 { text-align:center; font-size:10px; }
.dynamic-body h4 { text-align:center; font-size:12px; font-weight:bold; }
.dynamic-body h5 { font-size:14px; color:#666; line-height:30px;}
.dynamic-body h1 { font-size:20px; font-weight:bold;  }



/*
@media (max-width:1920px){
	#sbody .biglogo img {width:235px;}
}
@media (min-width:641px){body{width:640px;margin:auto;}}
*/