*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { background:#fff;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#010733;}
a:hover{text-decoration:none;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}

.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px;}

.wrapper { width:1000px; margin:10px auto 30px; overflow:hidden} .w1000 { width:1000px; margin:0 auto;}
.banner { background:url(images/banner.png) no-repeat top center; width:100%; height:440px;}
.tabs { height:50px; line-height:50px; background:#2e2e2e; overflow:hidden;}
.tabs a { width:25%; float:left; font-size:18px; color:#fff; text-align:center;}
.tabs a:hover { color:#f00; text-decoration:none;}
.tabs a.cur { background:#0155b0; color:#fff;}

.m-box { margin:30px 0; overflow:hidden;}
.videos { width:535px; overflow:hidden; float:left; padding:16px; background:#eaeaea}
.videos h3 { height:40px; line-height:40px; font-size:18px; text-align:center;}
.people { background:url(images/right_bg_r.png); width:420px; height:398px; float:right; overflow:hidden}
.people-text-l { padding:20px 0 0 20px; height:190px;}
.people-text-l h3,.people-text-r h3 { font-size:20px; font-weight:700; margin-bottom:5px;}
.people-text-r { float:right; margin:30px 15px 0 0}
.tit-js { background:#57a1f1; font-size:18px; color:#fff; text-align:center; height:30px; line-height:30px; padding:0 20px 0 5px; float:left}
.tit-js img { margin-right:20px;}
.tit { text-align:center; width:515px; height:46px; line-height:46px; border-bottom:1px solid #13227a; position:relative; margin:10px auto 30px; font-size:24px; color:#13227a; font-weight:400}
.tit img { position:absolute; right:80px; bottom:0}
.green-box { background-color:#f5f9f9; border-top:0; padding:30px; overflow:hidden}

.kc { width:460px; float:left; padding:15px; margin:10px 0 30px;}
.kc dt { background:url(images/tit_bg.png) no-repeat; width:460px; height:39px; line-height:39px; text-align:right; margin-bottom:20px;}
.kc dt h3 { float: left; font-size: 16px; line-height: 30px; color: #03458d; padding-left: 30px; }
.kc dd .img180 { float:left; width:180px; height:120px; overflow:hidden; margin-right:15px;}
.kc ul { float:left; width:263px;}
.kc ul li { line-height:24px; background:url(images/icon-point.png) no-repeat left center; padding-left:15px;}
.kc-l-bg { background:#f6f6f6;} .kc-r-bg {  background:#f0f0f0}
.img-list-idx { overflow:hidden; margin-left:-20px;}
.img-list-idx li { float:left; width:220px; overflow:hidden; margin:0 0 0 19px}
.img-list-idx li img { width:220px; height:160px; margin-bottom:10px;}
.img-list-idx li h3 { font-size:16px; margin-bottom:5px;}
.img-list-idx li p { color:#999; font-size:14px;}

.rw-list { overflow:hidden; margin-left:-50px;}
.rw-list li { float:left; width:210px; height:310px; overflow:hidden; margin:50px 0 0 50px; text-align:center;}
.rw-list li img { border-radius:50%; border:8px solid #d1e7ea; width:190px; height:190px; margin-bottom:10px;}
.rw-list li h3 { font-size:18px; font-weight:700; color:#153d68; margin-bottom:10px;}
.rw-list li p { line-height:20px; color:#999}
.about-us h3 { font-size:18px; font-weight:700; border-bottom:1px solid #cecece; padding:10px 0; color:#2e2e2e; margin-bottom:30px;}
.about-us p { font-size:14px; color:#666; line-height:26px;}

.footer { font-size:14px; padding:30px 0; background:#2e2e2e; margin-top:50px; overflow:hidden; color:#a3a3a3;}
    .about { border-bottom:1px solid #3c3c3c; padding:20px 0 30px; margin-bottom:20px; }
    .about p { font-size:16px; color:#fff; padding:10px 0; text-indent:30px;}
    .about p span { margin:0 10px}
.code { float:right;}
.footer-b p { line-height:20px; padding:5px 0; text-align:center}
.footer-b p a { color:#a3a3a3; margin:0 10px;} 
.footer-b p a:hover { color:#f60;}

.focus { width:800px; height:340px; margin:15px auto 0; position:relative; overflow:hidden}
.focus-img { width:800px; height:340px; overflow:hidden}
.focus-img li { width:700px; height:300px; overflow:hidden; float:left; position:relative; background:#f8f8f8; padding:20px 50px; text-align:center;}
.focus-img li p { line-height:26px; font-size:18px; font-style:italic; color:#666; overflow:hidden; text-indent:36px; text-align:left; padding-top:5px;}
.focus-img li h3 { font-size:18px; padding-top:10px;}
.focus-png { background:#000; opacity:0.7; filter:alpha(opacity:70); width:100%; height:30px; position:absolute; bottom:0;}
.focus-item { height:10px; line-height:10px; position:absolute; left:46%; bottom:12px;}
.focus-item a { width:10px; height:10px; border-radius:5px; background:#f1f1f1; margin:0 2px; display:inline-block; vertical-align:middle; text-indent:-1000px;}
.focus-item a.cur { background:#ffb583}
.direction_l,.direction_r { background:#fff url(images/icon-left.png); width:36px; height:60px; position:absolute; left:0; top:115px; z-index:1; cursor:pointer; display:block}
.direction_r { background:#fff url(images/icon-right.png);right:0; left:auto;}

.img-list-design { padding:10px 0; overflow:hidden}
.img-list-design li { width:25%; float:left; display:inline-block; text-align:center;}
.img-list-design li h3 { font-size:18px; padding-top:20px; color:#6c6c6c}

.rw-box-l { float:left; width:220px; background:#f5f9f9; padding:20px 30px; overflow:hidden}
.rw-box-l h3 { width:220px; height:140px; overflow:hidden; margin-bottom:10px;}
.rw-box-l ol li { list-style-image:url(); line-height:22px; height:22px; font-size:16px; overflow:hidden}
.rw-box-r { float:left; width:530px; padding:20px 90px; overflow:hidden; background:#f5f9f9;}
.rw-box-r ol li { border-bottom:1px solid #13227a; line-height:30px; height:30px; padding-top:10px; font-size:16px; text-indent:20px; position:relative}
.rw-box-r ol li i { background:url(images/icon-quad.png) no-repeat; width:17px; height:17px; position:absolute; left:-16px; bottom:-9px;}
.rw-box-r ol li span { font-size:14px; float:right; padding-right:40px;}
.rw-box-r ol li span em { font-size:20px; color:#fa6705; font-weight:700}
.rw-box-rd { background:#fff; border-radius:10px; padding:10px; overflow:hidden; line-height:30px; font-size:14px;color:#2e2e2e;  margin-top:22px;}
.rw-box-rd h3 { font-size:16px; color:#13227a; float:left; font-weight:700;}

.icon-chc-1,.icon-chc-2,.icon-chc-3,.icon-chc-4 { background:url(images/chc-bg.png) no-repeat; height:88px; display:inline-block}
.icon-chc-1 { width:75px; background-position:-77px -31px;}
.icon-chc-2 { width:85px; background-position:-333px -30px;}
.icon-chc-3 { width:79px; background-position:-598px -21px;}
.icon-chc-4 { width:91px; background-position:-841px -31px;}
.chc-list li { float:left; width:180px; padding:30px 20px; margin-left:30px; background-color:#f5f9f9; text-align:center;}
.chc-list li h3 { font-size:18px; color:#6c6c6c; padding:10px 0; font-weight:700}
.chc-list li p { line-height:22px; font-size:14px; color:#6c6c6c; text-align:left}