html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,table,tr,th,td {margin:0;padding:0}
body,input,textarea,select{font:12px/1.5 tahoma,arial,"Hiragino Sans GB","Microsoft Yahei","\5b8b\4f53"; color:#232323; -webkit-font-size-adjust: none; }
h1,h2,h3,h4,h5,h6 {font-size: 12px;}
h6 {font-weight: normal;}
input, textarea, select, button {font-size:12px;font-weight:normal;font-family:inherit}
input[type="button"],input[type="submit"],select,button {cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width:100%;}
em,i,b {font-style: normal;font-weight: normal}
ul{list-style:none;}
img {border:none;vertical-align:middle;-ms-interpolation-mode:bicubic;}
input,textarea,select{resize:none;}
.cl:before,.cl:after{content:"";display:table;clear:both;}
.cl{*zoom:1;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color:#232323; cursor:pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover{ text-decoration:none; color:#710100;}
.fr {float: right;}.fl { float: left;}.cblue { color: #0e92e7;}.tc { text-align: center;}
body { background:#fff;}
#header { height:81px; background-color: #333; width:100%; clear: both;}
.top { width:1196px; height:81px; margin:0 auto; color:#fff; }
.top .logo { width:250px; float:left; padding:18px 0 0 0; }
.top .topr { float: right; width: 860px; text-align: right;}
.toplang { height: 24px; padding-top: 5px;}
.toplang a { padding-left: 20px; display: inline-block; background: url(../images/flag1.png) no-repeat left center; font-size: 14px; line-height: 20px; margin-left: 12px; font-size: 12px; color: #fff;}
.toplang a.en { background-image: url(../images/flag2.png);}
.nav { font-size: 16px;}
.nav li { display:inline-block; position:relative; vertical-align: middle; }
.nav li a { color: #fff;}
.nav li a:hover { color: #36a5ed;}
.nav em { display: inline-block; padding: 0 12px; vertical-align: middle;}
#banner { position: relative; width: 100%; clear: both; height: 362px; overflow: hidden;}
#banner .bd { height: 362px; overflow: hidden;}
#banner .bd li { width: 100%; height: 362px; float: left; overflow: hidden; background-repeat: no-repeat; background-position: center 0;}
#banner .bd li a { display: block; width: 100%; height: 362px; color: #fff; text-align: center; }
#banner .bd li h4 { margin-top: 115px; font-size: 48px; text-shadow: 2px 2px 4px #000;}
#banner .bd li h5 { font-size: 40px; font-weight: normal;}
#banner .bd li h6 { margin-top: 70px; font-size: 32px;}
.indexabout { background-color: #f8fafb; clear: both; padding: 45px 0;}
h2.mtitle { text-align: center; font-size: 30px; background: url(../images/line.png) no-repeat center bottom; padding-bottom: 40px; color: #27323d; margin-bottom: 30px;}
.indexaboutcon { width: 1196px; margin: auto;}
.indexaboutinfo { width: 810px; margin:0 auto 35px; font-size: 15px; color: #4e5861;}
.indexaboutlist li { float: left; width: 33%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:0 30px;}
.indexaboutlist li .pic { text-align: center;}
a:hover .pic { opacity: .8;}
.indexaboutlist li h5 { font-size: 15px; text-align: center; padding: 20px; color: #27323d;}
.indexaboutlist li p { font-size: 14px; color: #4e5861; }
.viewmore { text-align: center; clear: both; padding-top: 40px;}
.viewmore a { display: inline-block; height: 53px; line-height: 53px; color: #fff; background-color: #36a5ed; font-size: 16px; border-radius: 5px; width: 177px;}
.viewmore a:hover { background-color: #1487d1;}
.viewmore a.wbtn { border: 1px solid #bcbebe; color: #323232; background-color: #fff;}
.viewmore a.wbtn:hover { border-color: #333; background-color: #fff;}
.indexpro { width: 1196px; margin: auto; padding: 0px 0;}
.indexprocon { overflow: hidden;}
.indexprocon ul {}
.indexprocon ul li { float: left; width: 370px; margin: 0 10px; color: #38424c;}
.indexprocon ul li .pic { width: 370px; height: 260px; overflow: hidden;}
.indexprocon ul li .info { border: 1px solid #d8d8d8; padding: 20px; height: 150px; font-size: 15px;}
.indexprocon ul li .info h5 { font-size: 18px; margin-bottom: 15px;}
#partner { background-color: #f9fafb; padding: 45px 0;}
.partnercon { width: 1196px; margin: auto; overflow: hidden;}
.partnercon li { float: left; height: 91px; margin-right: 15px; line-height: 91px; padding: 15px 0;}
.partnercon li img { vertical-align: middle;}
#footer { background-color: #2a2f33; text-align: center; padding: 28px 0; font-size: 14px; line-height: 2; color: #c6c6c6;}




@media (max-width:1196px){
  #header,#partner,#banner,.indexabout,#footer { width: 1196px;}
}