/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{font-family:Arial !important; font-size:12px; color:#666;}
a{color:#666;}
a:hover{ color:#014c8c;/* text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;word-break:break-word;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ padding:30px 30px 0; margin:0 auto; width:100% !important; box-sizing:border-box;}
.wapper01{     margin-left: 16.6666666667%;
    margin-right: 16.6666666667%;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 2rem;}




.header-bg{ display: flex; justify-content: space-between;  align-items: center;background:#f2f2f2; padding:8px 16px;}
.logo{ height:42px; display:block; width:17%}
.logo a{ height:100%; }
.logo a img{  max-height:100%; max-width:100%;}


/*menu*/
.menu{height:32px;line-height:32px; flex:1}
.menu ul li{float:left;position:relative;padding: 0 12px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:32px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:9}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#014c8c;}
.menu a{ font-size:16px;color:#666; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#014c8c}
a.menu_hover{ color:#014c8c;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.hover>span>a{ color:#014c8c;}
.sous{ display: flex; justify-content: center;  align-items: center;}
.sous a{ color:#4c4c4c}
.sous a:hover{color:#014c8c;}
.search{display: flex; justify-content: center;  align-items: center; background:#f7f7f7; height:32px; border-radius:5px;}
.search .input_text{ width:70px; outline:none;text-indent: 10px; border:none; background:none; transition: all 0.5s;}
.search:hover .input_text{ width:200px;}
.search a{ width:26px; height:100%; display: flex; justify-content: center;  align-items: center;}
.search a i{ font-size:16px;}
.fenz{display: flex; justify-content: center;  align-items: center;  height:32px;}
.fenz a{ width:32px; height:100%; display: flex; justify-content: center;  align-items: center; margin-left:4px; background:#f7f7f7;  border-radius:5px;}
.fenz a i{ font-size:16px;}

.cent01{}
.cent01 .img{ display:block;}
.cent01 .img img{ width:100%; vertical-align:bottom;}
.cent01 .img span{ display:block; font-size:16px; color:#4c4c4c; padding:16px;}
.cent01 .img span:hover{text-decoration:underline;}

.footer-bg{     background: #f2f2f2;  padding: 8px 18px; box-sizing:border-box;}
.footer-bg span{ font-size:14px; color:#4c4c4c;}
.footer-bg a{ color:#4c4c4c;}

.sp_header{ display:none}
.sjj_nav{ display:none}
.top{ display:none; height:50px;}

.cent02{margin-bottom:2%;}
.project1{/* margin-top:15px;*/}
.project1 ul{/* margin-bottom:60px; */}
.project1 ul li{/*margin-bottom:15px;padding: 32px 0;*/}
.project1 ul li.none{ opacity:0; visibility:hidden;}
.card-reveal .img{ display:block; position:relative; width:100%; position:relative}
.card-reveal .img img{ width:100%;}
.project1 ul li .card span{font-size: 12px;font-weight:400;line-height:28.8px;color: #4c4c4c;display:block;/* margin-top:2%; */}
.project1 ul li .card span:hover{text-decoration:underline;}
.card-reveal .card-img-top {
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.card-reveal:hover .card-body {
bottom: 0;
background-color: rgba(255, 255, 255, 0.7);
}

.cent03-bg{ background:#f7f7f7; }
.cent03{ padding:1rem 0 ; padding-left:calc(16.6666666667% + .8rem)}
.cent03 ul{ display: flex; align-items: center;}
.cent03 ul li{ margin:0 12px;}
.cent03 ul li a{ font-size:12px; color:#4c4c4c; padding:4px 8px; border:1px solid #ddd;  display:inline-block; border-radius:5px;}
.cent03 ul li a:hover{ background:#fff; border:1px solid #014c8c}

.more{ width:146px; height:34px; line-height:34px; text-align:center; font-size:12px; color:#6B6B6B; border-radius:11px; border:1px solid #6B6B6B; display:block; margin:0% auto 0}
.more a{color:#6B6B6B;}

.contact{ color:#4c4c4c;    line-height: 1.6; margin-bottom:0%;}
.contact h2{ font-size:28px;}
.contact>span{ display:block; margin-top:15px; font-size:14px}
.contact strong{ display:block; font-weight:normal; font-size:14px; margin-top:15px;}
.contact dl{ margin-top:15px;}
.contact dl dd{ display:block; font-size:14px;}
.contact span a{  color:#4c4c4c;  border-bottom:1px solid #4c4c4c33}
.contact span a:hover{    color: #014c8c;  border-bottom:1px solid #014c8c}
.contact p{margin-top:15px;}
.contact .face{ margin-top:15px;}
.contact .face a{  color:#4c4c4c;  font-size:14px;}
.contact .face span{ display:block}


.weze{ margin-bottom:2%;}
.weze a{ font-size:12px; color:#4c4c4c; margin:0 06px;}
.weze span{ color:#636c72;font-size:12px;margin:0 06px;}

.inside_con{ padding:10px 0; min-height:300px;}

.cent12{margin-top:4%; margin-bottom:2%}
.cent12 ul li{float:left;display:block;width:calc((100% - 4%)/3);margin-right:2%;position:relative;margin-bottom: 2%;}
.cent12 ul li a{ display:block;}
.cent12 ul li .wenzid{color:#4c4c4c;text-align:center;width: 100%;box-sizing: border-box;padding: 0 5%;}
.cent12 ul li .wenzid span{font-size:13px;width: 60%;display: block;margin: 4% auto 0;}
.cent12 ul li a .img{padding-top: 162%;}
.cent12 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent12 ul li:nth-child(3n-2){ clear:left;}

.houbu{ background:#f2f2f2; padding:1%}
.houbu .h2{ text-align:center; font-weight:normal; color:}
.houbu .h2 h3{ font-size:18px; font-weight:normal}
.houbu .h2 h3 a{    text-decoration: underline from-font;text-decoration-color: #4c4c4c33;}

.houbu .grid li{  width: calc(100% / 4.1);        opacity: .3;}
.houbu .grid li:hover{ opacity:1}

.hou02{ height:calc(100vh - 60px); }
.hou02 .swiper{ height:100%; width:100%}
.hou02 .img-bg{ display: flex; justify-content: center;box-sizing:border-box; padding:2%; width:100%; height:100% }
.hou02 .img-bg>a{ width:75%; height:100%; display: flex; justify-content: center;  align-items: center;}

.pc{ display:block}
.md{ display:none}
.hou02 .img-bg img{ max-height:100%; max-width:100%;vertical-align:bottom;}
.hou02 .ing02{ width:25%; box-sizing:border-box; padding-left:2%; text-align:left; color:#4c4c4c; overflow-y:scroll; height:100%; display:block}
.hou02 .ing02::-webkit-scrollbar {
    width: 6px;
}
.hou02 .ing02::-webkit-scrollbar {
        display: none;
    }
.hou02 .ing02 h2{font-weight:100; display:block; font-size:28px;}
.hou02 .ing02 em{ font-style:normal; font-size:16px;}
.hou02 .ing02  .dseniu p{    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.6;}
    .hou02 .ing02 .dseniu:not(:first-child) {
        margin-top: 1.6em !important;
        margin-bottom: 1.6em
    }


.hou02{ margin-top:2%; margin-bottom:2%;}
.hou02 .title{ font-size:28px; color:#4c4c4c; margin-bottom:2%; display:block}
.hou03-l{ float:left; display:block; width:60%;}
.hou03-r{ float:right; display:block; width:28%}
.hou03-r img{ width:100%; vertical-align:bottom}

@media only screen and (max-width: 980px) {
	.header-bg{ display:none;}
	.wapper{ box-sizing:border-box; padding: 5%;}
	.wapper01{    padding: 1.6rem; margin:0 auto;}
	.footer-bg span{ font-size:12px;}
	.top{ display:block;}

	.sp_header{ height:50px;overflow:hidden;background:#f2f2f2;position:fixed;z-index:10;width:100%; display:block;}
	.sp_logo{padding:10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
	.sp_nav span{display:block;background:#014c8c;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;  display:block}
	.nav_show{top:50px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:80%}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#014c8c}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	
	.cent03{ padding:10px;}
	.houbu .grid li{ width:100%}
	
	.hou02{ height:auto;}
	.hou02 .img-bg>.img01{ width:100%}
	.hou02 .ing02{ width:100%; height:auto;} 
	.hou02 .img-bg{flex-wrap: wrap;}
	.pc{ display:none}
.md{ display:block}
.hou02 .mySwiper02{ height:auto !important;}

.hou02{ margin:5% auto}
.hou02 .title{ font-size:28px; color:#4c4c4c; margin-bottom:2%; display:block}
.hou03-l{ float:none; width:100%; margin-top:5%}
.hou03-r{ float:none; width:100%;}
	}