@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family:"ALIMAMA" }
html, body { width: 100%; background: #fff;}
img { border: none;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
:root {
  --main-color:#004fb4;
}
@font-face
{
font-family:"GOTHIC";
src: url("GOTHIC.ttf")
    ,url("GOTHIC.eot"); /* IE9+ */
}
@font-face
{
font-family:"GOTHICB";
src: url("GOTHICB.ttf")
    ,url("GOTHICB.eot"); /* IE9+ */
}

a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:var(--main-color);}
em,i{ font-style:normal;}
@media screen and (min-width: 1560px) {
.main { width:80%; margin: 0 auto; }
.symain { width:90%; margin: 0 auto;}
:root {
  --title-size-120:120px;
  --title-size-64:64px;
  --title-size-58:58px;
  --title-size-48:48px;
  --title-size-42:42px;
  --title-size-36:36px;
  --title-size-32:32px;
  --title-size-28:28px;
  --title-size-24:24px;
  --title-size-22:22px;
  --title-size-20:20px;
  --title-size-18:18px;
  --title-size-16:16px;
  --title-size-14:14px;
}
}
@media screen and (max-width: 1560px) and (min-width: 1210px) {
.symain { width:94%; margin:0 auto; }
.main { width:80%; margin: 0 auto; }
.main { width:90%;}
:root {
  --title-size-120:100px;
  --title-size-64:52px;
  --title-size-58:48px;
  --title-size-48:38px;
  --title-size-42:33px;
  --title-size-36:28px;
  --title-size-32:25px;
  --title-size-28:22px;
  --title-size-24:19px;
  --title-size-22:18px;
  --title-size-20:18px;
  --title-size-18:16px;
  --title-size-16:15px;
  --title-size-14:13px;
}
}
@media screen and (max-width: 1210px) and (min-width:640px) {
.symain,.main { margin:0 auto; box-sizing: border-box; padding:0 50px;}
:root {
  --title-size-120:72px;
  --title-size-64:42px;
  --title-size-58:38px;
  --title-size-48:32px;
  --title-size-42:28px;
  --title-size-36:24px;
  --title-size-32:22px;
  --title-size-28:20px;
  --title-size-24:18px;
  --title-size-22:18px;
  --title-size-20:17px;
  --title-size-18:15px;
  --title-size-16:14px;
  --title-size-14:12px;
}
}
@media screen and (max-width:640px) {
.symain,.main { margin:0 auto; box-sizing: border-box; padding:0 20px;}
:root {
  --title-size-120:48px;
  --title-size-64:32px;
  --title-size-58:30px;
  --title-size-48:28px;
  --title-size-42:26px;
  --title-size-36:20px;
  --title-size-32:20px;
  --title-size-28:18px;
  --title-size-24:16px;
  --title-size-22:16px;
  --title-size-20:15px;
  --title-size-18:15px;
  --title-size-16:14px;
}
}
.fl { float: left; }
.fr { float: right;}

.indlixi{ background:url(../images/bg7.jpg) #175087 center bottom no-repeat; background-size:100% auto; padding-top:5%; color:#fff;}
.indlixia em{ font-size:var(--title-size-36); background:var(--main-color); display:inline-block; padding:10px 35px; border-radius:18px;}
.indlixia span{ display:block; font-size:var(--title-size-32); line-height:2.5;}
.indlixis li{ font-size:var(--title-size-18); line-height:2; margin:8px 0;}
.indlixis li img{ margin-right:10px; height:auto !important;}
.indlixiy{ display:flex; border:1px #9fa6b1 solid; display:inline-block; padding:0 2%; border-radius:25px; margin-top:1%;}
.indlixiy li{ position:relative; padding:7px 20px; float:left;}
.indlixiy li p{ display:none;}
.indlixiy li p{ position:absolute; left:-25px; top:55px; padding:0; background:#fff; border:1px #ddd solid;}
.indlixiy li p img{ display:block; width:110px; padding:0px;}
.indlixiy li p:before{ content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:12px solid #ddd; position:absolute; left:50%; margin-left:-7px; top:-12px;}
.indlixiy li:hover p{ display:block;}
.indlixiz{ background:var(--main-color); padding:3% 5% 4%;}
@media screen and (min-width:1210px){
.indlixis li{ display:flex;}
.indlixiz{ width:82%; margin-left:18%;}
}
@media screen and (max-width:1210px){
.indlixis li img{ float:left;}
}
.indlixiz em{ font-size:var(--title-size-32); line-height:2; display:block; }
.indlixiz span{ font-size:var(--title-size-16); line-height:1.5; display:block; }

.indlixiz_lt input{ border:1px #80a7da solid; background-color: transparent; height:50px; line-height:50px; color:#fff; width:100%; padding:0 15px 0 50px; outline:none; font-size:var(--title-size-18);}
.indlixiz_lt p .ico01{ background:url(../images/lixi10.png) left 8px center no-repeat;}
.indlixiz_lt p .ico02{ background:url(../images/lixi11.png) left 8px center no-repeat;}
.indlixiz_lt p .ico03{ background:url(../images/lixi12.png) left 8px center no-repeat;}
.indlixiz_lt .ico04{ background:url(../images/lixi13.png) left 8px center no-repeat;}
.indlixiz_lt input::placeholder{ color:#fff;}
.indlixiz_rig{ margin-top:15px;}
.indlixiz_rig .mysub{ border:0; width:100%; font-size:var(--title-size-32); background-color: transparent; color:#fff; border:3px #fff dashed; border-radius:20px; cursor: pointer;}
@media screen and (min-width:960px){
.indlixiz p{ width: calc(33.33% - 20px); float:left; margin:15px 20px 15px 0;}
.indlixiz_lt{ width:75%; float:left;}
.indlixiz_lt .ico04{ width: calc(100% - 20px);}
.indlixiz_rig{ float:right; width:25%;}
.indlixiz_rig .mysub{ height:115px;}
}
@media screen and (max-width:960px){
.indlixiz p{ margin:10px 0;}
.indlixiz_rig .mysub{ height:55px; border-radius:10px; }
}

@media screen and (min-width:960px){
.webfooter{ padding:4% 0; background:#fff;}
.webfooter .ftlogo{ float:left; width:20%;}
.webfooter .ftlogo img{ display:block; width:90%; max-width:240px !important;}
.webfooter .ftnav{ float:right; width:80%;}
.webfooter .ftnav li{ float:left; width:16.66%;}
.webfooter .ftnav li a{ display:block;}
.webfooter .ftnav li em{ display:block; font-size:var(--title-size-22); line-height:2; margin-bottom:20px; color:#333;}
.webfooter .ftnav li a{ font-size:var(--title-size-16); line-height:1.8; color:#494949;}
.webfooter .ftnav li a:hover{ color:var(--main-color);}
}
@media screen and (max-width:960px){
.webfooter { display:none; }
}



.copyright{ border-top:1px #ddd solid; line-height:24px; padding:15px 0 5px; background:#fff;}
.copyright{ font-size:var(--title-size-16); color:#666;}
@media screen and (min-width:760px){
.copyright ul{ float:right;}
.copyright span{ margin-right:15px;}
}
@media screen and (max-width:760px){
.copyright span{ display:block;}
}
.copyright ul li{ position:relative; padding:2px 15px; float:left;}
.copyright ul li p{ display:none;}
.copyright ul li p{ position:absolute; left:-25px; top:-115px; padding:0; background:#fff; border:1px #ddd solid;}
.copyright ul li p img{ display:block; width:110px; padding:0px;}
.copyright ul li p:before{ content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:12px solid #ddd; position:absolute; left:50%; margin-left:-7px; bottom:-12px;}
.copyright ul li:hover p{ display:block;}