@charset "utf-8";
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14px;}
html{font-size: 62.5%}
img{border:0;vertical-align:bottom;max-width:100%;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
outline:none;
text-decoration: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input{
  box-shadow:none; /*去除阴影*/
  outline: none;/*聚焦input的蓝色边框*/
  resize: none; /*textarea 禁止拖拽*/
  border: none; /*去除边框*/
  -webkit-appearance: none;/*常用于IOS下移除原生样式*/
  -webkit-tap-highlight-color: rgba(0,0,0,0); /*点击高亮的颜色*/
}
textarea {  -webkit-appearance: none;}   
input:focus, textarea:focus {
outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
.pic{width: 100%}
*:focus { outline: none; } 
.cl{clear: both;display: block;}
.center{text-align: center;}
.fs0{font-size: 0}
.lineblock{display: inline-block;}
.block{display:block}
.middle{vertical-align: middle;}
.right{text-align: right;}
.left{text-align: left;}
.xl5{width: 50%}
.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zw{height:7rem;background-color: #fdfaf5}
.public{padding: 0 3%}
/*头部*/
.header{margin: 0 auto; width:100%;max-width: 640px;position: relative;}
.headerCon{position:fixed;left: 0;right: 0;margin:0 auto;max-width:640px;z-index: 9;}
.logo{width: 100%;max-width: 640px;margin: 0 auto;}
.lanmulist{background-color: #000}
.lanmulist li{display: inline-block;vertical-align: top;width: 25%;height: 4rem;box-sizing:border-box;border-left: 1px solid #fff}
.lanmulist li:nth-child(4n+1){border-left: none;}
.lanmulist li:nth-child(-n+4){border-bottom: 1px solid #fff}
.lanmulist li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 4rem;color: #fff;font-size: 1.4rem}
.eng{position: absolute;right: 15%;width: 10%;height: 100%;top: 0;display: flex;align-items:center;justify-content:center;font-size: 1.6rem;color: #fff}
/*底部*/
.footer{background-color:#0c5abf;max-width: 640px;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 99;}
.footer ul{padding: 1rem 0;}
.footer ul li{width: 25%;float: left;text-align: center;text-align: center;}
.footer ul li a{display: block;width: 100%;height: 100%}
.footer ul li span{font-size:1.2rem;display: block;color:#fff;margin-top: 5%}
.footer ul li img{width: 35%;vertical-align: middle;color:#fff;}
.mobile-inner-header{position: absolute;width: 13%;height: 100%;right: 2%;top: 0;box-sizing:border-box;display: flex;align-items:center;justify-content:flex-end;}
.mobile-inner-header-icon{color: #ffffff;height: 60%;font-size:25px;text-align: center;float:right;width: 70%;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;background-color: #ff6c00}
/*.mobile-inner-header-icon:hover{cursor: pointer;}*/
.mobile-inner-header-icon span{position: absolute;right: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	
@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top: 50px;left: 0px;padding-top: 30px;padding-bottom: 80px;display: none;}
.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}	
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.indexTitle{text-align: center;}
.indexTitle img{display: block;margin: 0 auto;width: 60%}
.indexTitle p{text-align: center;font-weight: bold;font-size: 2.5rem;color: #fff;margin-top: 2.5%;letter-spacing: 3px}
.indexTitle1 img{margin-left: 0;width: 40%}
.indexTitle1 p{text-align: left;}
.clickMore{width: 45%;height: 3.5rem;display: block;margin: 0 auto;border:1px solid #fff;font-size: 1.6rem;color: #fff;text-align: center;line-height: 3.5rem}
.s2box{background: url(../images/mbg2.jpg) no-repeat;background-size: cover;background-position: bottom;padding: 10% 0}
.s2List{margin: 5% 0 7%}
.s2List li{display: inline-block;width: 48%;vertical-align: top;}
.s2List li:nth-child(-n+2){margin-bottom: 6%}
.s2List li:nth-child(odd){margin-right: 4%}
.s2Img{border:2px solid rgba(255,255,255,.17);border-radius: 15px;overflow: hidden;}
.s2List li p:nth-child(2){margin: 5% auto 0;width: 80%;height: 3rem;border-radius: 3rem;border:1px solid rgba(219,219,219,.74);background-color: rgba(0,102,177,.39);font-size: 1.5rem;color: #b4b4b4;line-height:  3rem;text-align: center;box-sizing:border-box;padding: 0 .8rem}
.s3box{background: url(../images/mbg3.jpg) no-repeat;background-size: cover;background-position: bottom;padding: 10% 0 }
.s3con{margin: 5% 0;width: 100%;font-size: 1.5rem;color: #d7d7d7;line-height: 1.8}
.s3box .clickMore{margin-left: 0}
.s4box{background: url(../images/mbg4.jpg) no-repeat;background-size: cover;background-position: bottom;padding: 10% 0 }
.s4List{margin: 5% 0 8%}
.s4List li{display: inline-block;vertical-align: top;width: 48%;background-color: #fff;border-radius: 15px;box-sizing:border-box;padding: 3% 3% 6%;box-shadow: 0 0 12px rgba(255,255,255,.3)}
.s4List li:nth-child(odd){margin-right: 4%}
.s4List li:nth-child(-n+2){margin-bottom: 4%}
.s4List li a{display: block;width: 100%;height: 100%}
.s4List li p:nth-child(2){font-size: 1.5rem;color: #3d3d3d;margin: 3% 0}
.s4List li p:nth-child(3){font-size: 1.3rem;color: #aaaaaa;margin-bottom: 3%}
.s4List li div:last-child{text-align: right;}
.s4List li div:last-child img{width: 2.5rem}
.s5box{background: url(../images/mbg5.jpg) no-repeat;background-size: cover;background-position: bottom;padding: 10% 0 }
.s5con{margin: 5% 0;width: 100%;font-size: 1.4rem;color: #d7d7d7;line-height: 1.8}
.s5Img{margin-bottom: 5%}
.s5box .indexTitle img{margin-left: 0;}
.s5box .indexTitle p{text-align: left;}
.s6box{background: url(../images/mbg6.jpg) no-repeat;background-size: cover;background-position: bottom;padding: 10% 0 }
.s6con{margin-top: 8%}
.s6con>p:first-child{font-size: 2.1rem;color: #ffffff;font-weight: bold;text-align: center;letter-spacing: 2px}
.s6con>div:nth-child(2){margin: 5% auto 5%;font-size: 1.4rem;color: #ffffff;text-align: center;}
.s6con>div:nth-child(2) *{font-size: 1.6rem!important;color: #ffffff!important;line-height: 1.7!important}
.s6con>div:last-child{text-align: center;}
.s6con .telcon{padding: 0 1rem;height: 4rem;border-radius: 4rem;background-color: #fff;border:5px solid #3881b9;line-height: 4rem;font-size: 0}
.s6con .telcon *{display: inline-block;vertical-align: middle;font-size: 1.6rem;color: #0066b1;font-weight: bold;}
.s6con .telcon span{margin-left: 1rem}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;box-sizing:border-box;}
.tableCell{display: table-cell;vertical-align: middle;}
.incHeader{position: relative;}
.incHeader>img{width: 100%;}
.incNav{position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.incNav p{text-align: center;font-size: 2.6rem;color: #ffffff;padding-bottom: 1.5rem;position: relative;}
.incNav p:after{content: "";position: absolute;width: 10%;height: 3px;bottom: -3px;left:45%;background-color: #ff6c00}
.typeList{padding: 5% 0 3%;text-align: center;}
.typeList li{display: inline-block;vertical-align: top;width: 32%;height: 3.5rem;text-align: center;line-height: 3.5rem;background-color: #ebeaea;margin-left: 2%;margin-bottom: 2%}
.typeList li a{display: block;width: 96%;height: 3.5rem;line-height: 3.5rem;font-size: 1.4rem;color: #494848;margin: 0 auto}
.typeList li:nth-child(3n+1){margin-left: 0}
.typeList li.on{background-color: #0c53b3}
.typeList li.on a{color: #fff}
.proList li{display: inline-block;vertical-align: top;width: 48%;margin-bottom: 4%}
.proList li:nth-child(odd){margin-right: 4%}
.proList li p:nth-child(2){margin: 5% auto 0;width: 80%;height: 3rem;border-radius: 3rem;background-color: #0567ac;font-size: 1.5rem;color: #fff;line-height:  3rem;text-align: center;box-sizing:border-box;padding: 0 .8rem}
.nono{height: 300px;line-height: 130px;text-align: center;font-size: 1.6rem;color: #666;}
.fpage{text-align: center;margin: 7% 0}
.fpage li{display: inline-block;vertical-align: middle;height: 35px;min-width: 35px;background-color: #f1f1f1;border-radius: 3px;line-height: 35px;box-sizing:border-box;margin: 0 6px}
.fpage li span,.fpage li a{display: block;padding: 0 14px;height: 35px;line-height: 35px;color: #444445;font-size: 16px}

.newsList .lis1{display: inline-block;vertical-align: top;width: 48%;background-color: #fff;border-radius: 15px;box-sizing:border-box;padding: 3% 3% 6%;box-shadow: 0 0 12px rgba(255,255,255,.3)}
.newsList .lis1:nth-child(odd){margin-right: 4%}
.newsList .lis1 a{display: block;width: 100%;height: 100%}
.newsList .lis1 p:nth-child(2){font-size: 1.5rem;color: #3d3d3d;margin: 3% 0}
.newsList .lis1 p:nth-child(3){font-size: 1.3rem;color: #aaaaaa;margin-bottom: 3%}
.newsList .lis1 div:last-child{text-align: right;}
.newsList .lis1 div:last-child img{width: 2.5rem}
.newsList .lis2{display: block;vertical-align: top;width: 100%;margin-bottom: 3%;box-sizing:border-box;border:1px solid #e7e7e7;padding: 3%;transition:all 0.33s linear; -webkit-transition:all 0.33s linear;}

.newsList .lis2 a{display: block;width: 100%;height: 100%}
.newsList .lis2 p:first-child{font-size: 1.6rem;color: #454545;margin-bottom: .6rem}
.newsList .lis2 p:last-child{font-size: 1.3rem;color: #979797;line-height:2.2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.newsList .lis2:hover{background-color: #1063cb;border-color: #1063cb}
.newsList .lis2:hover p:first-child{color: #fff}
.newsList .lis2:hover p:last-child{color: #fff}
.nsTitle{padding-bottom:4%;border-bottom: 1px solid #f0f0f0;font-size: 1.8rem;color: #171717;text-align: center;}
.nsDate{line-height: 4rem;font-size: 1.4rem;color: #7a7a7a;text-align: center;}
.nscon{padding: 5% 0 7%}
.ejpage a{display: block;font-size: 1.5rem;color: #6f6f6f;margin-bottom: 2rem}
.PTitle{font-size: 1.8rem;color: #2d2d2d;font-weight:bold;text-align: center; }
.PImg{margin: 5% auto;width: 75%;border-radius: 1.5rem;display: block;}
.PTag{height: 3.5rem;line-height: 3.5rem;background-color: #f4f4f4;padding-left: 2rem;font-size: 1.5rem;color: #2d2d2d;position: relative;}
.PTag:before{content: "";position: absolute;width: .3rem;height: 1.4rem;background-color: #0e5bbf;left: 1rem;top: 1.1rem;}
.fcbox{margin-top: 7%;padding: 7% 0;background: url(../images/mbg7.jpg) no-repeat;background-size: cover}
.fcTitle p:first-child{color: rgba(64,138,222,.42);font-weight: bold;font-size: 3.5rem;font-family: "Times New Roman";text-transform: uppercase;font-style: italic}
.fcTitle p:last-child{font-size: 2.8rem;color: #ffffff;font-weight: bold;margin-top: -2.6rem}
.fclist{overflow:hidden; position:relative;margin-top: 5%;width: 100%}
.fclist .bd ul{ overflow:hidden; zoom:1;height: 200px}
.fclist .bd ul li{display: inline-block; overflow:hidden; text-align:center;width: 48%;margin-right: 1%}
.fclist .bd ul li img{ display: block;width: 100% ;height:120px}
.fclist .bd ul li p{text-align: center;font-size: 1.4rem;color: #fff;margin-top: 2rem}
.gbook{width: 100%}
.gbipt{margin-bottom: 3%;font-size: 0}
.gbipt span{font-size: 1.4rem;color: #676767;height: 4rem;line-height: 4rem;vertical-align: top;width: 20%;display: inline-block;}
.gbipt input{display: inline-block;vertical-align: top;width: 80%;height: 4rem;box-sizing:border-box;padding: 0 3%;outline: none;font-size: 1.4rem;color: #676767;border:#ebebeb 1px solid;}
.gbipt textarea{display: inline-block;vertical-align: top;width: 80%;height: 16rem;box-sizing:border-box;padding: 3%;outline: none;font-size: 1.4rem;color: #676767;border:#ebebeb 1px solid;resize:none;}
.gbbtn{text-align: center;}
.gbbtn input{display: inline-block;width: 50%;height: 4rem;background-color: #1063cb;color: #fff;font-size: 1.5rem;border:none;outline: none;}

.code{margin: 5% 0}
.cons{box-shadow: 0 0 7px 1px rgb(0 0 0 / 10%);border-radius: 8px;overflow: hidden;margin-bottom: 7%}