@charset "utf-8";
ul,ol,li { padding:0; list-style-image:none; list-style-type:none;}
.left{ float:left;}
.right{ float:right;}
#topbar{ width:100%; min-width:1170px; height:85px; border-bottom:1px solid #dedede; margin:0 auto; overflow:hidden}
#topbar .logobox{ width:420px; height:100%; padding:6px; float:left;}
#topbar .topnav{ height:85px; margin:0 0 0 20px; color:#787878; float:left;}
#topbar .topnav .navbtn{ width:80px; height:85px; font-size:14px; text-align:center; cursor:pointer; float:left;}
#topbar .topnav .navbtn ul{ width:100px; margin:-1px 0 0 0; padding:0; position:absolute; background:#ffffff; z-index:100; display:none; opacity:0;}
#topbar .topnav .navbtn{ transition:background 0.2s; -moz-transition:background 0.2s; -webkit-transition:background 0.2s; -o-transition:background 0.2s;}
#topbar .topnav .navbtn a{ color:#787878; display:block;}
#topbar .topnav .navbtn a:hover{ text-decoration:none;}
#topbar .topnav .navbtn ul li{ width:100%; height:40px; line-height:40px;}
#topbar .topnav .navbtn ul li a{ width:100%; height:100%;}
#topbar .topnav .navbtn ul li:hover{ width:100%; height:40px; line-height:40px; background:#6181f9;}
#topbar .topnav .navbtn ul li:hover a{ color:#ffffff;}
#topbar .topnav .navbtn ul li{ transition:background 0.2s; -moz-transition:background 0.2s; -webkit-transition:background 0.2s; -o-transition:background 0.2s;}
#topbar .topnav .navbtn:hover,
#topbar .topnav .navbtn.actived{ color:#ffffff; background:#6181f9;}
#topbar .topnav .navbtn.actived .menulink{ color:#ffffff;}
#topbar .topnav .navbtn .menulink{ width:100%; height:100%; padding:50px 0 0 0;}
#topbar .topnav .navbtn:hover .menulink{ text-decoration:none; color:#ffffff;}
#topbar .topnav .navbtn:hover ul{ background:#f7f7f7; display:block; opacity:1;}
#footer{ width:100%; min-width:1170px; color:#787878; background:#dedede;}
#footer a{ color:#787878;}
#footer .footerleft{ width:980px; min-height:200px; margin:0 auto; overflow:hidden;}
#footer .title{ width:980px; height:60px; margin:0 auto; border:1px solid #bebebe; border-width:0 0 1px 0; font-size:16px; line-height:60px;}
#footer .footernav{ width:800px; font-size:16px; margin:10px 0; font-weight:bold; text-align:center; line-height:40px; float:left}
#footer .blogroll{ width:800px; margin:10px 0; overflow:hidden; float:left}
#footer .blogroll .titlebox{ width:100px; float:left;}
#footer .blogroll .picbox{ float:left;}
#footer .blogroll .picbox img{ width:140px; height:60px; margin:10px; border: 1px solid #787878;}
#footer .qrcode{ width:180px; height:180px; margin-top:-50px; padding-left:20px; border-left:1px dashed #bebebe; font-size:16px; float:right}
#footer .qrcode img{ width:140px; margin-top:10px;}
#footer .copyright{ width:980px; height:60px; margin:0 auto; border:1px solid #bebebe; border-width:1px 0 0 0; text-align:center; line-height:60px;}
.building{ width:100%; margin:65px 0 30px 0; text-align:center;}
.building:before{ content:url(../images/pic_building.png);}

/*--banner--*/
#ibanner{ position:relative; width:100%; min-width:1170px; z-index:10; }
#ibanner_pic a{ position:absolute; top:0; width:100%; overflow:hidden; display:none; }
#ibanner #ibanner_pic a:nth-child(1){ display:block;}
#ibanner #ibanner_pic>a:first-child{ display:block;}
#ibanner_pic a img{ width:100%;}
.bg_banner{ width:100%; min-width:1170px;}
.bg_banner img{ width:100%;}
.banner_box{ margin:0 0 0 0;}
#ibanner_btn{ width:100%; min-width:1170px; height:45px; margin:-45px 0 0 0; background:url(../images/bg_banner.png); position:absolute; z-index:100;}
#ibanner_btn .slidebtn{ width:980px; margin:0 auto; overflow:hidden; position:absolute center; filter:alpha(opacity=100);}
#ibanner_btn .slidebtn input{ width:140px; height:45px; margin:0; border:none; font-size:16px; color:#ffffff; background:none; float:left;}
#ibanner_btn .slidebtn input.current{ background:#ff6600;}
#ibanner_btn .slidebtn input{ transition:background 0.4s; -moz-transition:background 0.4s; -webkit-transition:background 0.4s; -o-transition:background 0.4s;}

