.banner {  height: 300px ; background-size: cover;}
body{    padding-top: 140px;}



.submenu{ height: 54px; line-height: 54px; background: #fff;box-shadow: 0px 2px 5px #0a3265;z-index: 1;}

.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;}

.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;border:#176cb2 solid 3px;-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;  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;}

.box-1{ width:100%; height:101px; background:url(../images/bg.jpg) repeat-x;}
.header-1{ width:1200px;height:101px; margin:0 auto;}
.logo{ float:left; width:493px; height:101px;}
.dkh{ float:right; width:365px; height:auto; padding-top:13px;position:relative;}
img.qywx-img {
    width: 140px;
    position: absolute;
    z-index: 9999999;
    top: 50px;
    right: 20px;
}
.dkh p{ text-align:right; line-height:30px; color:#333333;}
.dkh p a{ color:#333;font-size:16px;}
.dkh p i{ color:#4a9700; font-family:"Microsoft YaHei"; font-size:22px;}
.dkh p img{ vertical-align:middle; margin-right:3px;}
/*header end*/

/*nav begin*/
.dh-po {
    position: fixed;
    width: 100%;
    top: 0;
	z-index: 999;
}
.box1{ clear:both; width:100%; height:40px; background:url(../images/bg1.jpg) repeat-x;}
.nav{ width:1200px;height:40px; margin:0 auto;}
#nav-menu{height:60px;width:1200px;margin:0 auto; position:relative; z-index:999;}
#nav-menu .container{position:relative;overflow:visible; z-index:99;}
#nav-menu .menu{padding:0 0 0 0;}
#nav-menu .menu li{position:relative;float:left;display:inline;font-size:16px; width:130px; background:url(../images/bg2.jpg) no-repeat right center;}
#nav-menu .menu li h3{font-weight:normal;display:inline-block;float:left;}
#nav-menu .menu li a.xialaguang{display:inline-block;color:#000000;height:40px;text-decoration:none;font-size:16px;width:150px;text-align:center; line-height:25px; font-family:"Microsoft YaHei"; text-transform:uppercase;}
#nav-menu .menu li a.xialaguang i{ font-size:12px; text-transform:uppercase;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#005bac;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{ background:url(../images/bg3.jpg) repeat-x left top; color:#005bac;}
#nav-menu .menu li a.xialaguang span{height:40px;line-height:25px;display:inline-block;font-family:"Microsoft YaHei"; font-size:16px;display: flex;align-items: center;justify-content: center}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:150px;}
#nav-menu .menu ul.children{z-index: 9999999999;display:none;position:absolute;top:40px;left:0px;width:150px;background:#01439a;line-height:normal; padding-left:0px;}
#nav-menu .menu ul.children li{width:150px;padding:0px;display:inline-block;font-size:12px; border-bottom:1px solid #dedede; background:none;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;height:35px;line-height:35px;overflow:hidden;display:block;color:#fff;text-align:center;text-decoration:none; font-size:12px; font-family:"Microsoft YaHei";}
#nav-menu .menu ul.children li a:hover{background-color:#e60013;text-decoration:none;}
/*nav end*/

.jmgs {
    width: 100%;
    overflow: hidden;
    padding: 80px 0 20px;
}
.jmgs a {
    border: 1px solid #005eac;
    padding: 10px 20px;
    font-size: 16px;
    background: #005eac;
    color: #fff;
}
.jmgs a:hover {
    color: #fff;
}
.zpdjxz {
    text-align: center;
}



























@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;top:60px!important;}

.submenu h1{display: none; height: 34px; line-height: 34px; font-size: 16px;}

.submenu ul {
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    float: inherit;
}
.submenu ul li {
    float: inherit;
    position: relative;
    width: 20%;
    display: inline-block;
}
.submenu ul li a {
    font-size: 14px;
    color: #333;
    padding: 10px 10px;
    text-decoration: none;
}
.submenu ul li:after {
    content: "";
    position: absolute;
    right: auto;
    height: 14px;
    border-right: #ccc solid 1px;
    top: 12px;
}
.submenu ul li a.active {
    font-size: 14px;
    color: #005eac;
    padding: 10px 10px;
}




.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 {
    max-height: 100px;
    max-width: 100%;
}





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



.about_1_content img{ width: 100%!important;}









.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: 125px;}

.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;}





}

@media screen and (max-width: 320px) {
	.submenu ul li {
		float: inherit;
		position: relative;
		width: 23%;
		display: inline-block;
	}
	.submenu ul li:after {
		content: "";
		position: absolute;
		right: auto;
		height: 14px;
		border-right: #ccc solid 1px;
		top: 12px;
		left: 3px;
	}
}