/* CSS Document */
.top{ margin-top:90px;}
#header{ z-index:33; width:100%; position: fixed; top:0; border-bottom:1px solid #dbdbdb; height:90px;left:0; min-width:750px; background:#fff;}
.logo{ width:400px; margin:15px auto; height:60px; float:left; margin-left:30px;}
.logo img{ width:100%; vertical-align:middle;height:60px;}
.menubnt{ width:35px; height:35px; padding-top:5px; display:block; background:url(../images/menu.png) center no-repeat; position:absolute; right:30px; top:25px; cursor:pointer;}
.menulist{ position:fixed; width:330px; height:100%; top:90px; right:-330px; background:#fff;}
#footer{ width:100%; background:#ededed; padding:20px 0; font-size:24px; color:#000; text-align:center;}

.close{ width:35px; height:35px; padding-top:5px; display:none; background:url(../images/close.png) center no-repeat; position:absolute; right:30px; top:25px; cursor:pointer;}

.menulist ul{ width:100%; position:relative; overflow:hidden; margin-top:100px;}
.menulist ul li{ width:100%; position:relative;  text-align:center;font-size:28px;height:70px;line-height:70px; overflow:hidden;} 
.menulist ul li p{ width:100%; line-height:70px;height:70px; color:#0061b1; position:relative;}
.submenu .bx-pager{ display:none;}
.bx-wrapper{ position:relative;}
.submenu{ width:600px; padding:0 75px; height:80px; background:#0061b1;}
.submenu li{ position:relative; width:150px; float:left; text-align:center; line-height:80px;}
.submenu li a{ color:#fff;}
.submenu li span{ display:block; width:1px; height:22px; position:absolute; right:0; top:32px; background:#fff;}
.submenu .bx-controls-direction a{ display:block; width:30px; height:80px; position:absolute; top:0; text-indent:999em; }
.submenu .bx-prev{ background:url(../images/left.png) left center no-repeat; left:-50px;}
.submenu .bx-next{ background:url(../images/right.png) right center no-repeat; right:-50px;}
.about,.job,.cultural{ width:650px; margin:50px auto; position:relative; font-size:24px; color:#a2a2a2;}
.about img{ width:100%; vertical-align:middle; height:auto; margin:30px 0;}


/*job*/
.jobsel{ width:650px;height:60px; position:relative; overflow:hidden; margin-bottom:30px;}
.txt{ width:248px; padding:0 5px; float:left; font-size:24px; height:58px; border:1px solid #b5b5b5; margin-right:15px;}
.jobsel select{ width:240px; float:left; font-size:24px; height:58px;border:1px solid #b5b5b5; margin-right:15px}
.smt{ width:120px; float:left; cursor:pointer; height:58px;font-size:24px; background:#045dac; border:none; color:#fff;}

.jolist{ width:100%; position:relative; overflow:hidden;border-top:1px solid #b5b5b5;}
.jolist li{ width:100%; position:relative; color:#045dac; font-size:24px;}
.jobxx{ width:100%; height:60px; position:relative; overflow:hidden; cursor:pointer; border-bottom:1px solid #b5b5b5;}
.jobxx div{ float:left; height:60px; line-height:60px; }
.jobxq{ padding:20px 0; width:100% ; color:#a2a2a2; display:none;border-bottom:1px solid #b5b5b5;}
.zhiwei{ width:480px; font-size:28px;}
.shijian{ float:right !important; width:150px; text-align:right; color:#a2a2a2; font-size:24px;}


/*cultural*/
.cultural ul{ width:670px; margin-left:-20px; overflow:hidden;}
.cultural ul li{ width:315px; float:left; margin-left:20px; position:relative; margin-bottom:20px;}
.cultural ul li img{ width:315px; vertical-align:middle; height:275px;}
.cultural ul li h2{ width:100%; height:40px; font-size:24px; color:#0f6bb3; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cultural ul li span{ display:block; width:295px; height:255px; border:1px solid #fff; position:absolute; top:10px; left:10px; }

/*case*/
.case,.caseinfo,.newsinfo,.news{ width:690px; margin:30px auto; position:relative; font-size:24px; color:#a2a2a2;}
.casetop{ width:650px; padding:20px; background:#eeeeee; font-size:24px; color:#0f6bb3; margin-bottom:20px;}
.caselist ul{ width:710px; margin-left:-20px; overflow:hidden;}
.caselist ul li{ width:335px; float:left; margin-left:20px; position:relative; margin-bottom:20px;}
.caselist ul li img{ width:335px; vertical-align:middle; height:245px;}

.caselist ul li h2{ width:315px; padding:0 10px; height:60px; line-height:60px; background:#e5e5e5; font-size:24px; color:#0f6bb3; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}

.caseintit{ width:100%; position:relative; color:#0f6bb3; font-size:28px; line-height:45px; text-align:center; margin-bottom:20px;}
.caseinbox{ width:100%; position:relative; font-size:24px; text-align:center; color:#828282;}
.caseinbox img{ width:100%; vertical-align:middle; margin:20px 0; height:auto;}

/*news*/
.newstop{ width:100%; position:relative; overflow:hidden; height:240px; background:#f4f4f4;}
.newspic{ width:335px; height:240px; float:left;}
.newspic img{ width:335px; height:240px; vertical-align:middle;}
.newto{ width:335px; float:left; height:240px; position:relative; margin-left:20px; color:#848484;}
.newto h1{ width:325px; height:45px; font-size:28px; line-height:45px; margin-top:10px; overflow:hidden; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; color:#0f6bb3; font-weight:500;}
.newto  span{ display:block; width:100%; font-size:22px; height:30px; margin-top:10px; line-height:30px;}
.newto p{ width:100%; line-height:35px; height:70px; margin-top:10px; overflow:hidden; font-size:24px;}
.newto a{ color:#848484; width:125px; height:40px; border:1px solid #848484; display:block; margin-top:10px; border-radius:5px; text-align:center; line-height:38px;}
.newto a:hover{ color:#0f6bb3;}
.newstop .flex-direction-nav{ display:none;}
.newstop .flex-control-nav{ position:absolute; right:20px; bottom:20px; z-index:11; height:20px;}
.newstop .flex-control-nav li{ display:inline-block; width:20px; height:20px; margin-right:10px; border:1px solid #848484; border-radius:50%; overflow:hidden; cursor:pointer;}
.newstop .flex-control-nav li a{ display:block; width:20px; height:20px; text-indent:999em;}
.newstop .flex-control-nav li .flex-active{ background:#848484;}

.newslist{ width:100%; margin-top:10px; position:relative; overflow:hidden;}
.newslist li{ width:100%; margin-top:30px; padding-bottom:30px; height:160px; overflow:hidden; position:relative; border-bottom:1px solid #e5e5e5;}
.newstime{ width:160px; padding-right:10px; height:160px; float:left; background:#e6e6e6;  text-align:right; color:#808080;}
.newstime h1{ font-size:36px; margin-bottom:15px; line-height:40px; color:#0f6bb3; font-weight:bold; margin-top:25px;}
.newstime p{ font-size:24px; line-height:30px;}
.nwstxt{ width:500px; float:left; height:160px; margin-left:20px;color:#9d9d9d;}
.nwstxt h1{ width:100%; height:45px; line-height:45px;font-weight:500;  font-size:28px; color:#0f6bb3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nwstxt span{ display:block; width:100%; height:30px; line-height:30px; margin:10px 0; font-size:24px;}
.nwstxt p{ width:100%; height:70px; line-height:35px; overflow:hidden;}
.newslist li:hover .nwstxt{ color:#0f6bb3}




.newsintit{ width:100%; position:relative; border-bottom:1px solid #a0a0a0; margin-bottom:20px;}
.newsintit h2{font-size:28px; width:600px; font-weight:500; margin:0 auto; line-height:45px; text-align:center; color:#000; margin-bottom:10px;}
.newsintit p{ font-size:24px; width:100%; text-align:center;}
.newsinbox{ width:100%; position:relative; font-size:24px; color:#828282;}
.newsinbox img{ width:100%; vertical-align:middle; margin:20px 0; height:auto;}