@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul,li{ list-style:none}
a{ text-decoration:none}
.c999{ color:#999}
.f12{ font-size:12px}
.f18{ font-size:18px}
a{ color:#333}
a:hover{ color:#df0000; }
body{font-family:微软雅黑;color:#333; font-size:14px;}
body.bg{background-repeat:no-repeat;background-color:#e6edf5;background-attachment:fixed;background-position:right bottom; background-size:cover}

			/* -- 区块内部的元素样式和自定义导航按钮样式 (示例) -- */
			.p {display:block;text-align: center;font-size:50px;color:#fff;}
			.p b {display:inline-block;font-weight:lighter;}
		
			/*
			.A b{opacity:0;}
			.A b:first-child{margin-right:130px;}
			.A b:last-child{margin-left:130px;}*/
			.A{margin-top:280px;opacity:0;}
			.B{margin-top:280px;opacity:0;}
			.C{margin-top:280px;opacity:0;}
			.D{margin-top:280px;opacity:0;}
			.E{display: none;}
			.S1{ background:url(../images/bg11.jpg) no-repeat; background-size:contain}
			.S2{ background:url(../images/bg22.jpg) no-repeat; background-size:contain}
			.S3{ background:url(../images/bg33.jpg) no-repeat; background-size:contain}
			.S4{ background:url(../images/bg44.jpg) no-repeat; background-size:contain}
			.S5{ background:url(../images/bg55.jpg) no-repeat; background-size:contain}
			.p1{ background:url(../images/pbg1-1.jpg) #8caabd no-repeat; background-size:contain }
			.p2{ background:url(../images/pbg2.jpg) #8caabd repeat; background-size:contain }
			
			
	
			#my-nav{right:0;top:0;position:fixed;color:#fff;width:80px;height:100%;background:url(../images/rightbg.png) repeat-y;z-index:120; padding-top:2%}
			#my-nav b{display:block;float:left;text-align: center;width:80px; margin-bottom:10px;cursor:pointer;}
			#my-nav b div.n1{width:80px; height:23px; display:block;background:url(../images/n_03.png) center no-repeat}
			#my-nav b div.n2{width:80px; height:59px; background:url(../images/n_05.png) center no-repeat}
			#my-nav b div.n3{width:80px; height:30px;background:url(../images/n_07.png) center no-repeat }
			#my-nav b div.n4{width:80px; height:59px;background:url(../images/n_05.png) center no-repeat}
			#my-nav b div.n5{width:80px; height:50px;background:url(../images/n_14.png) center no-repeat}

			#my-nav b.active{opacity: 1}
			#my-nav b.active div.n1{width:80px; height:23px; display:block;background:url(../images/nv_03.png) center no-repeat}
			#my-nav b.active div.n2{width:80px; height:59px; display:block;background:url(../images/nv_05.png) center no-repeat}
			#my-nav b.active div.n3{width:80px; height:30px; display:block;background:url(../images/nv_07.png) center no-repeat}
			#my-nav b.active div.n4{width:80px; height:59px; display:block;background:url(../images/nv_05.png) center no-repeat}
			#my-nav b.active div.n5{width:80px; height:50px; display:block;background:url(../images/nv_14.png) center no-repeat}
			
			
			.webr{ width:80px; height:224px; bottom:0; right:0; position:fixed;z-index:999}
			
@media (max-height:700px) and (min-width:1200px){
.p {margin-top:5%;}
.webl{ width:5%; height:100%; }
.menuer{  padding-top:19%;}
.menuer ul li .subnav{width:4.5%; height:100%; padding-top:8.5%; left:5%;}
.menuer ul li .subnav div a{width:100%;display:inline-block;height:50px;font-size:12px; border-bottom:1px solid #92a2a9;line-height:50px; text-decoration:none}
.p b.a{ width:265px; text-align:center; }
.p b.b{ width:195px; text-align:center; }
.p b.c{ width:195px; text-align:center; }
.p b.d{ width:214px; text-align:center; }
.p b.e{ width:800px; text-align:center; margin-top:-9.5%;}
.p b.h{ width:195px; text-align:center; }
.p b.k{ width:195px; text-align:center; }
.p b img{ width:100%}
}		
	
@media (min-height:700px){
.p {margin-top:16%;}
.webl{ width:120px; height:100%; }
.menuer{  padding-top:19%;}
.menuer ul li .subnav{width:100px !important; height:100%; padding-top:243px; left:120px;}
.menuer ul li .subnav div a{width:100px;display:inline-block;height:50px;font-size:12px; border-bottom:1px solid #92a2a9;line-height:50px; text-decoration:none}
.p b.a{ width:310px; text-align:center; }
.p b.b{ width:228px; text-align:center; }
.p b.c{ width:230px; text-align:center; }
.p b.d{ width:252px; text-align:center; }
.p b.e{ width:940px; text-align:center; margin-top:-9.5%; }
.p b.h{ width:300px; text-align:center; }
.p b.k{ width:300px; text-align:center; }
.p b img{ width:100%}
}	

@media (min-width:1200px) and (min-height:768px){	
.p {margin-top:15%;}		
.webl{ width:120px; height:100%; }
.menuer{  padding-top:19%;}
.menuer ul li .subnav{width:100px !important; height:100%; padding-top:243px; left:120px;}	
.menuer ul li .subnav div a{width:100px;display:inline-block;height:50px;font-size:12px; border-bottom:1px solid #92a2a9;line-height:50px; text-decoration:none}
.p b.a{ width:347px; text-align:center; }
.p b.b{ width:256px; text-align:center; }
.p b.c{ width:256px; text-align:center; }
.p b.d{ width:283px; text-align:center; }
.p b.e{ width:1119px; text-align:center;  margin-top:-9.5%;}
.p b.h{ width:504px; text-align:center; }
.p b.k{ width:584px; text-align:center; }
.p b img{ width:100%}
}	

@media (min-width:1200px) and (max-height:900px){
.p {margin-top:16%;}		
.webl{ width:120px; height:100%; }
.menuer{  padding-top:19%;}
.menuer ul li .subnav{width:100px !important; height:100%; padding-top:243px; left:120px;}	
.menuer ul li .subnav div a{width:100px;display:inline-block;height:50px;font-size:12px; border-bottom:1px solid #92a2a9;line-height:50px; text-decoration:none}
.p b.h{ width:460px; text-align:center; }
.p b.k{ width:460px; text-align:center; }
.p b img{ width:100%}
}	


@media (min-width:1200px) and (max-height:768px){	
.p {margin-top:16%;}		
.webl{ width:4.8%; height:100%; }
.menuer{  padding-top:10%;}
.menuer ul li .subnav{width:4.5%; height:100%; padding-top:8.5%; left:4.8%;}
.menuer ul li .subnav div a{width:100%;display:inline-block;height:50px;font-size:12px; border-bottom:1px solid #92a2a9;line-height:50px; text-decoration:none}
.p b.h{ width:330px; text-align:center; }
.p b.k{ width:330px; text-align:center; }
.p b img{ width:100%}
}	

@media (max-width:1200px) and (max-height:768px){	
.p {margin-top:16%;}		
.webl{ width:4.8%; height:100%; }
.menuer{  padding-top:10%;}
.menuer ul li .subnav{width:4.5%; height:100%; padding-top:8.5%; left:4.8%;}
.menuer ul li .subnav div a{width:100%;display:inline-block;height:50px;font-size:12px; border-bottom:1px solid #92a2a9;line-height:50px; text-decoration:none}
.p b.a{ width:265px; text-align:center; }
.p b.b{ width:195px; text-align:center; }
.p b.c{ width:195px; text-align:center; }
.p b.d{ width:214px; text-align:center; }
.p b.e{ width:800px; text-align:center; margin-top:-9.5%; }
.p b.h{ width:330px; text-align:center; }
.p b.k{ width:330px; text-align:center; }
.p b img{ width:100%}
}	



	
.webl{  background:url(../images/leftbg_02.png) repeat-y; left:0; top:0; position:fixed;z-index:999; overflow:hidden }
.menuer ul li .subnav{position:fixed;top:0; background:url(../images/nbg_03.png) repeat-y;display:none; }
		
.weblogo{ width:100%; height:auto;  float:left}
.weblogo img{ width:100%}
		
		

			
.menuer{ width:100%;max-width:120px;height:auto; overflow:inherit; float:left}
.menuer ul li{width:100%;position:relative;z-index:99; margin-top:13%;  list-style:none; float:left}
.menuer ul li.n1{ background:url(../images/n1.png) top center no-repeat; text-align:center }

.menuer ul li:hover.n1{ background:url(../images/nv1.png) top center no-repeat; text-align:center; color:#de0000 }
.menuer ul li.n2{ background:url(../images/n2.png) top center no-repeat; text-align:center }
.menuer ul li:hover.n2{ background:url(../images/nv2.png) top center no-repeat; text-align:center }

.menuer ul li.n3{ background:url(../images/n3.png) top center no-repeat; text-align:center }
.menuer ul li:hover.n3{ background:url(../images/nv3.png) top center no-repeat; text-align:center }

.menuer ul li.n4{ background:url(../images/n4.png) top center no-repeat; text-align:center }
.menuer ul li:hover.n4{ background:url(../images/nv4.png) top center no-repeat; text-align:center }

.menuer ul li.n5{ background:url(../images/n5.png) top center no-repeat; text-align:center }
.menuer ul li:hover.n5{ background:url(../images/nv5.png) top center no-repeat; text-align:center }

.menuer ul li.n6{ background:url(../images/n6.png) top center no-repeat; text-align:center }
.menuer ul li:hover.n6{ background:url(../images/nv6.png) top center no-repeat; text-align:center }

.menuer ul li.n7{ background:url(../images/n7.png) top center no-repeat; text-align:center }
.menuer ul li:hover.n7{ background:url(../images/nv7.png) top center no-repeat; text-align:center }



.menuer ul li a{display:block;color:#364a5c;font-size:12px;list-style:none;height:60px; line-height:100px; text-align:center;}
.menuer ul li:hover a{color:#de0000;}

.menuer ul li.active a b{background-position:0 -114px;}


.menuer ul li .subnav div{width:100%; height:100%;text-align:center;padding-bottom:30px;overflow:hidden;}
.menuer ul li .subnav div p{width:100%;height:29px;overflow:hidden;border-bottom:1px solid #92a2a9;}

.menuer ul li .subnav div a,.menuer ul li.active .subnav div a{background:none;color:#aebfc3;}
.menuer ul li .subnav div a:visited,.menuer ul li .subnav div a:link{background:none;color:#aebfc3;}
.menuer ul li .subnav div a:hover{ color:#fff}
.menuer ul li.subright .subnav{left:auto;right:-10px;}
.menuer ul li.subablock .subnav a{width:100%;display:block;margin:0;padding:0;text-align:center;}


.navright{width:80px;height:155px;}

.wechat,.weibo,.wtel{position: relative;float: left;display: block;width: 80px; height: 50px;background: url(../images/tip_03.png) no-repeat;}

.weibo{background-position: 0 -48px}
.wtel{background-position: 0 -100px}

.coverbg{ display: block;width: 0px;height: 50px;z-index: 1;background: url(../images/tipv_03.png) no-repeat; -webkit-transition: width 300ms ease-out;
-ms-transition: width 300ms ease-out;
-o-transition: width 300ms ease-out;
 transition: width 300ms ease-out;}


.weibo .coverbg{background-position: 0 -48px}
.wtel .coverbg{background-position: 0 -100px}


.wechat:hover,.weibo:hover,.wtel:hover{background: none}

.wechat:hover .coverbg,.weibo:hover .coverbg,.wtel:hover .coverbg{width: 80px;}

.weibo:hover .coverbg{background-position: 0 -48px}
.wtel:hover .coverbg{background-position: 0 -100px}

@media screen and (max-width: 1440px){


    .wechat,.weibo,.wtel{

        margin-top: 5px;

    }

    .navright{

        right: 0

    }

}


.wc-box{display: none;position: fixed; bottom: 15%; color:#fff; text-align:center; font-size:12px;right: 80px;height: 0; padding-top: 7px; 
 width: 125px;height: 110px; background:url(../images/rs.png) right center no-repeat}

.wc-box img{width: 110px;height: 110px;}
.yuyan{ width:100%; line-height:20px; text-align:center; font-size:11px; color:#fff; overflow:hidden; float:left}
.yuyan a{ color:#a7b0b8}
.yuyan a:hover{ color:#fff000}

.webcontent{width:100%; height:100%;margin:0 auto}

.rbtn{right:0;top:0;position:fixed;color:#fff;width:80px;height:100%; text-align:center;background:url(../images/rightbg.png) repeat-y;z-index:120; padding-top:1.5%}

.w900{ width:900px; overflow:hidden; margin:0 auto}
.h30{ width:900px; height:30px; overflow:hidden; margin:0 auto}
.column_yw{ width:900px; height:58px; font-size:70px; line-height:58px; color:#d9e2ea; float:left}
.column_title{ width:900px; line-height:35px; font-size:24px; color:#3a3a3a; float:left}
.column_btn{ width:900px; margin-top:35px;  overflow:hidden; float:left}
.column_btn li a{ width:106px; height:36px; text-align:center; color:#666; line-height:36px; background:url(../images/btnout_07.png) no-repeat; margin-right:10px; float:left}
.column_btn li a:hover{  color:#fff; background:url(../images/btnover_05.png) no-repeat;}
.column_btn li.on a{  color:#fff; background:url(../images/btnover_05.png) no-repeat;}

.page_content{ width:900px; min-height:500px; padding:60px 0px 40px 0px; line-height:28px; overflow:hidden; margin:0 auto}
.page_content img{ max-width:900px; margin:10px 0px 5px 0px;}

.map{ width:900px; height:32px; border-bottom:1px dashed #c3c3c3; line-height:32px; overflow:hidden; float:left}
.map a{color:#999}
.title{ width:900px; padding:20px 0px 10px 0px;font-size:24px; color:#3a3a3a; line-height:36px; overflow:hidden; float:left}
.content_tip{ width:900px; line-height:30px; overflow:hidden; float:left}
.content_tip span{ margin-right:25px;}
.content_tip i{ font-style:normal}
.txt{ font-family:Georgia, "Times New Roman", Times, serif}

.content{ width:900px; padding:10px 0px 32px 0px; line-height:28px; overflow:hidden; margin:0 auto}
.content_box{ padding-bottom:50px;}
.content img{ max-width:900px;}

/*art*/
.art{
width:900px; min-height:500px;overflow:hidden; margin:0 auto
}
.art .news-page{
    border-top: 1px dashed #c3c3c3;
}
.art .news-page li{
    height: 119px;  
    padding-top: 33px;
    padding-bottom: 22px;
    border-bottom: 1px dashed #c3c3c3;
}
.art ul li .content-left{
    float: left;
    width: 690px;
}
.art ul li img{
    float: left;
    margin-right: 10px;
    width: 161px;
    height: 101px;
}
.art ul li h2{
    font-size: 18px; 
    font-weight: normal;
    color: #555;
}
.art ul li p{
    height: 70px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    color: #777;
}
.cut-line{
    float: left;
    margin-left: 50px;
    height: 101px;
    border-left: 1px dashed #c3c3c3;
}
.content-right{
    float: left;
    padding-top: 18px;
    padding-left: 56px;
    text-align: center;
    font-size: 14px;
    font-family: Georgia;
    color: #b4bbc3
}
.news-day{
    font-size: 50px;
}
/*fenye*/
.fenye{
    height: 50px;
    display: table;
    margin: 50px auto;
}
.fenye ul li{
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    background: #f5f5f5;
    border: 1px solid #bebebe;
    
    margin: 0 5px;
    border-radius: 15px;
}

.fenye ul li.on{
    background-color: #cf0000;
    border: 1px solid #cf0000;
}
.fenye ul li.on a{
    color: #fff
}
.fenye ul li a{
    color: #999
}



.recruit-tit{

    position: relative;

    margin-bottom: 30px;

    padding-left: 55px;

    height: 52px;

    line-height: 52px;

    background: url(../images/job.png) no-repeat;

    color: #666

}

.recruit-tit h1{

    position: absolute;

    left: 55px;    

    font-size: 30px;

}

.recruit-tit .application{

    position: absolute;

    right: 0;

}
.recruit-list{

    border-top: 1px solid #d8d7d7; 

}
.mh{min-height:430px}
.recruit-list li{
  width:900px;
    height: 80px;

    line-height: 80px;

    color: #3a3a3a;

    border-bottom: 1px solid #d8d7d7;

    cursor: pointer;

}

.recruit-list li h1,.recruit-list li div{

    float: left;

}

.recruit-list li h1{

    width: 240px;

    font-size: 16px;

    color: #3a3a3a;

}

.recruit-list li .salary{

    width: 170px

}

.recruit-list li .place span,.recruit-list li .department span{

    color: #3a3a3a

}

.recruit-list li .place{

    width: 200px

}

.recruit-list li .department{

    width: 190px

}

.more{

    float: right;

    display: block;

    margin-top: 19px;

    width: 100px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    background-color: #999

}

.recruit-list li:hover h1{

    color: #f00

}

.recruit-list li:hover .more{

    background-color: #f00;color:#fff

}
.container {

    position: relative;

    width: 900px;
   padding-top:20px;
    margin: 0 auto;

}
h1{ font-weight:normal}
.clearfix:after {

    content: "."; 

    display: block; 

    height:0; 

    clear:both; 

    visibility: hidden;

}

.clearfix { 

    *zoom:1; 

}
.red{ color:#f00}
.application span{

    display: block;

    float: left;

    padding: 0 16px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    background-color: #748793

}

.datum{

   padding:40px 0 40px 10px;

    line-height: 30px;

    color: #999;

    border-top: 1px solid #d8d7d7;

    border-bottom: 1px solid #d8d7d7;

}

.datum span{

    color: #3a3a3a

}

.datum .datum-a,.datum .datum-b,.datum .datum-c,.datum .datum-d{

    float: left;

}

.datum .datum-a{    

    width: 380px;

}

.datum .datum-b,.datum .datum-c{

    width: 180px;

}

.datum .datum-d{

    width: 150px;

}

.recruit-text{

    padding: 30px 10px; line-height:30px; color:#595959

}

.textarea{line-height:24px; border:1px solid #c8c8c8;font-family:Microsoft YaHei; color:#666; padding-left:10px; }
.message_content{ width:900px; padding-bottom:50px; overflow:hidden; margin:0 auto}
.message_content td{ padding-top:20px;}
.m_form{ width:330px; height:35px; line-height:35px; border:1px solid #c8c8c8;font-family:Microsoft YaHei; color:#666; padding-left:10px; }
.lbtn{ width:100px; height:38px; background:#455b6e; border:1px solid #455b6e; font-size:15px; line-height:38px; text-align:center;font-family:Microsoft YaHei; color:#fff; margin-right:15px; cursor:pointer}

.cbtn{ width:100px; height:38px; background:#858585; border:1px solid #858585; font-size:15px; line-height:38px; text-align:center;font-family:Microsoft YaHei; color:#fff;margin-right:14px;cursor:pointer}
select option{ color:#333}



.footer{ width:100%; padding:15px 0px 15px 0px;border-top: 1px solid #c3c3c3; text-align:center; line-height:28px; overflow:hidden; margin:0 auto}
.footer a:hover{ border-bottom:2px solid #df0000}