/*
CSS Reset
http://meyerweb.com/eric/tools/css/reset/
*/


body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* particleground demo */

* { 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
}

#particles {
  width: 100%;
  height: 450px;
  overflow: hidden;
}

.intro {
  position: absolute;
  left: 0;
  top: 200px;
  padding: 0 20px;
  width: 100%;
  height:340px;
  text-align: center;
}
h1 {
  text-transform: uppercase;
  font-size: 85px;
  font-weight: 700;
  letter-spacing: 0.015em;
}
h1::after {
  content: '';
  width: 80px;
  display: block;
  background: #fff;
  height: 10px;
  margin: 30px auto;
  line-height: 1.1;
}
p {
  font-size: 24px;
}
.btn {
  display: inline-block;
  padding: 15px 30px;
  border: 2px solid #fff;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
       -o-transition: all 0.4s;
          transition: all 0.4s;
}
.btn:hover {
  color: #005544;
  border-color: #005544;
}



@media only screen and (max-width: 1000px) {
  h1 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 800px) {
  h1 {
    font-size: 48px;
  }
  h1::after {
    height: 8px;
  }
}

@media only screen and (max-width: 568px) {
  .intro {
    padding: 0 10px;
  }
  h1 {
    font-size: 30px;
  }
  h1::after {
    height: 6px;
  }
  p {
    font-size: 18px;
  }
  .btn {
    font-size: 16px;
  }
}

@media only screen and (max-width: 320px) {
  h1 {
    font-size: 28px;
  }
  h1::after {
    height: 4px;
  }
}

/*公共部分*/
.anli_more{ width:1200px; height:60px; text-align:center; font-size:14px; line-height:60px; margin:0 auto;}
figure,figcaption,img,p{padding: 0; margin: 0;}
figure{position:relative; float: left; overflow: hidden; height: 63px; width:170px;  margin:20px 5px;}
figcaption{position: absolute; top: 0px; left:0;color: #fff; font-family: "微软雅黑";  }
figure img{opacity: 0.8; cursor: pointer; transition: all 1s; }
figure img:hover{transform: scale(1.2);}
figure figcaption,figure figcaption p,figure img{transition:all 0.35s;}
figure figcaption,figure figcaption div{transition:all 0.35s;}
figure figcaption p,figure figcaption h2{transition:all 0.35s;}


.banner{ width:100%; height:450px;  background: #047de7;}
.world_al{ width:100%; height:430px; color: #818181;}
.world_al h3{ height:90px; text-align:center; font-weight:800; line-height:80px; font-size:30px;  background:url(../images/title-gexian.png) no-repeat center bottom;}
.world_al .world_con{ width:1080px; height:160px;  margin:50px auto;}

.china_al{ width:100%px; height:430px; background-color:#f5f5f3; color: #818181;}
.china_al h3{ height:90px; text-align:center; font-weight:800; line-height:80px; font-size:30px;  background:url(../images/title-gexian.png) no-repeat center bottom;}
.china_al .china_con{ width:1080px; height:160px;  margin:50px auto;}


.internet{ width:100%; height:400px;}

.nav_left { position: fixed; width: 100px; height: 200px; bottom: 280px; left: 20px; text-align: center; font-size:12px; display:none;}
.nav_left .nav_logo{ width:100px; height:30px; line-height:30px; margin:0 auto; color:#fff; background:#047de7;}
.nav_left .nav_con{ width:45px; height:40px; border:1px solid #047de7; background-color:#047de7; color: #fff; line-height:18px; margin:5px 10px 2px 0; float:left;}
.nav_left .nav_con a{transition: all 0.225s ease-in-out; width:45px; height:40px; color: #fff;}
.nav_left .nav_con a:hover{color: #000; text-decoration:none; width:45px; height:40px;}
.nav_left .nav_con1{ width:45px; height:40px; border:1px solid #047de7; background-color:#047de7; color: #fff; line-height:18px; margin:5px 0 2px 0; float:right;}
.nav_left .nav_con1 a{transition: all 0.225s ease-in-out; width:45px; height:40px; color: #fff;}
.nav_left .nav_con1 a:hover{color: #000; text-decoration:none; width:45px; height:40px;}

/*.fank{width:590px;height:548px;background:#fff;position:fixed;_position:absolute;padding-left:40px;left:50%;top:50%;margin-left:-280px; margin-top:-274px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;z-index:99999999;}
.cloase{position:absolute;right:0;top:0;}
.fank h3{font-size:26px;color:#333;text-align:center;font-weight:100; margin-bottom:10px;height:80px;line-height:80px;}
.danx{width:100%;height:auto;overflow:hidden;margin-bottom:35px;}
.danx strong{font-weight:100;font-size:16px;color:#666;margin-right:40px;}
.danx strong input{margin-right:10px;}
.inpu{width:100%;height:54px;margin-bottom:10px;}
.inpu label{display:block;float:left;width:64px;height:48px;line-height:48px;text-align:right;font-size:16px;font-family:"微软雅黑";}
.inpu input{display:block;float:left;width:390px;height:48px;_line-height:48px;*line-height:48px;line-height:48px\9;padding-left:10px;font-size:18px;font-family:"微软雅黑";background:#e6e6e6;border:0;margin-right:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.inpu input.yzm { width:242px; }
.inpu span{height:48px;line-height:48px;font-size:18px;}
.textd{width:100%;height:auto;margin-bottom:16px;}
.textd label{display:block;float:left;width:64px;line-height:30px;text-align:center;font-size:16px;}
.textd textarea{width:552px;height:110px;padding:10px 0 0 10px;font-size:18px;color:#999;font-family:"微软雅黑";background:#e6e6e6;border:0;}
.fk_btn{width:auto;height:auto;overflow:hidden;padding-left:64px; padding-top:22px;}
.fk_btn button{display:block;float:left;width:174px;height:42px;border:0;background:#1f2774;font-family:"微软雅黑";border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:16px;color:#fff;cursor:pointer;}
.fk_btn button:hover{background:#2a349c}
.fk_btn button.qx{margin-left:40px;line-height:42px;text-align:center;background:#9e9e9e;}
.fk_btn button.qx:hover{background:#777;}*/