@charset "utf-8";
.mail{ width:100%; margin:0 auto;}
.con_1{ width:1200px; margin:0 auto;}
.con_1 span{ font-size:36px; margin:50px 0; display:block;font-weight: lighter;}
.con_1 span>em{ font-size:14px; margin:0; display:block;font-weight: normal; color:#888; margin-top:10px;}
.con_1 ul li{ float:left;width:21.25%; margin-left:5%;box-shadow:0px 1px 20px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 1px 20px rgba(0,0,0,.1); padding:50px 0;}
.con_1 ul li:first-child{ margin-left:0%;}
.con_1 ul li:hover{ box-shadow:0px 1px 20px rgba(0,0,0,.2);-moz-box-shadow:0px 1px 20px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 20px rgba(0,0,0,.2);}
.con_1 ul li img{ width:160px;}
.con_1 ul li em{ display:block; color:#222; margin-top:20px;}
.con_2{ width:100%; margin:0 auto; background:url(../images/main6-bg.jpg) no-repeat top center; height:650px; margin-top:60px;}
.con_2 span{ font-size:36px; margin:50px 0; display:block;font-weight: lighter; color:#fff; padding-top:60px;}
.con_2 span>em{ font-size:14px; margin:0; display:block;font-weight: normal; color:#fff; margin-top:10px;}
.con_3{ width:1200px; margin:0 auto;}
.con_3 span{ font-size:36px; margin:50px 0; display:block;font-weight: lighter;}
.con_3 span>em{ font-size:14px; margin:0; display:block;font-weight: normal; color:#888; margin-top:10px;}
.con_3 ul li{ float:left;width:21.25%; margin-left:5%;box-shadow:0px 1px 20px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 1px 20px rgba(0,0,0,.1); padding:40px 0; margin-bottom:30px;}
.con_3 ul li:nth-child(4n+1){ margin-left:0%;}
.con_3 ul li:hover{ box-shadow:0px 1px 20px rgba(0,0,0,.2);-moz-box-shadow:0px 1px 20px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 20px rgba(0,0,0,.2);}
.con_3 ul li img{ width:101px;}
.con_3 ul li em{ display:block; color:#222; margin-top:20px; font-size:16px; padding-bottom:30px;}
.con_3 ul li p{ padding-top:30px; width:60%; margin: 0 auto; text-align:center; line-height:1.5;}
.con_4{ width:100%; margin:0 auto; background:url(../images/main6-bg.jpg) no-repeat top center; height:690px; margin-top:60px;}
.con_4 span{ font-size:36px; margin:50px 0; display:block;font-weight: lighter; color:#fff; padding-top:60px;}
.con_4 span>em{ font-size:14px; margin:0; display:block;font-weight: normal; color:#fff; margin-top:10px;}
.con_5{ width:1200px; margin:0 auto;}
.con_5 span{ font-size:36px; margin:50px 0; display:block;font-weight: lighter;}
.con_5 span>em{ font-size:14px; margin:0; display:block;font-weight: normal; color:#888; margin-top:10px;}
.con_5 ul li{ float:left;width:32%; margin-left:1.5%;box-shadow:0px 1px 20px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 1px 20px rgba(0,0,0,.1); padding:0 0 30px 0; margin-bottom:50px;}
.con_5 ul li:nth-child(3n+1){ margin-left:0%;}
.con_5 ul li:hover{ box-shadow:0px 1px 20px rgba(0,0,0,.2);-moz-box-shadow:0px 1px 20px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 20px rgba(0,0,0,.2);}
.con_5 ul li img{ width:100%;}
.con_5 ul li em{ display:block; color:#222; margin-top:20px; font-size:16px; padding-bottom:30px;}
.con_5 ul li p{ padding-top:30px; width:60%; margin: 0 auto; text-align:center; line-height:1.5;}

@media screen and (max-width:768px) {
.con_1{ width:96%;}
.con_1 span{margin:35px 0 25px 0; font-size:24px;}
.con_1 span>em{ margin-top:0;}
.con_1 ul li{ float:none;width:45%; display:inline-block; vertical-align:top;margin-left:2%; margin-right:2%;padding:25px 0; margin-bottom:5%; }
.con_1 ul li:first-child{ margin-left:2%;}
.con_1 ul li p{ width:80%; margin:0 auto; text-align:center;}
.con_1 ul li img{ width:80%;}
.con_2{ margin-top:30px; height:auto;}
.con_2 span{margin:35px 0;font-size:22px; padding-top:30px;}
.con_2 span>em{ margin-top:0;}
.con_2 img{ width:100%; height:auto;}
.con_3{ width:96%;}
.con_3 span{margin:35px 0;font-size:22px;}
.con_3 span>em{ margin-top:0;}
.con_3 ul li{ float:none; display:inline-block;width:45%; margin-left:2%;margin-right:2%;padding:20px 0; margin-bottom:20px; vertical-align:top;}
.con_3 ul li:nth-child(4n+1){ margin-left:2%;}
.con_4{ height:auto;}
.con_4 span{font-size:22px; width:80%; margin:0 auto; text-align:center; padding-top:30px;}
.con_4 img{ width:90%; height:auto; margin:25px 0;}
.con_5{ height:auto; width:92%; margin:0 auto; text-align:center;}
.con_5 span{font-size:22px; width:80%; margin:0 auto; text-align:center; padding-top:30px;}
.con_5 img{ width:90%; height:auto; margin:25px 0;}
.con_5 ul li{ float:none; width:100%; margin-bottom:20px;margin-left:0;}
.con_5 ul li p{ padding:0;}
.con_5 ul li:nth-child(3n+1){ margin-left:0;}
}