/*--content--*/
#contentwrap{ width:100%; min-width:1170px; padding:20px 0 20px 0; background:#f1f1f1;}
#contentwrap .wrap{ width:980px; margin:0 auto; overflow:hidden;}
#contentwrap .wrap .leftmenu{ width:170px; margin:0 20px 0 0; border:1px solid #6181f9; float:left;}
#contentwrap .wrap .leftmenu li{ width:100%; height:38px; border-top:1px solid #ffffff; text-align:center; line-height:38px;}
#contentwrap .wrap .leftmenu li:first-child{ border:none;}
#contentwrap .wrap .leftmenu li a{ width:100%; height:100%; color:#ffffff; background:#6181f9; display:block;}
#contentwrap .wrap .leftmenu li a.actived,
#contentwrap .wrap .leftmenu li a:hover{ text-decoration:none; color:#6181f9; background:#ffffff;}
#contentwrap .wrap .leftmenu li a{transition:background 0.2s; -moz-transition:background 0.2s; -webkit-transition:background 0.2s; -o-transition:background 0.2s;}
#contentwrap .wrap .rightbox{ width:790px; min-height:400px; background:#ffffff; float:left;}
#contentwrap .wrap .contentbox{ width:980px; min-height:400px; margin:0 auto; background:#ffffff;}
#contentwrap .wrap .breadcrumbs{ width:100%; height:40px; margin-bottom:5px; padding-left:10px; border-bottom:1px solid #dedede; line-height:40px; color:#b1b1b1;}
#contentwrap .wrap .breadcrumbs tt{ margin:0 5px;}
#contentwrap .wrap .contentnav{ width:100%; height:40px; border-bottom:1px solid #dedede; line-height:40px;}
#contentwrap .wrap .contentnav li{ width:110px; height:40px; text-align:center; color:#b1b1b1; font-weight:bold; float:left; cursor:pointer;}
#contentwrap .wrap .contentnav li.actived,
#contentwrap .wrap .contentnav li:hover{ border-bottom:2px solid #ff9222; color:#ff9222;}
#contentwrap .wrap .article{ width:100%; padding:10px 10px 20px 10px; color:#787878; textalign:center;}
#contentwrap .wrap .article .imgstretch{ width:90%; margin:10px auto; text-align:center;}
#contentwrap .wrap .article img{ width:100%;}
#contentwrap .wrap h1{ margin:20px 0; font-size:26px; text-align:center;}
#contentwrap .wrap h2{ margin:10px 20px 20px 20px; border-bottom:1px solid #dedede; font-size:20px; line-height:30px; font-weight:bold; overflow:hidden; clear:both;}
#contentwrap .wrap h2 div{ border-bottom:2px solid #6181f9; color:#6181f9; float:left;}
#contentwrap .wrap h3{ margin:10px 0; padding-left:30px; font-size:16px; line-height:18px; font-weight:bold;}
#contentwrap .wrap .textcenter{ text-align:center;}
#contentwrap .wrap p{ margin:15px 20px; line-height:28px;}
#contentwrap .wrap p.detail{ margin-left:50px;}
#contentwrap .wrap p.indent{ text-indent:32px;}
#contentwrap .wrap .pic_container{ width:95%; margin:20px auto 20px auto;}
#contentwrap .wrap .pic_middle{ width:60%; margin:20px 20px 20px 20px;}
#contentwrap .wrap .pic_little{ width:35%; margin:20px 20px 20px 20px;}
#contentwrap .wrap .pic_center{ margin:20px auto 20px auto; text-align:center;}
#contentwrap .wrap .pic_center img{ width:auto; max-width:100%;}
#contentwrap .wrap .article .article_list{ margin-left:50px;}
#contentwrap .wrap .article .article_list li{ min-height:30px; margin-bottom:10px; list-style-type:square;}
#contentwrap .wrap .article .vcard{ width:520px; margin:20px auto 0 auto; padding:10px 0 10px 20px; background:#ededed; overflow:hidden;}
#contentwrap .wrap .article .vcard .text{ width:230px; margin-right:20px; line-height:30px; float:left;}

/*--newslist--*/
#contentwrap .wrap .newslist{ width:100%; padding:10px 10px 20px 10px; color:#787878; textalign:center; overflow:hidden;}
#contentwrap .wrap .newslist > a{ width:100%; min-height:58px; padding:8px 10px; border-bottom:1px solid #e1e1e1; color:#565656; float:left; display:block;}
#contentwrap .wrap .newslist > a .date{ height:16px; margin-top:4px; color:#adadad;}
#contentwrap .wrap .newslist > a:hover{ text-decoration:none; background:#f7f7f7;}

/*--apply--*/
#contentwrap .wrap .article .formbox{ width:100%; padding:10px 0 10px 10px; overflow:hidden;}
#contentwrap .wrap .article .formbox div{ height:55px; margin:0 10px 8px 0; float:left}
#contentwrap .wrap .article .formbox label{ width:120px; padding-left:12px;}
#contentwrap .wrap .article .formbox .required label{ background:url(../images/icon_required.gif) no-repeat 0 2px;}
#contentwrap .wrap .article .formbox .help-block{ margin:3px 0 5px 132px;}
#contentwrap .wrap .article .formbox input,
#contentwrap .wrap .article .formbox select{ display:inline-block; padding-right:5px;}
#contentwrap .wrap .article .formbox .oneline{ width:100%;}
#contentwrap .wrap .article .formbox .oneline input{ width:760px}
#contentwrap .wrap .article .formbox .twoline{ width:465px;}
#contentwrap .wrap .article .formbox .twoline input,
#contentwrap .wrap .article .formbox .twoline select{ width:285px;}
#contentwrap .wrap .article .formbox .separator{ width:100%; height:0px; margin:0 0 20px 0; border-bottom:1px solid #dedede; clear:both;}
#contentwrap .wrap .article .formbox .tag{ margin-left:10px; font-size:12px; color:#ff6600; clear:both;}
#contentwrap .wrap .article .formbox .btn_submit{ width:100%; margin:20px 0 0 0; text-align:center; clear:both;}
#contentwrap .wrap .article .formbox .btn_submit input{ width:200px; height:40px; margin:0 auto; border-radius:5px; border:none; font-size:16px; color:#ffffff; background:#6181f9; cursor:pointer;}
#contentwrap .wrap .article .formbox .btn_submit input:hover{ background:#6aa5fc;}
#contentwrap .wrap .article .formbox .btn_submit input[disabled]:hover{ background:#6181f9; cursor:not-allowed;}