@charset "UTF-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
a{ text-decoration:none; color:#666; transition: ease 0.5s; outline: none; }
a:hover{ color:#005faf;}
ul { list-style-type:none; }
li { vertical-align:bottom; zoom:1;}
img{ border:0px;}
select{ font-family:"微软雅黑"; color:#666; font-size:12px;}
textarea{ font-family:"微软雅黑"; color:#666; font-size:12px;}
table{ border-collapse:collapse; border-spacing:0px;}
input{ vertical-align:middle; outline:none;font: 12px "微软雅黑"; outline: none;}
textarea {outline: none;}
img{ border:0px;}
.fl{ float:left;}
.fr{ float:right;}
/*清除浮动样式*/
.cf:before,.cf:after {content: " "; /* 1 */display: table; /* 2 */line-height:0}
.cf:after {clear: both;}
.cf { *zoom: 1;}
.clear{clear:both; height: 0; line-height: 0; font-size: 0}
body{ font-family:"Microsoft Yahei"; font-size:12px; color:#666; background:#fff;}

.top{ height:83px; background:url(../images/index_02.jpg) repeat-x;}
.top1{ width:1000px; margin:0px auto; height:83px; font-size:16px; color:#fff; line-height:72px;}
.top1 span{ margin-left:40px;}
.top1 span img{ vertical-align:middle; margin-right:6px;}
.top1 span a{ font-size:13px; color:#fff;}
.top1 span a:hover{ text-decoration:underline;}

.dh{ height:55px; width:1000px; margin:0px auto;}
@media all and (-webkit-min-device-pixel-ratio:0) {
  .dh ul {
    font-size: 0;
  }
}
.dh ul:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
  vertical-align: top;
}
.dh ul li{  font-size:16px; line-height:55px; display: inline-block;}
.dh ul li a.dh1{ color:#005faf;}
.dh ul {
  text-align: justify;
  text-align-last: justify;
  line-height: 0;
}


.sy_banner{ overflow:hidden; position:relative; background:#fff;}
.sy_banner .hd{ height:25px; overflow:hidden; position:absolute; right:10%; bottom:0px; z-index:1; }
.sy_banner .hd ul{ overflow:hidden; height:25px; zoom:1; float:left;  }
.sy_banner .hd ul li{ float:left; margin-right:6px;  width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; border:2px solid #fff;}
.sy_banner .hd ul li.on{ background:#023e98; color:#fff; width:12px; height:12px; border-radius:50px; border:2px solid #023e98;}
.sy_banner .bd{ position:relative; z-index:0; overflow:hidden;text-align: center;}
.sy_banner .bd li{ zoom:1; overflow:hidden;}
.sy_banner .bd li img{max-width: 100%;}
.sy_banner .bd li a{ display:block; overflow:hidden; line-height:1800px;}

.sy_product{ width:1000px; margin:0px auto; padding-top:28px;}
.sy_product_bt{ background:url(../images/index_19.jpg) no-repeat; height:18px;}
.sy_product1{ margin-top:40px;}
.sy_product1 ul{ width:1050px;}
.sy_product1 ul li{ height:320px; width:236px; overflow:hidden; float:left; margin-right:19px;}
.sy_product1 ul li img{ width:220px; height:185px; border:8px solid #e6e6e6;}
.sy_product1 ul li span{ display:block; height:24px; line-height:24px; margin-top:18px; font-size:14px; color:#333; margin-bottom:10px;}
.sy_product1 ul li span b{ float:right;}
.sy_product1 ul li span b a{ width:73px; font-weight:normal; line-height:22px; height:22px; display:block; border:1px solid #023e98; text-align:center;}
.sy_product1 ul li span b a:hover{ background:#005faf; color:#fff;}
.sy_product1 ul li p{ line-height:21px; font-size:12px;}

.sy_product1 .ckgd{ display:block; font-size:16px; color:#023e98; text-align:center; border:1px solid #ccc; height:45px; line-height:45px; margin:20px 0px;}
.sy_product1 .ckgd:hover{ text-decoration:underline;}


.di{ background:#003992;}
.di1{ background:url(../images/index_32.jpg) repeat-x; height:159px;}
.di1 ul{ width:1000px; margin:0px auto; background:url(../images/index_34.jpg) no-repeat; height:159px;}
.di1 ul li{ padding-left:124px; height:159px; width:194.33px; padding-right:15px; float:left; text-align:left; position:relative;}
.di1 ul li span{ display:block; overflow:hidden; width:16px; height:16px; position:absolute; right:7px; top:10px;}
.di1 ul li span a{ line-height:100px; overflow:hidden; display:block; width:16px; height:16px;}
.di1 ul li b{ display:block; width:110px; height:110px; position:absolute; left:0px; top:0px;}
.di1 ul li b a{ display:block; width:110px; height:110px; line-height:500px; overflow:hidden;}
.di1 ul li p{ color:#fff; line-height:22px; padding-top:50px;}

.di2{ height:50px; line-height:50px; background:#003992; width:1000px; margin:0px auto; color:#fff;}
.di2 span{ float:right;}
.di2 a{ color:#fff;}
.di2 a:hover{ text-decoration:underline;}




.ny_banner{ height:390px;}
.ny_nr{ padding:30px 0px; width:1000px; margin:0px auto;}
.ny_nr_left{ width:180px; float:left;}
.ny_nr_right{ width:800px; float:right;}
.ny_nr_right_bt{ height:30px; line-height:30px; font-size:18px; color:#333; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px;}
.ny_nr_right_bt b{ font-size:15px; color:#888; font-weight:normal; padding-left:5px;}
.ny_nr_right_bt span{ float:right; font-size:12px; color:#666; font-weight:normal;}
.ny_nr_right_bt span img{ padding-right:4px;}
.ny_nr_right_bt span font{ color:#023e98;}

.ny_about{ font-size:13px;}
.ny_about p{ line-height:26px;}


.ny_cp{}
.ny_cp ul li{ padding:15px 0px; float:left; margin-right:23px;}
.ny_cp ul li .ny_cp1{ width:243px; height:215px; position:relative;}
.ny_cp ul li .ny_cp1 img{ border:1px solid #ddd; padding:4px; box-shadow: 0px 5px 5px #ccc; width:242px; height:204px;}
.ny_cp ul li .ny_cp1 span{ display:block; width:242px; background:#023e98; opacity:0.7; text-align:center; line-height:30px; position:absolute; height:30px; line-height:30px; color:#fff; font-size:14px; top:179px; left:5px;}
.ny_cp ul li .ny_cp2{ width:470px;}
.ny_cp ul li .ny_cp2 b{ font-size:14px; display:block; padding-left:10px; font-weight:normal; color:#333; background:url(../images/product_03.jpg) no-repeat left; height:15px; line-height:15px; margin-bottom:20px;}
.ny_cp ul li .ny_cp2 b a{ color:#333;}
.ny_cp ul li .ny_cp2 b a:hover{ text-decoration:underline;}
.ny_cp ul li .ny_cp2 p{ line-height:23px;}


/*CSS sabrosus style pagination*/
DIV.sabrosus { padding:5px; MARGIN:30px 3px 3px 3px; TEXT-ALIGN: center;}
DIV.sabrosus A { padding:5px 15px; border: #ccc 1px solid; COLOR: #666; margin-right:3px; text-decoration:none;}
DIV.sabrosus A:hover { padding:5px 15px; background:#4b9ad6; color:#fff; border: #4b9ad6 1px solid;}
DIV.pagination A:active {padding:5px 15px; background:#4b9ad6; color:#fff; border: #4b9ad6 1px solid;}
DIV.sabrosus .current { padding:5px 15px; background:#4b9ad6; border: #4b9ad6 1px solid; color:#fff; margin-right:3px;}
DIV.sabrosus a.disabled { padding:5px 15px; background:#1873b7; border: #1873b7 1px solid; color:#fff; margin-right:3px; text-decoration:none;}
DIV.sabrosus a.disabled:hover{ background:#4b9ad6; border: #4b9ad6 1px solid;}


.ny_cpxx{}
.ny_cpxx_bt{ text-align:center; font-size:20px; color:#333; padding-bottom:20px;}
.ny_cpxx p{ line-height:24px; font-size:14px; font-weight:bold}


.ny_hr{}
.ny_hr_bt{ font-size:16px; color:#333; padding:10px 0px;}

.ny_hr .hd{ background:#fff; padding:10px 0px 10px 0px; border-bottom:1px dashed #ccc;}
.ny_hr .hd ul{}
.ny_hr .hd ul li{ float:left; padding:5px 10px; border-radius:5px; margin-right:10px; text-align:center; cursor:pointer; font-size:14px;}
.ny_hr .hd ul li.on{  background:#023e98; color:#fff;}
.ny_hr .hd ul li span{ position:absolute; right:0px;}
.ny_hr .bd ul{ padding:15px 0px;}
.ny_hr .bd ul h1{ font-size:14px;}
.ny_hr .bd ul p{ line-height:26px;}


.ny_contact{}
.ny_contact1{}
.ny_contact1 ul{ background:url(../images/contact_05.jpg) no-repeat left top;}
.ny_contact1 ul li{ height:36px; line-height:36px; border-bottom:1px dashed #ddd; padding-left:40px;}
.ny_contact2{ width:640px; height:550px; margin-top:10px; border:#ccc solid 1px;}



.list_protype{ background: #023e98; border: 1px solid #023e98; border-radius: 0 0 8px 8px; padding: 10px 0; margin-bottom:10px;}
.list_protype li{ font: 13px/47px "微软雅黑"; border-bottom: 1px dashed #4771b0; text-align: center;}
.list_protype li a{ display: block; color: #fff;}
.list_protype li a:hover,.list_protype li a.current{ background: #fff; color: #023e98;}
.inner-banner {
  text-align: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.inner-banner img {
  max-width: 100%;
}

.pro-big-img {
  max-width: 400px;
  float: left;
  margin-right: 20px;
  border:1px solid #eee;
}

.links {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  color: #fff;
}

.links h3 {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  display: inline-block;
}

.links-list {
  display: inline-block;
}

.links-list  a {
  display: inline-block;
  line-height: 32px;
  margin-right: 10px;
  color: #fff;
}

.newscenter ul li {
  line-height: 35px;
  border-bottom: #CCC 1px dashed;
  color: #666;
  background-repeat: no-repeat;
  background-position: center left;
  height: 35px;
  font-size: 13px;
}

.newscenter ul li a {
  color: #666;
  text-decoration: none
}

.newscenter ul li a:hover {
  color: #d9261b;
  text-decoration: none
}

.newscenter ul li span {
  float: right
}
.newstitle h2 {
  text-align: center;
  font-size: 16px;
  padding-bottom: 20px;
  padding-top: 25px;
  color: #333333;
}

.newstitle h3 {
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  background-color: #EFEFEF;
  height: 25px;
  line-height: 25px;
  color: #666;
  margin-bottom: 20px;
}

.newscontent p {
  line-height: 22px;
  padding: 0px 10px 10px 10px;
  font-weight: normal;
}

.newsattachment {
  padding: 20px 0px;
  border-bottom: #CCC 1px dotted;
  border-top: #CCC 1px dotted;
  margin-top: 30px;
}

.newsattachment  ul li {
  height: 30px;
  line-height: 30px;
}

.newsattachment  ul li a {
  font-size: 13px;
  color: #333
}

.newsattachment  ul li a:hover {
  color: #d9261b;
}
.row{padding: 10px;}
.row label{
  width: 80px;
  margin-right: 10px;
  text-align: right;
  display: inline-block;
}
.row input{
  border:1px solid #eee;
  height: 28px;
  line-height: 28px;
  width: 300px;
  text-indent: 10px;

}
.row .red{color: red;margin-right: 3px;}
.row .btn-submit{
  background-color: #2B96EA;
  margin-left: 90px;
  color: #fff;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
}
.area textarea{
  border:1px solid #eee;
  width: 500px;
  height: 180px;
}
#check_code{width: 180px;}
.album-list li {
  float: left;
  width: 32.3%;
  margin-right: .5%;
  margin-left: .5%;
  margin-bottom: 1.5%;
  margin-top: 1.5%;
}
.album-list li .album-pic {
  position: relative;
  overflow: hidden;
}
.album-list li .album-pic i {
  display: block;
  padding-bottom: 70%;
}
.album-list li .album-pic img {
  transition: 0.3s;
}
.album-list li:nth-child(3n+3) {
  margin-right: 0px;
}
.album-list li p {
  font-size: 15px;
  color: #1e1e1e;
  line-height: 40px;
  height: 40px;
  text-align: center;
  padding: 0px 10px;
  overflow: hidden;
  border-bottom: 1px solid #eaeaea;
  margin-top: 5px;
}
.album-list li:hover img {
  transform: scale(1.1);
}
.album-list li:hover p {
  color: #0083c7;
}
.vcenter{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
    transition: 0.6s;
}
.view-toggle{
  cursor: zoom-in;
}
.text-center{
  text-align: center;
  height: auto;
  line-height: 28px;
}