﻿@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}
.con{width:1200px; margin:0 auto;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:1200px; margin:0 auto;}
.container { width:1200px; margin:0 auto}

.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:10px; height:10px; display:inline-block;opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: none;border: #fff 1px solid;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff}


.sy_about { padding:60px 0; overflow:hidden}
.tit { margin-bottom:50px; text-align:center}
.tit h1 { font-size:36px; color:#333; margin-bottom:15px; position:relative}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 0;border: 1px solid #2a83bd;}
.tit h3 { font-size:14px; color:#666; margin-top:25px;}
.sy_about .box {width: 1200px;margin: 0 auto;}

.sy_about li{width:49%;float: left; margin-right:2%; margin-bottom:20px;}
.sy_about li .lm {font-size: 16px;color: #333;line-height: 1.8;margin-bottom: 10px;}
.sy_about li .lm span{font-size: 16px;color:#BB0407;margin-left: 10px;;}
.sy_about input{height:50px; font-size:16px; line-height:40px;border:1px solid #e7e7e7; padding:0 10px 0 10px;box-sizing: border-box;background: rgba(204, 204, 204, 0.15);width: 100%;}
.sy_about li.no{margin-right: 0;}
.sy_about li.k{width: 100%;margin-right: 0;}
.sy_about .a_n{width:300px; height:50px; background-color:#2a83bd; font-size:16px; color:#fff; line-height:50px;border-radius: 10px;margin: 15px auto;text-align: center;}
.sy_about textarea{width:100%; height:150px; padding:5px 10px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:16px; line-height:50px; margin-bottom:20px;box-sizing: border-box;background: rgba(204, 204, 204, 0.15);}

.sy_about li .tips{width:100%; position:absolute; left:0; top:45px; font-size:12px; color:#999; line-height:22px;}
.sy_about li .tips.js {
  color: #ff0000;
}
.sy_about li .file {
  width: 90px;
  height:50px;
  background-color: #2a83bd;
  line-height: 50px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0px;font-size: 16px;
  cursor: pointer;
}
 .sy_about li .n_r.z_j {
  width: 100%;
  padding: 0 96px 0px 0px;position: relative;
  box-sizing: border-box;
}
.sy_about li #file {
  width: 90px;
  height:50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.sy_about li #file2 {
  width: 90px;
  height:50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.sy_about li #file3 {
  width: 90px;
  height:50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}


.foot {background: #333;line-height: 60px;text-align: center;color: #fff;font-size: 14px;}
























