.banner {  height: 300px ; background-size: cover;}

.submenu{ height: 54px; line-height: 54px; background: #fff;box-shadow: 0px 2px 5px #ececec;}
.submenu h1{ float: left; padding-left: 5px; height: 52px;line-height: 52px; font-weight: norcontact_mapl; padding-right: 5px; border-bottom: #005eac solid 2px; font-size: 22px; color: #005eac;}
.submenu ul{ float: right;}
.submenu ul li{ float: left;position: relative;}
.submenu ul li a{ font-size: 14px; color: #333; padding: 12px 20px; text-decoration: none;}
.submenu ul li:after{content: ""; position: absolute; right: 0px; height: 14px; border-right:#ccc solid 1px; top: 21px;}
.submenu ul li a:hover{ font-size: 14px; color: #005eac; padding: 12px 20px}
.submenu ul li a.active{ font-size: 14px; color: #005eac; padding: 12px 20px}
.submenu ul li:last-child:after{ display: none;}



.about_1_content{ padding-top: 40px; padding-bottom: 80px;}
.about_1_content .left{ width: 330px; float: left;}
.about_1_content .left img{ width: 320px; margin-top: 5px; margin-left: 5px;box-shadow: -5px -5px 0px #005eac;}
.about_1_content .right{ width: 840px; float: left; padding-left: 30px;}
.about_1_content .right p{ font-size: 15px; color: #444; line-height: 2em; margin-bottom: 15px; text-indent: 2em;}
.about_1_content p{ font-size: 15px; color: #444; line-height: 2em; }
.about_1_content p strong{ color: #005eac}


.about_2_content{ padding-top: 40px; padding-bottom: 80px;}
.about_2_content .swiper-container {width: 1200px;max-width: 100%;height: 500px;max-height: 100%;margin: 20px auto;}
.about_2_content .swiper-slide {width: 1200px;max-width: 100%;height: 500px;background-size:contain; background-repeat: no-repeat; background-position: center;}
.about_2_content .gallery-top {height: 80%;width: 100%;}
.about_2_content .gallery-thumbs {width: 100%;height: 120px;box-sizing: border-box;padding: 10px 0;}
.about_2_content .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.about_2_content .gallery-thumbs .swiper-slide-active {opacity: 1;}

.about_3_content{ padding-top: 40px; padding-bottom: 80px; text-align: center;}
.about_3_content img{ width: 80%;}

.about_4_content{ padding-top: 40px; padding-bottom: 80px;}

.about_5_content{ padding-top: 40px; padding-bottom: 80px;}
.about_5_content p{ font-size: 15px; color: #444; line-height: 2em; }

.about_6_content{ padding-top: 40px; padding-bottom: 80px;}
.about_6_content ul { width: 1240px; padding-bottom: 20px;}
.about_6_content ul li{ width: 285px; text-align: center; float: left; margin-right: 20px; margin-bottom: 10px;}
.about_6_content ul li img{ width: 100%;}
.about_6_content ul li a.imgbox {width: 285px; height: 203px; overflow: hidden; display: block;}
.about_6_content ul li a.imgbox img {width: 285px; height: 203px;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.about_6_content ul li a.imgbox:hover img {transform: scale(1.1) translateZ(0);transition-duration: 0.3s;}
.about_6_content ul li h1{ padding-top: 10px; padding-bottom: 20px; font-size: 14px; color: #444; font-weight: normal;}
.about_6_content ul li h1 a{color: #444;}

.case_detail_content{ padding-top: 40px; padding-bottom: 80px;}
.case_detail_content .title{ text-align: center; padding-top: 20px; padding-bottom:30px; font-size: 24px; color: #333; border-bottom: solid #ececec 1px; margin-bottom: 30px;}
.case_detail_content .swiper-container{ width: 700px; margin: 0 auto;}
.case_detail_content .swiper-slide img{ width: 100%; }
.case_detail_content .imgbox{}
.case_detail_content .content{font-size: 15px; color: #444; line-height: 2em; width: 700px;  padding: 30px 0px; margin: 0 auto; margin-bottom: 30px;}

.zizhi_detail_content{ padding-top: 40px; padding-bottom: 80px;}
.zizhi_detail_content .title{ text-align: center; padding-top: 20px; padding-bottom:30px; font-size: 24px; color: #333; border-bottom: solid #ececec 1px; margin-bottom: 30px;}
.zizhi_detail_content .imgbox{ text-align: center; margin-bottom: 40px;}




.case_content{ padding-top: 40px; padding-bottom: 80px;}
.case_content ul { width: 1240px; padding-bottom: 20px;}
.case_content ul li{ width: 285px; text-align: center; float: left; margin-right: 20px; margin-bottom: 10px;}
.case_content ul li img{ width: 100%}
.case_content ul li h1{ padding-top: 10px; padding-bottom: 20px; font-size: 16px; color: #444; font-weight: normal;}
.case_content ul li h1 a{ color: #444;}


.business_content{ padding-top: 40px; padding-bottom: 80px;}
.business_content p{ font-size: 15px; color: #444; line-height: 2em; }
.business_content p strong{ color: #005eac}


.news_content{ padding-top: 20px; padding-bottom: 80px;}
.news_content ul li .img{ width: 165px; height: 110px; float: left; margin-right: 25px; border-radius: 3px; overflow: hidden;}
.news_content ul li .img img{ width: 165px; height: 110px; display: block;}

.news_content ul li{ padding-top: 20px; padding-bottom: 20px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 和 Chrome */-o-transition-duration: 0.3s; /* Opera */}

.news_content ul li .text{ float: left; width: 1010px;}
.news_content ul li .text h2{ color: #333; font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.news_content ul li .text h2 a{ color: #333;}
.news_content ul li .text p{ color: #999999; font-size: 14px; font-weight: normal; line-height: 24px;}
.news_content ul li .box{ width: 1200px; margin: 0 auto;}
.news_content .page{ padding-top: 40px;}

.news_content ul li:hover{ padding-top: 20px; padding-bottom: 20px; background: #fff;}
.news_content ul li:hover h2 a{ color: #005eac; text-decoration: none;}
.news_content ul li:hover p{ color: #666}

.news_detail_content{ padding-top: 40px; padding-bottom: 40px;}
.news_detail_content .title{ border-bottom: #ececec solid 1px; padding-bottom: 20px; text-align: center;}
.news_detail_content .title h1{ color: #333; font-size: 24px; padding-bottom: 10px;}
.news_detail_content .title p{ color: #999; font-size:14px;}
.news_detail_content .content{ padding-top: 20px; font-size: 16px; color: #333; line-height: 2em; margin-bottom: 20px;}
.news_detail_content .content p{ padding-top: 10px; padding-bottom: 10px; text-indent: 2em;}


.join_content{ padding-top: 0px; padding-bottom: 80px;}
.join_content ul{ padding-top: 30px; padding-bottom: 30px; border-bottom: #ececec solid 1px;}
.join_content ul li.title h1{ color: #333333; font-size: 24px; font-weight: normal; margin-bottom: 10px;}
.join_content ul li.title p{ color: #999; font-size: 14px; font-weight: normal;}
.join_content ul li.title .button{ float: right; text-align: center;}
.join_content ul li.title .button a.open{ text-decoration: none;color: #666666; }
.join_content ul li.title .button a.close{ text-decoration: none; color: #337ab7;}
.join_content ul li.title .button i{ font-size: 24px;}
.join_content ul li.title .button span{  font-size: 14px; display: block;}
.join_content ul li.content p{ color: #666; font-size: 14px; font-weight: normal; line-height: 1.8em;}
.join_content ul li.content { padding-top: 20px; }
.join_content .page{ padding-top: 50px;}





.contact_content{ padding-top: 40px; padding-bottom: 40px;}
.contact_content .text{ width: 600px; float: left;}
.contact_content .text h1{ color: #333333; font-size: 24px; margin-bottom: 10px;}
.contact_content .text p{ color: #666; font-size: 16px; line-height: 2em;}
.contact_content .form{ width: 600px; float: left;}
.contact_content .form h1{ color: #333333; font-size: 24px; margin-bottom: 10px;}
.contact_content .layui-form-label{ width: 100px;padding-right: 0px; color: #666; font-size: 14px;}
.contact_content .layui-form-label em{ font-size: 16px; font-style: normal; color: #f00; padding-right:5px;}
.contact_map img{ display:none;}
.contact_map {height: 450px; background:url(../images/map.jpg) no-repeat center; background-size:cover;}

.zizhi_content{ padding-top: 40px; padding-bottom: 40px; }
.zizhi_content ul { width: 110%; margin-bottom: 30px;}
.zizhi_content ul li{ width:260px; margin-right: 24px; border: #ececec solid 1px; float: left; text-align: center; margin-bottom: 24px; height: 180px; padding: 10px;}
.zizhi_content ul li:hover{  border: #ccc solid 1px; }
.zizhi_content ul li img{ height: 180px;}














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




.banner{ height: 200px;}
.about_1_content .left{ width: 100%; float: none;}
.about_1_content .left img{ width: 100%; margin-top: 5px; margin-left: 5px;box-shadow: -5px -5px 0px #005eac;}
.about_1_content .right{ width: 100%; float: none; padding-left: 0px; padding-top: 20px;}
.submenu{ height: 36px; line-height: 36px;}
.submenu h1{ height: 34px; line-height: 34px; font-size: 16px;}
.submenu ul{ display: none;}

.about_6_content{ padding-top: 20px; padding-bottom: 40px;}
.about_1_content{ padding-top: 20px; padding-bottom: 40px;}
.zizhi_content{ padding-top: 20px; padding-bottom: 40px;}
.zizhi_content ul{ width: 100%;}
.zizhi_content ul li{ width: calc(50% - 32px); height: auto; margin-right: 5px; margin-left: 5px; margin-bottom: 15px;}
.zizhi_content ul li img{ height: auto; width: 100%;}


.zizhi_detail_content .imgbox img{ width: 100%;}

.about_1_content img{ width: 100%;}




.about_6_content ul li{ width: calc(50% - 10px); height: auto; margin-right: 5px; margin-left: 5px; margin-bottom: 15px;}
.about_6_content ul{ width: 100%;}

.about_6_content ul li a.imgbox img{ width: 100%; height: auto;}
.about_6_content ul li a.imgbox{ width: 100%; height: auto;}

.case_detail_content .swiper-container{ width: 100%;}
.case_detail_content .content{ width: 100%; padding: 20px 0px;}
.news_content{ width: auto; margin: 0 10px;}
.news_content ul li .box{ width: 100%}

.news_content ul li .img{ width: 100%; height: auto; margin-right: 0px; float: none;}

.news_content ul li .img img{width: 100%; height: auto; }
.news_content ul li .text{ width:100%; float: none; padding-top: 20px; }

.news_detail_content .content img{ width: 100%;}

.contact_content{ padding-top: 20px; padding-bottom: 40px;}
.contact_content .text{ width: 100%; float: none;}
.contact_content .form{ width: 100%; float: none;}
.contact_content .text h1{ font-size: 18px;}


}