﻿html,body{max-width:640px;min-width:320px;margin: 0 auto !important;}
html, body, div, span, iframe, a, p, em, img, strong, b, i, dl, dt, dd, ol, ul, li, form, embed, audio, video, h1, h2, h3, h4, h5, h6, table, tbody, tfoot, thead, tr, th, td, input, textarea { margin: 0; padding: 0px;}
h1, h2, h3, h4, h5, h6{font-weight:300;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body{font-size:16px;color:#333;-webkit-text-size-adjust: 100%;overflow: hidden;font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";}
ol, ul { list-style: none; }
table{border-collapse:collapse;}
img{border:0; display: block;max-width:100%;vertical-align: middle;}
a:hover, .tran{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
a{text-decoration: none;background: transparent;outline: none;display: block;height:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
input, textarea, select, option { background: none; outline: 0;padding: 0; margin: 0; }
input {outline: none;border:none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;resize: none;}
select{outline: none;}
select::-ms-expand {display: none; }
a{display: block;height:100%;cursor: pointer;color:#000;outline:none;text-decoration: none;}
.clear:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clear:after { clear: both; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.fl{float: left;}
.fr{float: right;}
.inner{padding:0 15px;overflow: hidden;}
#main{padding-bottom:68px;}
.error3{display: none !important;}
/* 重置样式结束 */

/*================== 公用样式 START ==================*/

/*  头部   */
.header{width: 100%;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); transition: background 0.5s,top 0.5s,box-shadow 0.5s; -webkit-transition: background 0.5s,top 0.5s,box-shadow 0.5s;}
.header .inner{height:54px;padding:0 0px;}
.header .logo{height:41px;margin-top:5px;float:left;}
.header .logo img{margin:0 auto;height:100%;}
.nav-toggle {width:44px;height:44px;z-index:999999999;border-radius: 50%;position: fixed;cursor: pointer;box-shadow: 0 3px 0 rgba(0,0,0,.2);-webkit-transition-duration: .66s;transition-duration: .66s;-webkit-transition-timing-function: swing;transition-timing-function: swing;right:15px;top:5px;}
.nav-toggle .nav_bg{width:44px;height:44px;border-radius: 50%;background-color:#066bd3;content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-transition-duration: .66s;transition-duration: .66s;-webkit-transition-timing-function: swing;transition-timing-function: swing;}
.nav-toggle .icon {width:24px;height:2px;background-color: #fff;border-radius: 2px;position: absolute;top:22px;left:10px;-webkit-transition-duration: .5s;transition-duration: .5s;transiting-timing-function: swing;}
.nav-toggle .icon:before, .nav-toggle .icon:after {width:24px;height:2px;background-color: #fff;border-radius: 2px;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: swing;transition-timing-function: swing;}
.nav-toggle .icon:after {top: 9px;}
.nav-toggle .icon:before {top: -9px;}
body.nav-open .nav-toggle {box-shadow: none;}
body.nav-open .nav-toggle .nav_bg{width: 2200px;height: 2200px;background-color:rgba(41, 41, 41, 0.973);}
@media( min-width:640px ){body.nav-open .nav-toggle .nav_bg{width:4300px;height:4000px;}}
body.nav-open .nav-toggle .icon {width: 0;}
body.nav-open .nav-toggle .icon:before {-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
body.nav-open .nav-toggle .icon:after {-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
body.nav-open .header_nav{top:54px;}
.header_nav{position: fixed;width:100%;height:100%;overflow-y:auto;box-sizing: border-box;top:100%;left:0;z-index:999999999999;}
.header_nav ul{padding-bottom:108px;}
.header_nav ul li a{font-size:18px;display:block;color:#fff;padding:30px 50px 0;}
.header_nav ul li:nth-of-type(1) a{padding-top:0;}
.header_nav ul li strong{font-size:20px;font-weight:200;}
.header_nav ul li i{display: block;width:15px;height:1px;background-color: #fff;margin:10px 0;}
.header_nav ul li span{font-size:14px;}
.header_nav ul li .son{padding-top:6px;}
.header_nav ul li .son a{font-size:16px;padding:5px 50px;}
/*  头部   */

.pub_title{text-align:left;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";}
.pub_title h3{font-size:24px;color:#333;font-weight:bold;text-align: center;}
.pub_title p{font-size:16px;color:rgb(110, 110, 110);margin:4px 20px 6px 20px;text-align: center;}
.pub_title a{width:90px;height:30px;line-height:30px;color:#999;font-size:12px;background:url(../../images/more.png) 75px center/15% no-repeat;}

.pub_more a{width:160px;margin-top:14px;border-bottom:2px solid #999;height:30px;line-height:30px;color:#999;font-size:12px;background:url(../../images/more.png) 140px center/11% no-repeat;}

.pub_call{height:44px;line-height:44px;font-weight:bold;color:#066bd3;font-size:18px;text-align: center;margin:10px 0;border-bottom:10px solid #f3f3f3;}
.pub_call i{display: inline-block;width:20px;height:20px;margin-right:6px;margin-top:-2px;vertical-align: middle;background:url(../../images/phone.png) center center/100% no-repeat;}

.footer{height:50px;background-color:#066bd3;position: fixed;bottom:0;left:50%;margin-left:-45%;z-index:999;width:90%;border-top-right-radius:20px;border-top-left-radius:20px;}
@media (min-width:640px){.footer{width:640px !important;left:50%;margin-left:-320px;}}
.footer a{float: left;width:33.33%;text-align: center;}
.footer img{display: inline-block;height:24px;margin:5px 0 0;}
.footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}

.h3_title{padding:10px 0;margin:0 15px 20px;border-bottom:1px solid #f9f9f9;}
.h3_title h3{padding-left:10px;border-left:4px solid #066bd3;height:30px;line-height:30px;font-weight:bold;font-size:18px;}

.product_son a{float: left;font-size:14px;width:48%;margin:1%;background-color:#066bd3;box-sizing:border-box;border-radius:6px;text-align: center;color:#fff;height:34px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.product_son .ps_button i{display: inline-block;width:14px;height:14px;margin:-4px 0 0 4px;vertical-align: middle;background:url(../../images/jia.png) center/100% no-repeat;}
.product_son .ps_button.on i{transform: rotate(135deg);}
.product_son .all_son{display: none;background-color: #f1f1f1;border-radius:6px;}

.go_top{display: none;background-color:#066bd3;width:34px;height:34px;text-align: center;border-radius:50%;position: fixed;right:15px;bottom:100px;z-index:99999999999;}
.go_top img{display: inline-block;margin-top:12px;width:16px;}

.swiper-pagination-bullet{width:4px !important;height:4px !important;}
.swiper-pagination-bullet-active{background-color:#066bd3 !important;border-color:#066bd3 !important;width:20px !important;}
/*================== 公用样式 END ==================*/









/*================== 首页  START ==================*/
.product_box{background-color: #fff;padding:10px 15px;}
.product_box a{
  text-align: center;
}
.product_box a img{
  margin: 0 auto;
}
.product_box{text-align: center;}
/* .product_box .pb_son::-webkit-scrollbar{width:10px;height:1px;background-color:#fff;} 
.product_box .pb_son::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
.product_box .pb_son::-webkit-scrollbar-thumb{width:10px;height:1px;background-color:#066bd3;} */
.product_box .pb_son{width:100%;text-align: center;}	
.product_box .pb_son .item{display: inline-block;margin-right:2px;text-align: center;width:48%;background-color:#066bd3;border-radius:4px;overflow: hidden;margin-left: 2px;}
/* .product_box .pb_son .item:last-child{margin-right: 0;} */
.product_box .pb_son .item a{padding:1px 1px 0;}
.product_box .pb_son .item strong{display: block;color:#fff;font-size:14px;font-weight:100;height:30px;line-height:30px;}


.product_box ul li, .product_list ul li{float: left;width:48%;margin:1%;text-align: center;box-shadow: 0 0 15px rgba(117, 117, 117, 0.562)}
.product_box ul li strong, .product_list ul li strong{display: block;font-weight:100;font-size:14px;line-height:32px;height:32px;color:#333;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.about_box{padding:30px 15px;border-top:10px solid #f3f3f3;}
.about_box .pub_title h3, .about_box .pub_title p{color:#fff;}
.about_box .infomation{padding:15px 0;}
.about_box .infomation, .about_box .infomation p{font-size:16px;line-height:26px;color:#fff;}
.about_box .pub_more a{color:#fff;border-color:#fff;margin:0;background:url(../../images/more_fff.png) 140px center/11% no-repeat;}

.case_box{background-color: #fff;padding:30px 15px 10px  15px;border-top:10px solid #f3f3f3;}
.case_box .case{padding:15px 0 0;}
.case_box .case p{font-size:14px;color:#666;line-height:32px;height:32px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.glory_box{background-color: #fff;padding:30px 15px;position: relative;border-top:10px solid #f3f3f3;}
.sc666.swiper-container {padding:20px 0;}
.ss666.swiper-slide{background-position: center;background-size:cover;box-sizing:border-box;width:620px;height:406px;}
@media( max-width:750px ){.ss666.swiper-slide{width:240px;height:160px;}}

.news_box{background-color: #fff;padding:30px 15px;border-top:10px solid #f3f3f3;}
.news_box ul{padding:15px 0 0;}
.news_box ul li, .news_list ul li{background-color:rgba(148, 148, 148, 0.8);margin-bottom:10px;padding:15px;border-radius:4px;}
.news_box ul li .time, .news_list ul li .time{height:20px;line-height:20px;font-size:14px;color:rgba(0, 0, 0, 0.8);font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";}
.news_box ul li .time i, .news_list ul li .time i{display: inline-block;width:40px;height:1px;background-color:#066bd3;vertical-align: middle;margin-right:10px;}
.news_box ul li h3, .news_list ul li h3{font-size:18px;color:#fff;margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.news_box ul li h3{margin-top:0;}
.news_box ul li p, .news_list ul li p{font-size:14px;line-height:22px;color:#fff;}
.news_list ul li{background-color: #fff !important;}
.news_list ul li h3{color:#333;}
.news_list ul li p{color:#999;}
.news_list_two .time{padding-top:10px;}

.contact_box{padding:30px 15px 0;border-top:10px solid #f3f3f3;}
.contact_box .infomation{margin-top:15px;color:#666;font-size:14px;line-height:24px;}
/*================== 首页  END ==================*/

/*================== 内页  START ==================*/
#allmap{height:450px;margin-top:20px;}
#allmap img{max-width:none !important;}

.product_list .product_son{padding-top:0;}

.pagelist{padding-top:20px;}
.pagelist a{display: inline-block;border-radius:4px;font-size:12px;width:60px;height:24px;line-height:24px;text-align: center;background-color:#066bd3;color:#fff;margin-right:4px;}
.pagelist select{float: right;width:80px;height:24px;border-radius:4px;}

.message .page_list{display: none;}
.message li{margin-bottom:20px;}
.message li dl{font-size:18px;color:#333;display: block;margin-bottom:10px;}
.message li input{height:40px;width:100%;display: block;border:1px solid #ccc;padding:5px 10px;box-sizing:border-box;}
.message label input{display: inline;height:auto;width:auto;}
.message li textarea{width:100%;height:100px;border:1px solid #ccc;padding:5px 10px;box-sizing:border-box;}
.message li.submit input{background-color:#066bd3;color:#fff;border:none !important;font-size:16px;}

.article_content{font-size:16px;color:#333;line-height:26px;}
.article_content img{display: inline-block;}

ul.showpics, h1.title2, .product_list .content .time{display: none;}

.product_list h1, .news_list h1{font-weight:bold;color:#333;font-size:18px;margin:0 0 20px;position: relative;text-align: left;}
.product_list h1::after, .news_list h1::after{content:'';position: absolute;bottom:-10px;left:0;width:20px;height:2px;background-color:#066bd3;}
.product_list .content img{margin:20px 0;display: inline-block;}
.product_list .content .p{font-size:16px;line-height:26px;}

.product_list .pagenum, .article_content .pagenum{margin-top:20px;border-top:1px solid #f3f3f3;}
.product_list .pagenum a, .article_content .pagenum a{font-size:14px;color:#999;padding:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product_list .pagenum a span, .article_content .pagenum a span{padding-right:10px;}

/*================== 内页  END ==================*/




.sy_wz_con {
	padding: 10px 0 0 0;
	margin: 0px auto 0 auto;
	position: relative;
	width: 100%;
  }
  .sy_wz_con ul {
	width: 100%;
	text-align: center;
  }
  .sy_wz_con ul li {
	text-align: center;
	border: 1px solid #eeb639;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin-left: 2px;
	padding-top: 29px;
	box-sizing: border-box;
  }
  .sy_wz_con ul li span {
	color: #eeb639;
	font-size: 1rem;
	font-family: Impact, Arial, "Helvetica Neue", Helvetica, sans-serif;
  }
  .sy_wz_con ul li i {
	display: block;
	color: #000;
	font-size: 0.6rem;
	font-style: normal;
  }



  
.syys {
    background: url(../../images/ysbj1.jpg) center top no-repeat;
    margin-top: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .syys .inner {
    position: relative;
  }
  .syys .img {
    margin: 20px auto 0;
  }
  .syys .img2 {
    margin: 70px auto 0;
  }
  .syys .txt2 {
    width: 100%;
    margin: 30px auto 0;
    border-top: 1px solid #fff;
    position: relative;
    color: #fff;
    padding: 0 10px;
    font-size: 0.8rem;
    box-sizing: border-box;
  }
  .syys .txt2:after {
    content: '';
    position: absolute;
    width: 80%;
    bottom: 0;
    border-top: 1px solid #fff;
    left: 50%;
    margin-left: -40%;
  }
  .syys .good {
    text-align: center;
    margin-top: 50px;
  }
  .syys .good img {
    display: inline-block;
  }
  .syys .good img:nth-of-type(2) {
    position: absolute;
    left: 50%;
    margin-left: -18px;
    -webkit-animation: call 1.5s infinite;
    animation: call2 1.5s infinite;
  }
  @-webkit-keyframes call2 {
    from {
      transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(2);
      opacity: 0;
    }
  }
  @keyframes call2 {
    from {
      transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(2);
      opacity: 0;
    }
  }
  .syys{
    background: url(../../images/ys.jpg);
  }
  .syys .item_box {
    width: 100%;
    margin: 0px auto 0 auto;
  }
  .syys .item {
    width: 96%;
    height: 86px;
    background: #fff;
    border: 1px double #066bd3;
    border-radius: 100px;
    margin: 10px auto;
  }
  .syys .item em {
    float: left;
    line-height: 38px;
    margin-top: 30px;
    font-family: impact;
    font-size: 34px;
    color: #066bd3;
    width: 64px;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    display: none;
  }
  .syys .item .info {
    width: 90%;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .syys .item strong {
    font-size: 22px;
    color: #066bd3;
    display: block;
    margin: 10px 0 8px;
  }
  .syys .item p {
    font-size: 0.5rem;
    color: #000000;
    margin: 10px auto;
    width: 100%;
  }
  
  @media( max-width:768px ){
    .sy_wz_con ul li{
      width: 30%;
      height: 160px;
    }
  }
  @media( max-width:414px ){
    .sy_wz_con ul li{
      width: 120px;
      height: 120px;
    }
  }
  .about_box{
    background: #066bd3;
  }