@charset "utf-8";

img{border:none;}
body,a,h1,p,ul,h2,h3{margin:0; padding:0}
body{overflow-x:hidden; background-position:center top; background-repeat:repeat-y;}
body{overflow-x:hidden;background:url(../image/about_bg_t.jpg) top center no-repeat, url(../image/about_bg_b.jpg) bottom center no-repeat, url(../image/about_bg_c.jpg) center center repeat-y; display:block;}
a,h1,span,p,h2,h3{display:block; text-decoration:none;}
*{transition:all 1s;}





/*页眉*/
.yemei{width:800px; height:50px; margin:0 auto;}
.yemei span{font-family:"微软雅黑"; font-size:14px; color:#fff; line-height:50px; padding:0 35px; float:left;}

<!--nav-->
.nav_bigbox{}
.logo{float:left; margin-top:44px;}
nav{float:right;}

/*banner*/
.banner{ height:500px; position:relative; }
.banner img{position:absolute; left:50%; margin-left:-960px; width:1920px; height:500px;}



.about_box{width:1200px; height:300px; min-height:300px; margin-left:auto; margin-right:auto; margin-top:50px;}
.about_box_l{width:120px;float:left;}
.about_box_l a{width:120px; font-family:"微软雅黑"; font-size:16px; color:#000; line-height:60px; text-align:center; background-color:#f2f2f2; margin-bottom:1px;}
.about_box_l a:hover{ background-color:#394263; color:#fff;}
.about_box_r{width:1079px; float:right; border-left:1px solid #f2f2f2;}

.neirong_about{width:1000px; margin:0 auto; font-family:"微软雅黑"; font-size:12px; line-height:30px; color:#666;}


.liebiao a{ float:left; font-size:14px; font-family:"微软雅黑"; color:#333333; line-height:40px; font-weight:bold;}
.liebiao a:hover{color:#000;}
.liebiao p{ float:right; font-size:14px; font-family:"微软雅黑"; color:#333333; line-height:40px;}
.smallbox a{font-size:14px; font-family:"微软雅黑"; color:#333333; line-height:50px; width:80px; text-align:center;}
.abc{border-bottom:2px solid #333333;}
.liebiao{width:1000px; clear:both; margin-left:auto; margin-right:auto;}
.biu:hover{border-bottom:2px solid #333333;}

.pagination{height:30px; clear:both; width:260px; margin-left:auto; margin-right:auto; padding-top:30px;}
ul.pagination li {display: inline;}
ul.pagination li a {color:#b2b2b2; font-family:"微软雅黑"; font-size:12px; float: left;padding: 8px 13px;text-decoration: none;transition: background-color .3s;}
ul.pagination li a.active {background-color: #000000;color: white;}
ul.pagination li a:hover:not(.active) {border:1px solid #ddd;}



.map{ padding-top:50px; margin-left:auto; margin-right:auto; clear:both; position:relative; height:382px;}
.map_img{position:absolute; left:50%; margin-left:-960px;}


/*留言板*/
.message_box{width:544px; height:418px; background:#fff; overflow:hidden; position:absolute; left:50%; margin-left:-272px; z-index:9999; bottom:-160px; box-shadow: 0px 0px 20px #e5e5e5;}
.message{width:544px; height:418px; background-color:#fff; margin-left:auto; margin-right:auto; overflow:hidden; }
.m_name,.m_weixin,.m_email{width:470px; height:50px; margin-left:auto; margin-right:auto; position:relative;margin-bottom:10px;}
.m_neirong{width:470px; height:100px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.m_name img{width:20px; height:20px; position:absolute; left:15px; top:14px;}
.m_weixin img{width:20px; height:20px; position:absolute; left:15px; top:14px;}
.m_email img{width:20px; height:20px; position:absolute; left:15px; top:14px;}
.name_l,.weixin_l,.email_l{width:420px; height:50px; margin-left:auto; margin-right:auto; font-family:"微软雅黑"; font-size:12px;  border:none; padding-left:50px;  background-color:#f0f0f0; }
.neirong_l{width:450px; height:90px; margin-left:auto; margin-right:auto; font-family:"微软雅黑"; font-size:12px;  border:none; padding-left:20px;  background-color:#f0f0f0; padding-top:10px; color: #999999; overflow: hidden;max-height:190px; max-width:680px;}
.name_l:focus{background: #e0e0e0;box-shadow: none;outline: 0 none;}
.weixin_l:focus{background: #e0e0e0;box-shadow: none;outline: 0 none;}
.email_l:focus{background: #e0e0e0;box-shadow: none;outline: 0 none;}
.neirong_l:focus{background: #e0e0e0;box-shadow: none;outline: 0 none;}
.m_message{width:470px; height:50px; background-color:#2d3e50; margin-left:auto; margin-right:auto; border:none; display:block; font-family:"微软雅黑"; font-size:14px; color:#fff; text-decoration:none; position:relative;transition-duration: 0.4s;}
#tijiao{width:470px; height:50px;margin-left:auto; margin-right:auto; display:block; text-decoration:none;}
.m_message:after {content: "";background: #fff;display: block;position: absolute;padding-top: 70px;padding-left: 470px;margin-top: -40px;margin-left:0;opacity: 0;transition: all 0.6s}
.m_message:active:after {padding: 0;margin: 0;opacity: 1;transition: 0s}


.contact_box{width:1200px; margin-left:auto; margin-right:auto; height:217px;}
.contact_l{float:left; margin-top:60px;}
.contact_r{float:right; margin-top:60px;}
.contact_box a{font-family:"微软雅黑"; font-size:14px; color:#fff; line-height:34px;}
/*列表*/
.new_b{width:1200px; height:38px; margin-left:auto; margin-right:auto; margin-top:50px;}
.new_b h2,.new_b span{float:left; font-family:"微软雅黑"; }
.new_b h2{font-size:36px; color:#5faaff;}
.new_b span{font-size:18px; color:#999999; margin-top:20px; margin-left:20px;}



.biaoti{width:72px; height:44px; margin-left:auto; margin-right:auto; margin-top:50px;}
.biaoti img{width:100%; height:100%;}


.zuopin_tap{width:1200px; height:30px; margin-left:auto; margin-right:auto; margin-top:40px;}
.abc{background-color:#e64c66!important; color:#fff;}
.zuopin_tap a{width:230px; height:50px; font-family:"微软雅黑"; font-size:18px; text-align:center; line-height:50px;float:left; margin-right:1px;background-color:#394263; color:#fff;}
.bcc{background-color:#394263;}
.zuopin_tap a:hover{cursor:pointer;}




.liebiao_box{width:1200px;  margin-left:auto; margin-right:auto; margin-top:30px;}
.news_list_box{width:881px; padding-bottom:50px; float:left;}
.news_list{width:881px;height:152px; background-color:#f7f7f7; border-bottom:1px solid #b3b3b3; margin-bottom:20px;}
.news_biao{font-family:"微软雅黑"; font-size:14px; font-weight:bold; color:#666666; padding-top:10px; margin-left:10px;}
.news_jianjie{width:858px; margin-left:auto; margin-right:auto; margin-top:10px;}
.news_jianjie_l{float:left;}
.news_jianjie_r{float:left;font-family:"微软雅黑"; font-size:14px;}
.news_jianjie_r p{color:#b2b2b2; padding-bottom:24px;}
.news_j_r_b a{float:left; color:#5faaff;}
.news_j_r_b span{float:right;color:#b2b2b2;}


.news_tuijian{width:300px; float:right;}
.tuijian_b{width:300px; height:120px;  background-color:#f7f7f7; border-bottom:1px solid #b3b3b3; margin-bottom:10px;}
.tuijian_b img{float:left; margin-left:20px; margin-top:23px;}
.wztuijian_r{float:left; font-family:"微软雅黑"; margin-left:14px;}
.wztuijian_r h3{font-size:24px; color:#5faaff; margin-top:30px; margin-bottom:10px;}
.wztuijian_r span{font-size:18px; color:#999999;}

.tuijian_neirong a{width:300px;height:40px; background-color:#f7f7f7; border-bottom:1px solid #b3b3b3; line-height:40px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:bold; color:#666666;}
.tuijian_neirong{margin-bottom:10px;}
.lianxi_box{width:300px; overflow:hidden;}
.lianxi_box a{width:300px;height:174px; background-color:#f7f7f7; border-bottom:1px solid #b3b3b3; line-height:28px; padding-left:10px; font-family:"微软雅黑"; font-size:14px; color:#666666;}




.zuopin_one:hover{-webkit-transform:scale(1.03); -moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform: scale(1.03);cursor:pointer; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.zuopin_two:hover{-webkit-transform:scale(1.03); -moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform: scale(1.03);cursor:pointer; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.zuopin_three:hover{-webkit-transform:scale(1.03); -moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform: scale(1.03);cursor:pointer; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.zuopin_four:hover{-webkit-transform:scale(1.03); -moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform: scale(1.03);cursor:pointer; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}



.zuopin_big_one,.zuopin_big_two,.zuopin_big_three,.zuopin_big_four{position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/zuopinbeijing.png) ; background-repeat:repeat; z-index:9999}
.close{width:50px; height:50px; background-color:#ff5454; position:absolute; top:0; right:0; color:#fff; font-family:"微软雅黑"; font-size:32px; line-height:50px; text-align:center;transition-duration: 0.4s;}
.close:hover{ cursor:pointer;}
.close:after {
	content: "";
    background: #fff;
    display: block;
    position: absolute;
    padding-top: 50px;
    padding-left: 50px;

    margin-top: -100%;
    opacity: 0;
    transition: all 0.6s
}

.close:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}




.zuopin_beijing{width:60%; height:80%; margin-left:auto;margin-right:auto; background-color:#fff; margin-top:3em;}
.big_photo{width:100%; height:80%; overflow:hidden;}
.big_photo img{width:100%; height:auto;}

.zuopin_big_one h1,.zuopin_big_one p,.web{width:80%;color:#4d4d4d; font-family:"微软雅黑"; margin-left:auto; margin-right:auto; text-align:center; line-height:2em}
.zuopin_big_one h1{font-size:14px; margin-top:20px;}
.zuopin_big_one p,.web{font-size:12px;}

.zuopin_big_two h1,.zuopin_big_two p{width:80%;color:#4d4d4d; font-family:"微软雅黑"; margin-left:auto; margin-right:auto; text-align:center; line-height:2em}
.zuopin_big_two h1{font-size:14px; margin-top:20px;}
.zuopin_big_two p{font-size:12px;}

.zuopin_big_three h1,.zuopin_big_three p{width:80%;color:#4d4d4d; font-family:"微软雅黑"; margin-left:auto; margin-right:auto; text-align:center; line-height:2em}
.zuopin_big_three h1{font-size:14px; margin-top:20px;}
.zuopin_big_three p{font-size:12px;}

.zuopin_big_four h1,.zuopin_big_four p{width:80%;color:#4d4d4d; font-family:"微软雅黑"; margin-left:auto; margin-right:auto; text-align:center; line-height:2em}
.zuopin_big_four h1{font-size:14px; margin-top:20px;}
.zuopin_big_four p{font-size:12px;}

.web:hover{color:#0CF;}

.pagination{height:30px; clear:both; width:260px; margin-left:auto; margin-right:auto;}
ul.pagination li {display: inline;}
ul.pagination li a {color:#b2b2b2; font-family:"微软雅黑"; font-size:12px; float: left;padding: 8px 13px;text-decoration: none;transition: background-color .3s;}
ul.pagination li a.active {background-color: #37bcff;color: white;}
ul.pagination li a:hover:not(.active) {border:1px solid #ddd;}
/* CSS Document */

