@charset "utf-8";

*{margin: 0;padding: 0;list-style-type: none;}
html,body{font-size: 12px;background: #FFFFFF;color: #777;}
article,aside,dialog,footer,header,section,nav,figure,menu{display:block;}
img{border: 0px;vertical-align: middle;}
a{color: #777;text-decoration: none;}
table { border-collapse:collapse; border-spacing:0; } 
.clearfix:after{content: "";clear: both;display:block;height: 0;visibility: hidden; }
.clearfix{zoom:1;}
.container{width: 90%;word-break: break-all;margin:0 auto;}
.fl,.left{float: left;}
.fr,.right{float: right;}

/*  */
.bt{padding-bottom: 20px;text-align: center;color: #000;}
.bt h1{font-weight: normal;}
.bt p{color: #999;}
.more{text-align: center;margin-top: 30px;}
.more a{display: inline-block;padding: 6px 40px;border: 1px solid #999;}


/*  */
.header{position: fixed;background: #fff;width: 100%;z-index: 4;top:0;left: 0;}
.header .logo{height: 50px;line-height: 50px;margin-top: 5px;width: -moz-calc(100% - 40px);width: -webkit-calc(100% - 40px);width: calc(100% - 40px);overflow: hidden;}
.header .logo img{max-height: 100%;max-width: 100%;position: relative;top: -1px;}
.header .button_menu{height: 60px;}
.header .button_menu .hamburger{padding: 24px 10px;}
.header .button_menu .hamburger .line{width:17px;height:2px;background-color:#000;display:block;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.header .button_menu .hamburger .line:nth-child(2){margin:3px auto;}
.header .button_menu .hamburger.is-active .line:nth-child(2){opacity:0}
.header .button_menu .hamburger.is-active .line:nth-child(1){-webkit-transform:translateY(5px) rotate(45deg);-ms-transform:translateY(5px) rotate(45deg);-o-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg)}
.header .button_menu .hamburger.is-active .line:nth-child(3){-webkit-transform:translateY(-5px) rotate(-45deg);-ms-transform:translateY(-5px) rotate(-45deg);-o-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg)}

/*  */
.menu{position:fixed;max-height: -moz-calc(100% - 60px);max-height: -webkit-calc(100% - 60px);max-height: calc(100% - 60px);width:100%;display:none;top:60px;z-index:5;background-color:#fff;overflow-y:auto;box-shadow: 0 10px 10px rgba(0,0,0,0.08);}
.menu > ul{margin:10px 2%;}
.menu > ul > li{border-bottom:1px dashed #f2f2f2;}
.menu > ul > li:last-of-type{border-bottom: 0;}
.menu li{text-indent: 2em;position:relative;}
.menu li a{display: block;}
.menu li > a{position:relative;text-transform:uppercase;font-size:15px;line-height: 50px;}
.menu li > img{width: 20px;padding: 15px 15px 15px 40%;position: absolute;right: 0;top: 0;}
.menu li ul.menu_sub{padding: 10px;display:none;background: #f9f9f9;}
.menu li ul.menu_sub li a{font-size:13px;line-height:35px;opacity:.8;}

/*  */
/* .banner{margin-top: 60px;} */
.banner .swiper-slide img{width: 100%;}
.banner .swiper-pagination span{width: 10px;height: 10px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background: #000;}

/*  */
.about{padding: 50px 0;background: #fafafa;}
.about .con{line-height: 1.6;font-size: 14px;text-align: justify;}

/*  */
.pro{padding: 50px 0;}
.pro .class{text-align: center;line-height: 2;}
.pro .class span{display: inline-block;margin: 0 10px;}
.pro .class span a{font-size: 13px;}
.pro .con{margin-top: 20px;}
.pro .con li{width: 48%;text-align: center;margin-bottom: 20px;}
.pro .con li a{display: block;color: #333;font-size: 15px;}
.pro .con li:nth-of-type(odd){float: left;}
.pro .con li:nth-of-type(even){float: right;}
.pro .con li .img{background: #f3f3f3;overflow: hidden;width: 100%;}
.pro .con li .img img{max-width: 100%;max-height: 100%;position: relative;top: -1px;}
.pro .con li p{margin-top: 5px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

/*  */
.news{padding: 50px 0;background: #fff;}
.news .class{text-align: center;line-height: 2;}
.news .class span{display: inline-block;margin: 0 10px;}
.news .class span a{font-size: 13px;}
.news ul li{margin-bottom: 40px;}
.news ul li:last-of-type{margin-bottom: 0;}
.news ul li a{display: block;}
.news ul li .t{color: #999999;}
.news ul li h1{color: #000;font-size: 15px;font-weight: normal;margin: 5px 0;line-height: 1.3;position: relative;border-bottom: 1px solid #EFEFEF;padding-bottom: 10px;}
.news ul li h1::before{content: "";display: block;width: 15px;height: 1px;background: #000;position: absolute;bottom: -1px;}
.news ul li p{color: #999999;font-size: 13px;margin-top: 10px;display: inline-block;text-align: justify;display: -webkit-box;	-webkit-line-clamp: 2;/*多行文本 溢出部分...*/-webkit-box-orient: vertical;/*从上向下垂直排列*/	overflow: hidden;}


/*  */
.foot{padding: 10px 0 60px;background: #333333;border-top: 1px solid #ccc;color: #f5f5f5;font-size: 12px;}
.foot .copyright{text-align: center; line-height: 25px;}
.foot a{color: #f5f5f5;font-size: 12px;}

/*  */
.menu_foot{position: fixed;padding: 7px 0;background: #000;width: 100%;bottom: 0;left: 0;box-shadow: 0 -5px 10px rgba(0,0,0,0.15);}
.menu_foot ul li{float: left;width: 25%;text-align: center;}
.menu_foot ul li a{display: block;}
.menu_foot ul li p{color: #fff;margin-top: 5px;}

/*  */
.click_tel{position: fixed;bottom: 30%;right: 20px;width:40px;z-index:3;}
.click_tel .round{position: relative;left:0;top:0px;height:40px;margin-bottom: 30px;}
.click_tel .round:last-of-type{margin: 0;}
.click_tel .round div{background:#1c94f5}
.click_tel .round div:first-child{width:40px;height:40px;border-radius: 50%;}
.click_tel .round div:first-child a{display: block;}
.click_tel .round div:nth-child(2){width:40px;height:40px;}
.click_tel .circle{background:#1c94f5;border-radius:100%;width:40px;height:40px;text-align:center;position:absolute;z-index:4;}
.click_tel .circle_bottom{background:rgba(58,150,225,.4);border-radius:100%;width:40px;height:40px;z-index:2;position:absolute;}
.click_tel .circle_bottom2{background:rgba(58,150,225,.2);border-radius:100%;width:50px;height:50px;z-index:1;position:absolute;top:-5px;left:-5px}
.click_tel .animation{-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.click_tel .animation2{-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes twinkling{0%{opacity:.2;-webkit-transform:scale(1)}
    50%{opacity:.5;-webkit-transform:scale(1.12)}
    100%{opacity:.2;-webkit-transform:scale(1)}
}
@keyframes twinkling{0%{opacity:.2;-webkit-transform:scale(1)}
    50%{opacity:.5;-webkit-transform:scale(1.12)}
    100%{opacity:.2;-webkit-transform:scale(1)}
}

/*  */
.meng{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 5;}
.select_nav{position: fixed;top: 50%;left: 0;width: 60%;left: 50%;margin-left: -30%;background: #fff;text-align: center;z-index: 6;border-radius: 10px;transition: all 0.3s;}
.select_nav li{border-bottom: 1px solid #eee;}
.select_nav li:last-of-type{border-bottom: 0;}
.select_nav li a{display: block;padding: 15px 0;}

.ny_tit{text-align: left;line-height: 1.3;font-weight: bold; font-size: 18px;}
.ny_attr{text-align: left;border-bottom: 1px dotted #ccc;padding: 10px 0; line-height:25px; color: #999; margin-bottom: 10px;}
.ny_attr > span{display: inline-block;}
.ny_con img{ max-width:98%; height:auto}

#nylxwm-t{background: url(contactbj02.jpg) no-repeat right bottom #EBF1F1 /100%; padding:10px;}
.ny_con #tx_map{ height:300px; border:#e6e6e6 solid 1px; margin-top: 20px;}

/* 表单 */
#ZS_form{margin: 20px auto 0;width: 100%;font-size: 14px;border-collapse: collapse;border-spacing: 0px;}
#ZS_form tr td{height: 35px;line-height: 35px;vertical-align: top;padding: 0 5px;}
#ZS_form tr td .dfinput{width: 96%;border-radius: 5px; border: 1px solid #ccc;padding: 0 2%;height: 30px;line-height: 30px;}
#ZS_form tr td .textinput{width: 96%;height: 150px;font-family: none;padding: 5px 2%; border-radius: 5px;border: 1px solid #ccc;}
#ZS_form tr td label{margin-right: 15px;cursor: pointer;}
#ZS_form tr td label input{zoom: 130%;vertical-align: middle;display: inline-block;margin-right: 3px;position: relative;top: -1px;}
#ZS_form tr td label input[type="radio"],#ZS_form tr td label input[type="checkbox"]{cursor: pointer;}
#ZS_form tr td select{min-width: 100px;height: 30px;line-height: 30px;border-radius: 5px;border: 1px solid #ccc;}
#ZS_form tr td .submit{width: 50%;padding: 5px 0;margin-top: 40px;background: #292E39;color: #fff;font-size: 15px;border: 0;cursor: pointer;transition: all 0.3s;word-spacing: 20px;}
#ZS_form tr td .submit:hover{opacity: 0.9;}
#ZS_form tr td .dfinput:focus{border-color: #0F95F2;}
#ZS_form tr td .textinput:focus{border-color: #0F95F2;}
#fmsg{margin: 20px 0% 0;padding: 20px;border-top: 1px solid #ddd;}