﻿* { margin:0; padding:0; letter-spacing: -1px; border: none; }
li { list-style:none; }
a { text-decoration:none; }
body { font-size:15px; margin:0; width:100%; height:100%; }

.wrap { width:100%; position:relative; }

/* header_wrap */
.header_wrap { width:100%; height:77px; position:fixed; z-index:999; }

/************ header ***********/
.header { width:1200px; height:100%; margin:0 auto; }

/************ logo ***********/
.logo { width:164px; height:42px; float: left; margin:18px 0px 0px 0px; }

/************ menu ***********/
.gnb { float: right; }
.menu { float:left; }
.menu li a { height:77px; padding: 0 29px; line-height:77px; font-size:18px; font-weight: 900; color: #000; }
.menu01 { position:relative; float:left; width:148px; }
.menu02 { position:relative; float:left; width:130px; }
.menu03 { position:relative; float:left; width:130px; }
.menu04 { position:relative; float:left; width:130px; }
.menu05 { position:relative; float:left; width:130px; }

/************ submenu ***********/
.submenu_bg { display:none; position:absolute; z-index:-1; left: 0; top: 0; width: 100%; height:259px; overflow:hidden; background-color:rgba(255, 255, 255, 0.78); }
.submenu { display:none; position:absolute; left:0; top:77px; width:100%; height:182px; }
.submenu ul { margin:8px 0 0 0; }
.submenu ul li { text-align:center; }
.submenu ul li a { padding:8px 0px; font-size:14px; line-height:35px; color:#616161; }
.submenu ul li a:hover { color:#000; }

/************ ligin_join ***********/
.home_contactus { float:right; margin:30px -16px 0 30px; }
.home_contactus li { float:left; }
.home_contactus li a { padding:0 16px; font-size:12px; font-weight:900; color:#000; }

/* body */
.body { width:100%; overflow: hidden; }

/************ mainwrap ***********/
.mainwrap { position:relative; width:100%; height:935px; overflow: hidden; }

/************ wrapper ***********/
.bx-wrapper{position:relative;}
.bx-has-pager{position:absolute; bottom:30px; left:57%; transform:translate(-50%);width:300px; height:20px; z-index:9999; }
.bx-pager-item a{width:7px; height:7px; background:transparent; border:1px solid#fff; display:inline-block; margin-left:10px; border-radius:10px; }
.bx-pager-item a.active{width:7px; height:7px; background:#fff; display:inline-block; margin-left:10px;}

/********* mainwrap2 **********/
.mainwrap2 { width:1200px; height:100%; padding:0; margin:0 auto;  }

/********* news **********/
.news { width:1198px; height:87px; border:1px solid #c9c9c9; background-image:url(../img/news/news_bg.jpg); position:relative; }
.news h3 { width:112px; float:left; line-height:87px; text-align:center; font-size:18px; font-weight:600; background-image:url(../img/news/news_bg.png); }
.news ul { overflow: hidden; height: 27px; margin: 31px 135px 0 112px; }
.news ul li { height: 27px; line-height: 27px; font-size: 18px; width: 100%; overflow: hidden; }
.news ul li a { color:#000; font-weight:600; }
.more { width: 92px; height: 37px; color: #000; font-size:15px; float:right; line-height: 37px; background-color: #fff; border: 1px solid #c9c9c9; text-align: center; box-shadow: 2px 2px; position: absolute; right: 22px; top: 26px; }

/********* notice **********/
.notice_wrap { width:1198px; height: 278px; margin-top: -1px; border:1px solid #c9c9c9; }
.notice { position: relative; width: 325px;  float: left; margin:45px 0 0 35px; }
.notice h3 { font-size: 18px; color: #010101; font-weight:600; padding-bottom:5px; border-bottom:1px solid #c9c9c9; }
.more1 { position:absolute; left:80px; top:1px; }
.notice ul { margin: 5px 0px 0px 0px; }
.notice ul li { height: 32px; padding:0px 0px 0px 13px; line-height:32px; font-size:15px; font-weight: 200; background:url(../img/notice/notice_bt.png) no-repeat; }
.notice ul li a { color: #555; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;width: 100%; overflow: hidden; }

/********* pressrelease **********/
.pressrelease { height: 233px; margin: 45px 40px 0 410px; }
.pressrelease { position: relative; width: 325px; float: left; margin: 45px 0 0 80px;  }
.pressrelease h3 { font-size: 18px; color: #010101; font-weight: 600; padding-bottom:5px; border-bottom:1px solid #c9c9c9; }
.more1 { position:absolute; left:80px; top:1px; }
.pressrelease ul { margin: 5px 0 0 0; }
.pressrelease ul li { height: 32px; padding: 0 0 0 13px; line-height:27px; font-size: 15px; font-weight: 200; background:url(../img/notice/notice_bt.png) no-repeat; }
.pressrelease ul li a {  color: #555; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;width: 100%; overflow: hidden; }

/********* youngnam_culture **********/
.youngnam_culture { height: 233px; margin: 45px 40px 0 410px; }
.youngnam_culture { position: relative; width: 325px; float: left; margin: 45px 0 0 40px;  }
.youngnam_culture h3 { font-size: 18px; color: #010101; font-weight: 600; padding-bottom:5px; border-bottom:1px solid #c9c9c9; }
.more2 { position:absolute; left:120px; top:1px; }
.youngnam_culture ul { margin: 5px 0 0 0; }
.youngnam_culture ul li { height: 32px; padding: 0 0 0 13px; line-height:27px; font-size: 15px; font-weight: 200; background:url(../img/notice/notice_bt.png) no-repeat; }
.youngnam_culture ul li a {  color: #555; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;width: 100%; overflow: hidden; }

/********* link **********/
.link { width:1198px; height:198px; margin:0 auto; margin-top:-1px; border:1px solid #c9c9c9; background:url(../img/link/link_bg.jpg); }
.link_title { margin:0px auto; margin-top:25px; font-size:40px; line-height:36px; color: #000; width:245px; border-bottom:1px solid #000; }
.link_text { margin:0 auto; margin-top:30px; width:330px; color: #585656; font-size: 13px; }
.more3 { position:relative; top:30px; left:460px; width:96px; font-size:17px; color:#fff; background-color:#556e31; padding:2px 7px; }
.more4 { position:relative; top:30px; left:490px; width:96px; font-size:17px; color:#fff; background-color:#556e31; padding:2px 7px; }

/********* banner **********/
.banner { width:1200px; height:62px; margin:0 auto; margin:15px 0px; }
.prev{ display: inline-block; width: 20px; height: 40px; position: absolute; top:89.2%; left:390px; font-size: 25px; font-weight: 900; border:0; outline:0; color:#000; background-color:transparent; text-align: center; line-height: 40px; cursor: pointer; }
.next { display: block; width: 20px; height: 40px; position: absolute; top:89.2%; left:430px; font-size: 25px; font-weight: 900; border:0; outline:0; color:#000; background-color:transparent; text-align: center; line-height: 40px; cursor: pointer; }
.banner_list { height:62px; margin:0px 0px 0px 112px; }
.banner_slide { position:relative; width:100%; height:62px; overflow:hidden; }
.banner_slide ul { position:relative; height:62px; }
.banner_slide ul li { position:relative; float:left; width:155px; height:62px; line-height:62px; text-align:center; padding:0px 10px;  }
.banner_slide ul li a img { width:142px; height:24px; border:none; vertical-align:middle; }

/* footer_wrap */
.footer_wrap { width:100%; height:71px; background-color:#000; position:relative; padding:20px 0px 30px 0px; }

/********* footer **********/
.footer { width:1200px; height:100%; margin:0 auto; }

/********* footer_logo **********/
.footer_logo { width:164px; height:36px; float:left; margin:28px 0px 0px 0px; }

/********* young_info **********/
.youngnam_info { float:left; margin:0 0 0 93px; }
.youngnam_info ul { margin: 28px 0px 0px 0px; }
.youngnam_info ul li { float: left;  width: 190px; height: 43px; padding-left: 20px; border-left: 1px solid #3c3e3e; color: #707477; font-size: 13px; }
.tel { color: #b9b9b9; font-size: 14px; font-weight: 500; }
.fax { color: #b9b9b9; font-size: 14px; font-weight: 500; }
.email { color: #b9b9b9; font-size: 14px; font-weight: 500; }

/********* youngnam_copy **********/
.youngnam_copy { font-size:13px; float:right; width:270px; margin:27px 0 0 0; color:#98999b; text-align:right; font-weight:200; }

