/*@charset "utf-8";*/
/* CSS Document */
/*全局样式*/
*{ padding:0; margin:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
body{padding:0; margin:0; font-size:14px;border:0;margin:0 auto; font-size:14px;  font-family:"微软雅黑";}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,ol{ padding:0; margin:0; font-family:"微软雅黑"; font-weight:normal;border:0; color:#323232;}
ol,ul,li { list-style-position:inside; margin:0; padding:0; list-style: none;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;text-align:left;}
th,td {border-collapse:collapse;}
caption{text-align:left;}  
img{ border:0; margin:0 auto; }
img.ie6{ vertical-align:text-bottom;} 
button {cursor:pointer;}
a{ text-decoration: none;}
input{ margin: 0; padding: 0; border: none; display: inline-block; vertical-align: middle; outline: none;}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}
/*整体*/
#wrap{ width:100%; margin:0 auto;} 
.p2-banner{ width: 100%; margin:0 auto; margin-top: 5%;}
.p2-2banner{ width: 100%; margin:0 auto; }
.p3-banner{ width: 100%; margin:0 auto; }

.videoP{ width: 100%; margin:0 auto; text-align:center; margin-top:30px;background: url(../images/5jn2s.jpg) top no-repeat;}



/****************************************首页****************************************/
/*导航菜单*/
.header{ width: 9.5%; height: 100%; overflow: auto;  float: left; background: url(../images/bg0.png) repeat-y; background-size: 100% 100%; position: fixed; top:0; left: 0; z-index: 1;}
.logo{ width: 100%; height: 220px; background: url(../images/bg02.png); background-size: 100% 100%;}
.logo img{ display: block; text-align: center; padding-top: 40%;}
.head_menu{ width: 100%; margin:0 auto; margin-top: 25%; }
.head_menu li{ width: 100%; height: 60px; float: left; text-align: center; line-height: 60px; color: #404241; font-size: 15px; letter-spacing: 1px;}
.head_menu li a{ text-decoration: none; color: #404241;}
.head_menu li.act_menu a{ display: block; background: url(../images/bg03.png); background-size: 100% 100%; color: #fff;}

.main{ width: 90.5%; height: 100%; overflow: hidden;  float: right;}
.p1_part{ width: 90%; height: 100%; margin:0 auto; overflow: hidden; margin-top: 8%; background: url(../images/p1-bg01.png) top no-repeat; background-size: 100% auto;}
.p1_part p{ font-size: 14px; text-align: center; margin-top:8%;}
.p1_part_con{ width: 90%; margin:0 auto; overflow: hidden; margin-top: 3%;}
.p1_part_con li{ width: 15.5%; height: 100%; height: 246px; float: left; margin-right: 1%;}
.p1_part_con li a{ text-decoration: none;}
.befo{ width: 100%; }
.after{ width: 100%; background: #009240; display: none;}

.p1_part2{ width: 100%;  margin:0 auto; margin-top: 7%; overflow: hidden; padding-bottom: 10%; background: url(../images/p1-bg02.jpg) no-repeat; background-size: 100% 100%; }
.p1_part2_01{ width: 70%; float: left;padding-bottom: 5%; cursor: pointer; margin-left: 20%;background: url(../images/p1-wordbga1.png) no-repeat; background-size: 100% auto;}
.p1_part2_01 p{ padding:2% 8% 5% 30%;  text-indent: 2em; color: #878585; line-height: 30px; text-align: justify; font-size:14px;}
.p1_part2_02{ width: 63%;float: left; padding-bottom: 5%; margin-top: 5%; cursor: pointer; margin-left: 26%;background: url(../images/p1-wordbgb1.png) no-repeat; background-size: 100% auto;}
.p1_part2_02 h1{ padding:5% 8% 0 35%; font-weight: bold; font-size: 16px; color: #878585;}
.p1_part2_02 p{ padding:1% 8% 5% 35%; font-size: 14px;color: #878585; line-height: 30px;  }
.p1_part2_03{ width: 55%;float: left; padding-bottom: 5%; margin-top: 5%; cursor: pointer;margin-left: 37%; background: url(../images/p1-wordbgc1.png) no-repeat; background-size: 100% auto;}
.p1_part2_03 p{ padding:5% 8% 5% 35%; font-size: 14px;color: #878585; line-height: 30px;  }

.p1_part3{ width: 100%; margin:0 auto; overflow: hidden; background: url(../images/bg04.png) repeat-x; background-size: 100% 100%}
.p1_part3_word{ width: 50%; margin:0 auto; margin-top: 4%; overflow: hidden;}
.p1_part3_con{ width: 75%; margin:0 auto; margin-top: 3%;overflow: hidden; }
.p1_part3_con li{ width: 48%; float: left; margin-right: 2%; padding-bottom: 4%;  background: #ededed;}
.p1_part3_con li h1{ width: 100%; margin:0 auto; margin-bottom: 6%;}
.p1_part3_con li h2{ width: 30%;margin:0 auto;  color: #747776; font-size: 14px; text-align: center;padding-top: 14%; padding-bottom: 6%; background: url(../images/p1-icona1.png) center center no-repeat;}
.p1_part3_con li h3{ text-align: center; margin-top: 5%; font-size: 20px; color: #404241;}
.p1_part3_con li p{ text-align: center; font-size: 14px; padding-top: 5%; color: #848785; text-decoration: underline; font-weight: bold;}
.p1_part3_con li p a{ color: #848785;}

.p1_part4{ width: 90%; height: 100%; margin:0 auto; overflow: hidden; margin-top: 5%; background: url(../images/p1-bg02.png) top no-repeat; background-size: 100% auto;}
.p1_part4_word{ width: 80%; margin:0 auto; overflow: hidden; margin-top: 7%; }
.p1_part4_wordl{ width: 75%; float: left; color: #868686; line-height: 25px; text-align: justify;}
.p1_part4_wordr{ width: 15%;float: right; padding-right: 2%;}
.p1_part4_wordr a{ text-decoration: none; color: #fff;}
.p1_part4_con{ width: 90%; margin:0 auto; margin-top:5%; overflow: hidden; }
.p1_part4_con li{ width: 19%; float: left; margin-bottom: 1%; margin-left: 1%;}

.p1_part4_con li img{ width:231px; height:230px;}


.p1_part5{ width: 100%; margin:0 auto; margin-top: 8%; padding-bottom: 1%; overflow: hidden; background: #404241; }
.p1_part5l{ width: 25%; float: left;  margin-top: 5%; margin-left: 10%;}
.p1_part5c{ width: 30%;float: left; margin-left:8%; margin-top: 5%;}
.p1_part5c li{ width: 100%; float: left; margin-bottom:10%;}
.p1_part5c li label{ display: block; width: 5%; float: left;}
.p1_part5c li span{ display: block; width: 70%; margin-left: 5%; color: #cfcfcf; float: left;}
.p1_part5r{ width: 20%;float: left; margin-left:2%; margin-top: 5%;}
.p1_part5r label{ display: block; width: 100%; float: left; }
.p1_part5r label img{ display: block; width: 50%; float: left;}
.p1_part5r span{ display: block; width: 100%; float: left; margin-top: 13%; color: #929393;}
.big { transition: 500ms;}
.big:hover{transform:scale(1.1)}

/****************************************服务项目****************************************/
.p2_nava{ width: 100%; margin:0 auto; overflow: hidden; background: #ededed;}
.p2_nav{ width: 90%; margin:0 auto; overflow: hidden; margin-top: 1.5%; margin-bottom:1.5%;}
.p2_nav li{ width: 14.5%; height: 181px;  float: left; margin-left: 2%;}
.p2_nav li a{ display: block; text-decoration: none; color: #5c5b5b;}
.p2_nav li img{ display: block; width: 25%; margin:0 auto;padding-top: 13%;}
.p2_nav li label{ display: block; margin:0 auto; text-align: center; padding-top: 10%; font-size: 16px;}
.p2_nav li span{ display: block; margin:0 auto; text-align: center; padding-top: 1%; font-size: 14px;}
.p2_nav li.p2_nava1 img{ width: 21%;}
.p2_nav li.p2_nava4 img{ width: 24%;}
.p2_nav li.p2_nava5 img{ width: 20%;}
.p2_nav li a:hover{ height: 181px;background: url(../images/p2-hoverbg.png); background-size: 100% 100%;}
.p2_nav li.p2_actnav{ height: 181px; background: url(../images/p2-hoverbg.png); background-size: 100% 100%;}

.p2_con02{ width: 90%; margin:0 auto; overflow: hidden; margin-top: 8%; background: url(../images/p2-bg02.png) top center no-repeat; background-size: 100% auto;}
.p2_con02 ul{ width: 95%; margin:0 auto; overflow: hidden; margin-top:12%; background: #fff;}
.p2_con02 ul li{ width: 47%; float: left; margin-left: 2%; padding-bottom:4%; margin-bottom: 3%;}
.p2_con02 ul li a{ display: block; text-decoration: none;}
.p2_con02 ul li img{ display: block; width: 98%; margin:0 auto; margin-top: 1%;}
.p2_con02 ul li h3{ text-align: center; font-size: 18px; color: #4a4748; margin-top: 5%;}
.p2_con02 ul li h4{ width: 80%; height: 30px; margin:0 auto; margin-top: 4%; text-align: center; line-height: 30px; font-size: 14px; color: #fff; background: #b5b5b5; border-radius: 20px;}
.p2_word{ width: 82%; height: 40px; margin:0 auto; margin-top: 2%; background: #d0cece; text-align: center; line-height: 40px; font-size: 18px; color: #4a4748;}

.p2_2img{ width: 100%; margin:0 auto; margin-top: 4%;}
.p2_2img02{ width: 100%; margin:0 auto; }
.p2_2btn{ width: 10%; height: 45px; margin:0 auto; margin-top:6%; background: #6b6c6b ;color: #fff; text-align: center; line-height: 45px; font-size: 16px; }
.p2_2btn a{ display: block;color: #fff; text-decoration: none;}
.p2_2btn a:hover{ background:#009240; color: #fff; }

.p2_2pica{ width: 100%; margin:0 auto; margin-top: 6%; overflow: hidden; background: #e7e7e7; padding-bottom: 5%;}
.p2_2pic{ width: 98%; margin:0 auto;margin-top: 2%; overflow: hidden; background: url(../images/p2-2-bg.jpg) no-repeat;background-size: 100% auto;}
.p2_2pic ul{ width: 80%;margin:0 auto; overflow: hidden; margin-top:11%; }
.p2_2pic ul li{ width:31%; float: left; margin-left: 2%; }
.befo2{ width: 100%; }
.after2{ width: 100%; display: none;}







.gw{ width: 90%; margin:0 auto; overflow: hidden; margin-top: 8%; background: url(../images/gw.jpg) top center no-repeat; background-size: 100% auto;}
.gw ul{ width: 100%; margin:0 auto; overflow: hidden; margin-top:12%; background: #fff;}
.gw ul li{ width: 23%; float: left; margin-left: 2%; padding-bottom:4%; margin-bottom: 3%;}
.gw ul li a{ display: block; text-decoration: none;}
.gw ul li img{ display: block; width: 98%; margin:0 auto; margin-top: 1%;}
.gw ul li h3{ text-align: center; font-size: 18px; color: #4a4748; margin-top: 5%;}
.gw ul li h4{ width: 80%; height: 30px; margin:0 auto; margin-top: 4%; text-align: center; line-height: 30px; font-size: 14px; color: #fff; background: #b5b5b5; border-radius: 20px;}
.gw_word{ width: 82%; height: 40px; margin:0 auto; margin-top: 2%; background: #d0cece; text-align: center; line-height: 40px; font-size: 18px; color: #4a4748;}


.gwcon{ width: 60%; margin:0 auto; overflow: hidden; margin-top: 200px; }
.gwz{ width: 30%; float:left;}
.gwz img{ width: 230px;}
.gwr{ width: 60%; float:right;}




/*平面设计*/
.p2_2picb{ width: 70%; margin:0 auto; margin-top: 6%;}
.p2_2con02{  background: url(../images/p2-2bg.png) top center no-repeat; background-size: 100% auto;}
.p2_2imga{ width: 70%; margin:0 auto; margin-top: 4%;}
.p2_2img02a{ width: 70%; margin:0 auto; margin-top: 3%;}

/*产品摄影*/
.p2_3pic{ width: 75%; margin:0 auto; margin-top: 6%;}
.p2_3con{ width: 90%; margin:0 auto; overflow: hidden; margin-top: 8%; background: url(../images/p2-3-bg02.png) top center no-repeat; background-size: 100% auto;}
.p2_3con ul{ width: 95%; margin:0 auto; overflow: hidden; margin-top:12%; background: #fff;}
.p2_3con ul li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 4%;}
.p2_3con ul li a{ display: block; text-decoration: none;}
.p2_3imgt{ width: 100%; margin:0 auto; overflow: hidden; padding-bottom: 5%; background: #f6f6f6;}
.p2_3imgta{ width: 80%; margin:0 auto; overflow: hidden; padding-bottom: 5%; background: #fff;}


.p2_3imgta p{ width: 100%; margin:0 auto; margin-top: 2%; text-align:center; font-size:18px;}


.p2_3img{ width:70%; margin:0 auto; margin-top: 8%;}
.p2_3img02{ width: 70%; margin:0 auto; margin-top: 5%;}
.p2_3img03{ width: 70%; margin:0 auto; margin-top: 1%;}
.befo3{ width: 100%; }
.after3{ width: 100%; display: none;}

/*空间设计*/
.p2_4con02{  background: url(../images/p2-5-bg02.png) top center no-repeat; background-size: 100% auto;}
.p2_4imgaa{ width: 60%; margin: 0 auto; margin-top: 8%; overflow: hidden; background: url(../images/p2-4bg.png) no-repeat; background-size: 100% 100%;}
.p2_4imgaa img{ display: block; width: 100%; margin:0 auto; }
.area{ width:90%; margin:5% auto; overflow:hidden; position:relative; cursor:pointer; }
.js{position: relative; width:100%; height: 500px; margin:0 auto; }
.prevBtn{ background:url(../images/btn01h.jpg) no-repeat;height:47px; width: 32px; display:block; position:absolute; top:220px;}
.prevBtn:hover{ background:url(../images/btn01.jpg) no-repeat;}
.nextBtn { background:url(../images/btn02h.jpg) no-repeat;height:47px; width: 32px; display:block; position:absolute; right:0; top:220px;}
.nextBtn:hover{ background:url(../images/btn02.jpg) no-repeat;}
.imgSelected { background: url(../images/jsNav.png) no-repeat;}
.bg{ width:100%; background:#009240;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/bg01.png");
height:45px; left:0; font-weight: bold; top:94%; position:absolute;}
.jsNav{ position:absolute; left:40%; top:94%;}
.jsNav a{width:40px; font-size:14px; margin-right:6px; display:inline; height:30px; line-height:30px; display:block;float:left; text-align:center; color:#fff;}
.jsNav a:hover{background:url(../images/bg01.gif) no-repeat;color: #009240; text-decoration:none;}
.jsNav .imgSelected { background:url(../images/bg01.gif) no-repeat;color: #009240;}
.qq{ display:none; z-index:200}

/*活动培训*/
.p2_5con{ background: url(../images/p2-5titlebg.png) top center no-repeat; background-size: 100% auto;}
.p2_5img{ width: 70%; margin:0 auto; margin-top: 5%;}
.p2_5img2{ width: 70%; margin:0 auto; margin-top: 1%;}


/****************************************品牌合作****************************************/
.p3_pic{ width: 70%; margin:0 auto; margin-top: 6%;}
.p3_word{ width: 70%; margin:0 auto; margin-top: 4%;  text-align: justify; line-height: 30px; font-size: 15px; color: #515251;}
.p3_pic02{ width: 100%; margin:0 auto; margin-top: 6%;}
.p3_con{ width: 80%; margin:0 auto; overflow: hidden; margin-top: 6%; }
.p3_con dd{ width: 100%; float: left; margin-bottom: 6%; background: url(../images/p3-bg.png) no-repeat; background-size: 100% auto;}
.p3_con dd h2{ width: 15%; float: left; font-size: 18px;padding-top:2%; letter-spacing: 1px; text-align: center; color: #4c4e4d;}
.p3_con dd ul{width: 70%; float: left; margin-left: 9%;}
.p3_con dd ul li{ width: 10%; float: left; margin-left:9%;}
.p3_con dd ul li img:hover{-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);  }
.p3_con p{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 6%; text-align:center;}

/****************************************营销资讯****************************************/
.p4_nav{ width:70%;margin:0 auto; margin-top:5%; overflow: hidden; }
.p4_nav li{ width: 17%; float: left; margin-left: 23%; font-size: 16px; height: 40px; text-align: center; line-height: 40px;border:1px #a8a5a5 solid;}
.p4_nav li a{ text-decoration: none; display: block; color: #5c5b5b;}
.p4_nav li a:hover{ background: #009240; color: #fff;}
.p4_nav li.p4_actnav a{ background: #009240; color: #fff;}
.p4_con{ width: 90%; margin:0 auto; overflow: hidden; margin-top: 6%; }
.p4_con li{width: 47%; height: 289px;  float: left; margin-left: 2%; margin-bottom: 6%; padding-bottom: 1%; background: url(../images/p4-newbg.jpg) right center no-repeat; background-size: auto auto; }
.p4_con li a{ display: block; text-decoration: none;}
.p4_con li .p4_cont{ width: 100%; float: left; overflow: hidden;}
.p4_con li .p4_cont img{ display: block; width: 50%; float: left; margin-top: 3%;}
.p4_con li .p4_cont .p4_cont_w{ width: 47%; float: left; margin-left:2%; margin-top: 8%; }
.p4_con li .p4_cont .p4_cont_w h2{ font-size: 15px; color: #6a6969; font-weight: bold;}
.p4_con li .p4_cont .p4_cont_w p{ font-size: 14px; color: #6a6969;padding-top: 4%; text-align: justify; }
.p4_con li .p4_conb{ width: 100%; float: left; margin-top:1.8%; overflow: hidden; padding-left:35px; }
.p4_con li .p4_conb label{ color: #fff; padding-left:40%;}
.p4_con li .p4_conb span{ color: #fff; padding-left: 19%;}
.new_page{ width: 515px; height: 34px; margin:0 auto; margin-top: 45px; margin-bottom: 90px;}
.new_page li{ width: 34px; height: 34px; float: left; margin-left: 20px; border: 1px #404241 solid; text-align: center; line-height: 34px; color: #373838; cursor: pointer;}
.new_page li.act_page{ width: 100px; height: 34px; line-height: 34px; background: #404241; color: #fff;}
.new_page li:hover{ background:#404241; color: #fff;border: 1px #404241 solid; }
.new_page li.active_page0{ background:#404241; color: #fff;border: 1px #404241 solid;}

/*内页*/
.newa_con{ width: 90%; margin:0 auto; margin-top:7%; }
.p4a_new_list{ width: 100%; margin:0 auto; overflow: hidden; }
.p4a_new_left{ width: 63%; margin:0 auto;  }
.p4a_new_left h1{ font-size: 24px; color: #009240; text-align: center; margin-top: 5%;}
.p4a_new_left h3{ font-size: 14px; color: #c6c6c6; text-align: center; padding-top:2%;}
.p4a_new_left h4{ width: 90%; height:1px; background: #dadada; margin:0 auto; margin-top: 3%;}
.p4a_new_left p{ padding:0 5% 0 5%; color: #6c6c6f; line-height: 30px; text-align: justify;}
.p4a_new_left a{ color: #009240; text-decoration: none;}
.p4a_new_left img{ display: block; width: 90%;  margin:0 auto; margin-top:5%;}
.newa_list_page{ width:90%; margin:0 auto; margin-top: 4%; }
.newa_list_page h5{ font-size: 14px; color: #646363; padding-left: 30px;}
.newa_list_page h5 a{ text-decoration: none; color:#646363; }
.newa_list_page h5 a:hover{ color:#009240;}
.p4a_new_right{ width: 33%; float: right; padding-bottom: 4%; }
.p4a_new_right h1{ width: 80%;font-size: 18px; margin-left: 3%; border-left:3px #009240 solid; padding-left: 2%; margin-top: 12%;  margin-bottom: 2%; color: #000; }
.p4a_new_right_img{ width:100%; margin:0 auto; overflow: hidden;}
.p4a_new_right_img li{ float: left; width: 46%; margin-left: 3%; margin-bottom:7%; }
.p4a_new_right img{ display: block; width: 100%;margin:0 auto; margin-top: 2%;}
.p4a_new_right_img li span{ display: block; float: left; text-align: left;}
.p4a_new_right_img li a{ text-decoration: none; color: #333;}
.p4a_new_right_img li a:hover{ color:#009240; }
.position0{ width: 100%; margin:0 auto; font-size: 14px; color: #777575; }
.position0 a{ color: #777575; text-decoration: none;}
.position0 a:hover{ color: #009240;}


/****************************************加入松山****************************************/
.p5_img{ width: 70%; margin:0 auto; margin-top: 7%;}
.p5_word{ width:80%; margin:0 auto; margin-top:3%; text-align: justify; line-height: 30px; color: #6e6d6d;}
.p5_word span{ color: #009240; font-weight: bold; letter-spacing: 1px;}
.p5_cona{ width: 80%;margin:0 auto; margin-top: 5%; overflow: hidden; background: #f5f5f5; padding-bottom: 4%;}
.p5_con{ width: 90%; margin:0 auto; margin-top: 3%; }
.p5_con h2{ font-size: 18px; color: #464545; border-bottom: 1px #b1acac solid; padding-bottom:5px;}
.p5_cont{ width: 100%;margin:0 auto; margin-top: 2%; overflow: hidden; }
.p5_contl{ width:80%; float: left; }
.p5_contl h3{ font-size: 18px; color: #009240;}
.p5_contl h4{ font-size: 14px; color: #6e6d6d; padding-top: 1%; font-weight: bold;}
.p5_contl p{ font-size: 14px; color: #6e6d6d; padding-top: 5px; line-height: 30px; text-align: justify;}
.p5_contr{ width: 15%; float: right; margin-top: 3%;}



.wz_2btn{ width: 10%; height: 45px; margin:0 auto; margin-top:6%; background: #6b6c6b ;color: #fff; text-align: center; line-height: 45px; font-size: 16px; }
.wz_2btn a{ display: block;color: #fff; text-decoration: none;}
.wz_2btn a:hover{ background:#009240; color: #fff; }





/****************************************联系我们****************************************/
.p6_con{ width:75%; margin:0 auto; margin-top:5%;}
.p6_con h2{ font-size:40px; font-weight: bold; color: #404241;}
.p6_con p{ font-size:14px; text-align: justify; color: #898a89; line-height: 30px; padding-top: 1%;}
#allmap {width: 75%;  height: 600px; margin:0 auto; margin-top:5%;}

/*404*/
.main_404_0{ width: 100%; min-width: 1300px; height: 450px; margin:0 auto; }
.main_404{ width: 1300px; height: 700px; margin:0 auto;}
.not_found {
    font-family: "微软雅黑","Microsoft YaHei",arial,"宋体";
    width: 600px;
    margin: 0 auto;
    padding-top: 136px; 
}
.not_found .not_found_img {
    background: url(../images/404-icon.png) no-repeat;
    display: block;
    width: 163px;
    height: 224px;
    float: left;
}
.not_found .not_found_bd {
    float: left;
    margin-left: 40px;
    padding-top: 37px;
}
.not_found .not_found_bd h1 {
    font-weight: normal;
    font-size: 26px;
    color: #333;
    margin-bottom: 26px;
}
.not_found .not_found_bd .not_found_info {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.not_found .not_found_bd .not_found_info a {
    color:  #009240;
}

/*媒体查询*/
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
   .js{ height: 454px;}
   .p4_con li .p4_cont img{ margin-top: 7%;}
   .p4_con li .p4_conb{  margin-top: 8.3%;}
   .p4_con li .p4_conb label{ padding-left: 33%;}
}