@charset "gb2312";
/* CSS Document */

@font-face {
	font-family: 'Didot';  
    src: url('Didot.ttf');
}


body{ margin:0px; padding:0px; background:#000000; font-size:12px;font-family:"Myriad Pro";color:#333333;}
a{ color:#FFF; text-decoration:none;}
a:hover{ color:#FFF; text-decoration:underline;}
div,ul,li{font-size: 12px;color:#333333;list-style:none; margin:0px; padding:0px; line-height:160%;}
img{ border:none;}
p{ text-indent:2em; line-height:180%;}
h3{ margin:0px; padding:0px; font-size:14px;}
.m_t_5{ margin-top:5px;}
.m_t_10{ margin-top:10px;}
.m_t_20{ margin-top:20px;}
.m_t_60{ margin-top:93px;}
.m_l_5{ margin-left:5px; display:inline;}
.m_l_10{ margin-left:10px; display:inline;}
.m_r_10{ margin-right:10px; display:inline;}
.red{color:#990000;}
.clear{ clear:both;}


#searchan{ cursor:pointer;}
.search{ position:absolute; right:0px; width:232px; top:40px; display:none;}
.search_con{ float:left; width:212px; background:#FFFFFF; padding:10px; }
.search_con input.input_txt{ float:left; width:140px; border:1px #333333 solid; height:22px; padding:0px 5px; line-height:22px; background:none;}
.search_con input.input_an{ float:left; width:60px; height:24px; background:#333333; border:none; color:#FFFFFF;}
.search_close{ float:right; border-top:none; background:#FFFFFF; padding:8px;cursor:pointer;}


.header{position: fixed; z-index: 20000;top: 0;width: 100%;background-color: rgba(0,0,0, .9); }
.header .top{ margin:0 auto; max-width:1520px; width:100%; height:150px; position:relative;}
.header .logo{ position:absolute; left:-100px; top:30px; width:100px; text-align:left;} 
.header .searchan{ position:absolute; right:0px; top:35px; width:110px; text-align:right;}
.header .menu{ float:left; width:100%; margin-top:30px;}
.header .menu ul{ margin:0 auto; width:770px;}
.header .menu ul li{ float:left; margin-left:36px;	margin-right: 36px; position:relative;}
#menus a:hover{background:url(../images/line12.png) left bottom no-repeat; text-decoration:none;}
.header .menu ul li a{ float:left; width:100%; line-height:30px; text-align:center; color:#FFF; font-size:16px; text-decoration:none;}
.header .menu ul li a.on{ } 
.header .menu ul li a:hover{ background:url(../images/line.png) left bottom no-repeat; text-decoration:none;}
.header #menus  ul li a:hover{text-decoration: underline;background: none;}


.header .menu ul li ul{ position:absolute; left:-5px; top:30px; width:100%; padding:5px 0; display:none; z-index:10000;}
.header .menu ul li ul li{ float:left; width:100%; padding:0px;}
.header .menu ul li ul li a{ color:#FFF; line-height:18px; width:100%;  float:left;font-size:14px; text-align:left;}
.header .menu ul li:hover ul{}
.header .menu ul li:hover ul li a:hover{ color:#FFF; background:none;text-decoration:underline;}


.header_white{position: fixed; z-index: 20000;top: 0;width: 100%;background-color: rgba(249,249,249, .9); }
.header_white .top{ margin:0 auto; max-width:1520px; width:100%; height:150px; position:relative;}
.header_white .logo{ position:absolute; left:0px; top:35px; width:100px; text-align:left;}
.header_white .searchan{ position:absolute; right:0px; top:35px; width:110px; text-align:right;}
.header_white .menu{ float:left; width:100%; margin-top:30px;}
.header_white .menu ul{ margin:0 auto; width:770px;}
.header_white .menu ul li{ float:left;  margin-left:36px;	margin-right: 36px; position:relative;}
.header_white .menu ul li a{ float:left; width:100%; line-height:35px; text-align:center; color:#000000; font-size:16px; text-decoration: none;}
.header_white .menu ul li a.on{ }
.header_white .menu ul li a:hover{ background:url(../images/line2.png) left bottom no-repeat;}
.header_white #menus a:hover{background:url(../images/line122.png) left bottom no-repeat; text-decoration:none;}
.header_white #menus  ul li a:hover{text-decoration: underline;background: none;}



.header_white .menu ul li ul{position:absolute; left:-5px; top:30px; width:100%; padding:5px 0; display:none; z-index:10000;}
.header_white .menu ul li:hover ul{}
.header_white .menu ul li ul li{ float:left; width:100%; padding:0px; }
.header_white .menu ul li ul li a{ color:#000000; line-height:18px; width:100%;  float:left;font-size:14px; text-align:left;}
.header_white .menu ul li:hover ul li a:hover{ background:none;text-decoration:underline;}


.main{ margin:0 auto; overflow:hidden; width:1280px; margin-top:150px; position:relative; z-index:100;}
.sidebar{ position:fixed; width:100%; top:150px; left:0px; z-index:10;}
.sidebar_con{ margin:0 50px; overflow:hidden; }
.left_bar{ float:left; width:120px; text-align:left; margin-top:200px;}
.right_bar{float:right; width:120px; text-align:right; margin-top:200px;}
.nr_mk{ margin:0 auto; overflow:hidden; width:1280px;}

/*ÄÚÈÝÒ³ÂÖ²¥Í¼*/
.lb_1{ float:left; overflow:hidden; width:690px; height:650px;}
.lb_1 ul{ float:left;}
.lb_1 ul li{ float:left;}
.lb_1 ul li img{ float:left; width:690px; height:650px;}

.lb_2{ float:left; overflow:hidden; width:590px; height:495px;}
.lb_2 ul{ float:left;}
.lb_2 ul li{ float:left;}
.lb_2 ul li img{ float:left; width:590px; height:495px;}

.hiSlider-item{float: left;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60); display:none;}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{ display:none;}
.hiSlider-pages{bottom:10px;right:10px;text-align:right}
.hiSlider-pages a{height:8px;width:8px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%; border:2px #FFFFFF solid;}
.hiSlider-pages a.active{background:#FFF}

.tab_list{ float:left; width:600px; height:390px;}
.tab_list ul{ float:left; width:100%;}
.tab_list ul li{ float:left; width:190px; height:190px; padding:0 10px 10px 0; overflow:hidden; position:relative;}
.tab_list ul li div{ position:absolute; background:#000; width:190px; height:190px; left:0px; top:0px;}

.tab_title{ float:left; width:600px; height:100px;}
.tab_title ul{ float:left; width:100%; margin-top:40px;}
.tab_title ul li{ float:left; width:200px; position:relative;}
.tab_title ul li a{ color:#333; text-decoration:none;}
.tab_title ul li.on i{ position:absolute; width:30px; height:1px; background:#333; left:0px; bottom:-10px;}

.tab_new{ float:left; width:600px; height:600px;}
.tab_new ul{ float:left; width:100%; height:300px;}
.tab_new ul li{ float:left; width:190px; height:290px; padding:0 10px 10px 0; overflow:hidden;}
.tab_new ul li div.tab_new_t{ float:left; width:100%; height:60px; margin-top:40px; position:relative;}
.tab_new ul li a{ color:#333; text-decoration:none;}
.tab_new ul li.on div.tab_new_t i{ position:absolute; width:30px; height:1px; background:#333; left:0px; bottom:30px;}
.tab_new ul li div.tab_new_img{ float:left; width:100%; position:relative;}
.tab_new ul li div.tab_new_img div{ position:absolute; background:#000; width:190px; height:190px; left:0px; top:0px;}


.page_nr{ float:left; width:100%;}

.footer_white{ float:left; width:100%; background:#000000; overflow:hidden; min-width:1520px;}
.footer_white div.footer_white_con{ margin:0 auto; overflow:hidden; width:1280px; padding:0 110px;}

.work_list{ float:left; width:1280px; overflow:hidden; padding-bottom:50px;}
.work_list ul{ float:left; width:1308px;}
.work_list ul li{ float:left; width:300px; margin-right:27px; background:#FFF; margin-top:40px;}
.work_list ul li div.img{ margin:0 auto; overflow:hidden; position:relative;}
.work_list ul li div.img img{ float:left; width:300px; height:230px;}
.work_list ul li div.img div{ position:absolute; background:#000; width:300px; height:230px; left:0px; top:0px;}
.work_list ul li div.text{ margin:0 auto; padding:10px; height:125px; overflow:hidden;}
.work_list ul li div.text p{ float:left; height:20px; text-indent:0em; margin:0px; padding:0px; line-height:20px; width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.work_list ul li div.text a:hover p{ color:#333;}
.work_list ul li div.text i{ float:left; width:20px; height:1px; background:#000; margin-top:10px;}

.work_aboutimgt{ margin:0 auto; width:1280px; overflow:hidden; background:#000;}
.work_aboutimg{ float:left; width:1280px; overflow:hidden; padding-bottom:40px;}
.work_aboutimg ul{ margin:0 auto; overflow:hidden; width:1140px;}
.work_aboutimg ul li{ float:left; width:245px; height:275px; margin:0 20px; background:#FFF;}
.work_aboutimg ul li div.img{ margin:0 auto; overflow:hidden; position:relative;}
.work_aboutimg ul li div.img img{ float:left; width:245px; height:275px;}
.work_aboutimg ul li div.img div{ position:absolute; background:#000; width:245px; height:275px; left:0px; top:0px;}


.page{ float:left; width:100%; text-align:center; padding-bottom:50px; font-size:14px;}
.page span{ padding:0 10px;}
.page a{ padding:0 10px; color:#000;}

.morean{ border:1px solid #333333; display:inline-table; padding:10px 25px; font-size:14px;}
.morean:hover{ text-decoration:none; background:#333333}

.morean2{ border:1px solid #CCC; display:inline-table; padding:10px 25px; font-size:14px; color:#000; font-weight:bold;}
.morean2:hover{ text-decoration:none; background:#CCC; color:#000;}


.imghover1{ float:left; position:relative;overflow: hidden;}


.imghover1 img {
	position: relative;
	z-index: 1;
}
.imghover1::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	right: -1px;
	width: 50%;
	background: #e90063;
	mix-blend-mode: multiply; /*low support*/
	opacity: .9; /* for other browsers */
	-webkit-transform: translateX(100%);
  transform: translateX(100%);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
}
.imghover1:hover::after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.f_search{ float:left; width:410px; height:185px; position:relative;}
.f_search img{ float:left;}
.f_search div{ position:absolute; width:258px; left:152px; top:51px;}
.f_search div .input_txt{ float:left; width:218px; height:42px; border:none;}
.f_search div .input_an{ float:left; width:40px; height:45px; border:none; cursor:pointer; background:none;}

.new_div_an{ float:left; width:190px; height:190px; position:relative;}
.new_div_an div{ position:absolute; width:190px; height:190px;background:#000; left:0px; top:0px;}

.new_view_tab{ margin:40px auto; overflow:hidden; width:100%; min-width:1280px;background:#000;}