﻿@charset "utf-8";
/* CSS Document */
/*重置*/
img{border:none; margin:0; padding:0;}
body,a,h1,p,ul{margin:0;}
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{display:block; text-decoration:none;}
*{transition:all 0.7s;}


/*页眉*/
.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; line-height:60px; color:#000; 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; magrin:0 auto;}

.about_box p{ font-family:"微软雅黑"; font-size:16px; line-height:34px; color:#000;}
.neirong_about{width:850px; margin:0 auto; font-family:"微软雅黑"; font-size:12px; line-height:30px; color:#666;}


.zuopin_one,.zuopin_two,.zuopin_three,.zuopin_four{width:256px; height:260px; background-color:#f7f7f7; float:left; margin-left:10px; border:1px solid #e5e5e5; margin-bottom:40px;}
.photo{width:256px; height:210px; overflow:hidden;}
.photo img{width:100%;}
.zuopin_one a,.zuopin_two a,.zuopin_three a,.zuopin_four a{width:260px; overflow:hidden; margin-left:auto; margin-right:auto; text-align:center; line-height:20px; margin-top:10px;font-family:"微软雅黑"; font-size:14px; color:#4d4d4d;}
.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: #000000;color: white;}
ul.pagination li a:hover:not(.active) {border:1px solid #ddd;}



.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);}




.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;}









