*{padding: 0px; margin: 0px;}
body{font-size: 14px; font-family: 'Helvetica Neue', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; color: #333; background: #f9f9f9;}
.bgwhite {background: #FFFFFF;}
.clearfix{clear: both;}
.fl{float: left;}
.fr{float: right;}
.pm30{margin-top: 30px; padding: 30px 0px;}
.pd20{padding: 20px;}
.mt20{margin-top: 20px!important;}
.dot {width: 6px; height: 6px; background: #c8c8c8; display: block; float: left; border-radius: 6px; margin:14px 8px 12px 0px;}
.main{width: 1200px; margin: auto;}
.mobileshow{display: none;}
.hidden{display: none;}
.textcenter{text-align:center;}

.header{width: 100%; height: 68px; background: #fff; border-bottom: 1px solid #ddd;	box-shadow:0 0 3px 0 rgba(0,0,0,.01), 0 3px 3px 0 rgba(0,0,0,.04); position: fixed; top: 0; left:0; z-index: 9997!important; line-height: 68px;}
.header .logo{float: left;}
.header .logo img{ height:33px;}
.header .nav {float: left; margin-left: 30px;}
.header .nav a{padding: 0 15px; color: #202020; font-size: 16px;}
.header .nav a:hover{color: #19b7b9;}
.header .reg{float: right;}
.header .reg h3{color:#19b7b9; float: left; margin-right: 20px;}
.header .reg img {width: 28px; margin-right: 6px;}
.header .reg a{padding: 5px 20px; border: 1px solid #19b7b9; margin-left: 6px; border-radius: 30px;}
.header .reg .r1 {background: #19b7b9; color:#fff;}
.header .reg .r2 {color:#19b7b9;}

.app-header{display: none; float: right; padding: 0px 20px;}
.app-icon img, .app-menu-close img{width: 26px;}
.app-menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; color: #333; z-index: 9999; transform: translateX(100%); transition: opacity 0.3s ease, transform 0.3s ease;}
.app-menu.show {opacity: 1; transform: translateX(0);}
.app-menu-close {position: absolute; top: 12px; line-height: 30px; right: 18px; font-size: 30px; cursor: pointer;}
.app-menu-list h3{font-size: 14px; color: #666; height: 46px; line-height: 60px;}
.app-menu-list .menu{padding: 10px 26px; line-height: 33px; float: left;}
.app-menu-list .dot {width: 7px;height: 7px;}
.app-menu-list .logo {width: 100%;}
.app-menu-list .menu li{width: 100%; clear:both;}
.app-menu-list .menu li div{width: 33%; float: left;}
.app-menu-list .btn{padding: 4px 20px 6px; font-size: 12px; border: 1px solid #19b7b9; margin-right: 18px; border-radius: 30px; color: #19b7b9;}
.app-menu-list .phone{color: #19b7b9; margin-top: 10px;}
.app-menu-list .phone img{height: 28px; margin-right: 4px;}
		
		
/*.app-header{display: none;}
.app-header-menuicon{display: block; position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer; text-align: center;}
.app-header-menuicon i{font-size: 30px;}
.header-down-nav{display: none;}*/

.top-menu {display: flex; justify-content: center;}
.menu-list a{padding: 0px!important;}
.arrow {display: inline-block; margin-left: 4px; transition: transform 0.3s ease;}
.arrow .layui-icon {font-size: 14px;}
.menu-item2 {position: relative;}
.dropdown1 {position: absolute; top: 101%; left: 0; background-color: #fafafa; width: 100%!important; padding: 10px 0px 40px; box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.1); z-index: 1; opacity: 0; transform: translateY(6px); transition: all 0.3s ease; visibility: hidden;}
.dropdown2 {position: absolute; top: 99%; left: 0; background-color: #f9f9f9; min-width: 150px; padding: 12px 0px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; opacity: 0; visibility: hidden; transform: scale(0.9); /* 初始缩放 */ transform-origin: 0 0; /* 缩放原点 */ transition: all 0.3s ease;}
.dropdown-item {color: #333; text-decoration: none; line-height: 32px; font-size: 14px!important; display: block; padding-left: 26px!important; margin-bottom: 10px;}
.menu-item:hover .dropdown1, .menu-item:hover .dropdown2 {opacity: 1; visibility: visible; transform: translateY(0); transform: scale(1); /*缩放回正常大小 */}
.menu-item:hover{color: #19b7b9;}
.menu-item .dot:hover{background: #19b7b9;}
.menu-item:hover .arrow {transform: rotate(180deg);}
.menu-service{text-align: left; line-height: 30px;}
.menu-title{font-size: 20px; color:#333; font-weight: 700; margin-left: 12px; margin-top: 15px;}
.menu-list li{margin: 10px 0px 0px 12px; padding: 6px 0px; width: calc(33.3% - 12px); float:left; border-radius: 6px; overflow: hidden; color: #555;}
.menu-list li:hover{background-color: #ebf4f4;}
.menu-list li h1{font-size: 18px; font-weight: 500;}
.menu-list .menu-img{float: left; width: 60px; text-align: center; padding-top: 4px;}
.menu-list .menu-img img{width: 30px; height: 30px;}
.menu-list .menu-con div{overflow: hidden; font-size: 14px; color: #888;}
.top-menu .active a{color: #19b7b9;}

.imgbox{margin-top: 68px; margin-bottom: 30px;}
.layui-carousel>[carousel-item]>*{height: auto;}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow {opacity: 0;}
.layui-carousel-ind{margin-top: -20px; top: auto; bottom: 62px;}
.layui-carousel-ind ul {background-color:rgba(0,0,0,0);}
.layui-carousel-ind li{width:38px; height:6px; margin: 0 5px; border-radius:0px;}
.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,0);}
.index-re{background: #fff; margin-top:-48px; height:76px; position: relative; padding:15px 0px; border-radius:4px; -moz-box-shadow:0 0 5px rgba(0,0,0,.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,.1); box-shadow:0 0 5px rgba(0,0,0,.1);}
.index-re div{height: 66px; float: left; width:259px; padding:5px 20px; border-right: 1px solid #eee;}
.index-re div:first-child{;}
.index-re div:last-child{border-right: 0px;}
.index-re img{width:105px; height: 66px; float: left; margin-right: 10px; border-radius: 2px;}
.index-re h2{font-size: 14px; line-height: 22px; overflow: hidden; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.news{min-height: 660px; margin: 90px auto 20px;}
.news .left{width:866px; background: #fff; min-height: 660px; padding: 22px; line-height: 26px; float:left;}
.news .left h1{font-size: 26px; color: #000; line-height: 42px;}
.news .left p{margin-bottom: 20px; text-indent: 2em;}
.news .left img{text-indent: 0em; max-width: 96%; margin: auto;}
.news .abstract{margin: 10px auto 20px; color: #888; border-bottom:1px dotted #ddd; height: 42px; line-height:42px;}
.news .right{width:226px; background: #fff; padding: 22px; float:right;}
.news .right h1{font-size: 18px; color: #333; line-height: 20px;}
.news .right div{margin-top: 20px;}
.news .right img{width:100%; border-radius: 4px;}
.news .right h2{margin-top: 6px; padding-bottom: 10px; font-size: 14px; line-height: 22px;}
.news .weixin{margin-top: 20px;}
.news .weixin img{width:45%; float: left; margin-right: 6px;}
.news .weixin h3{font-size: 16px; line-height: 26px; margin-top: 10px;}
.news .weixin p{font-size: 14px; color:#666; line-height:24px;}

.content{}/*#318ffa*/
.content h1, .content h3{text-align: center; margin-bottom:20px;}
.content h3{color:#666;}
.infos div{float: left; width: 33.2%; background: #fff; padding: 18px 0px; border: 1px solid #eee; margin:-1px -1px 0px 0px; box-sizing: border-box;}
.infos div:hover {z-index: 999; background: #19b7b9; color:#fff; box-shadow: 1px -1px 6px rgba(31, 158, 239, .3);}
.infos .ign1{background: url(/assets/imgs/gn-b-1.jpg) no-repeat; background-position: right bottom;}
.infos .ign5{background: url(/assets/imgs/gn-b-5.jpg) no-repeat; background-position: right bottom;}
.infos h2{padding: 4px 20px; font-size: 1.25rem;}
.infos p{line-height: 36px; padding: 0px 20px;}
.content .layui-tab-title li{width: 20%; padding: 0px;} 
.product-left{width: 40%; float: left; margin-right:40px;}
.product-left img{width: 100%; margin-top: 20px;}
.product-right{padding-top: 40px;}
.product-right ul li{padding: 10px 0px; list-style: square; margin-left: 20px ;}
.apply div{float: left;width: 33.3%; text-align: center; padding: 20px 0px;}
.apply h2{line-height: 40px;}
.apply p{line-height: 24px; color: #888;}
.apply img{width: 52px;}

.price{text-align: center;background: url(/assets/imgs/pricebg.jpg); background-size:100% 100%; color: #fff; padding: 30px 0px;}
.price table{width:580px; margin:15px auto;}
.price table td{padding:10px; border: 1px solid #fff;}
.price h3{line-height: 60px; font-size:24px; color:#ffc048;}
.price span{font-size: 14px;}
.price h2{line-height: 30px; font-size:18px; margin-bottom: 20px;}
.price .btn{height: 50px;}
.price a{line-height: 30px; height: 30px; padding: 12px 30px; background: #fff; color:#3495da; letter-spacing:2px; border-radius: 4px;}

.bottom{height: 140px; background: url(/assets/imgs/bottom.jpg); background-size:100% 100%;}
.bottom .title{text-align: center; padding: 30px 0px 22px; font-size: 22px; font-weight:600;}
.bottom .btn{text-align: center;}
.bottom .btn a{margin: 0px 10px; padding:5px 26px 6px; color:#19b7b9; border: 1px solid #19b7b9; border-radius: 20px;}
.bottom .btn a:last-child{background: #19b7b9; color: #fff;}
	
.footer{background: #333; color:#fff;}
.footer a{color:#eee;}
.footer .s{width: 20%; float: left;}
.footer .s4{width: 25%; float: left;}
.footer .s4 img{margin-right: 4px;}
.footer .line{border-bottom: 1px solid #888; height: 58px;}
.footer p{line-height: 36px;}
.footer .imgs{width: 100px; float: left; margin-right: 20px; text-align: center;}
.footer .imgs img{width: 100%;}
.footer .links{text-align: center; margin-bottom: 15px;}
.footer .links a{padding: 0px 10px;}
.footer h3 {text-align: left; color: #19b7b9;}

.register{min-height: 100vh; background-color: #fff; background-image: url(/assets/imgs/regbg.png); background-position: 50% 0; background-size: 100% auto; background-repeat: no-repeat;}
.reg-header{padding:20px 40px; height:26px; line-height:26px;}
.reg-header img{height:26px; margin-right:15px; margin-top: -4px;}
.reg-header .right{float:right;}
.login-box{min-height:358px; max-width: 960px; margin: 0 auto; padding: 60px 0;}
.login-box .left{width: 40%; float: left; padding: 60px 15px 0px; text-align: center; background-color: #fff; background-image: url(/assets/imgs/login-left.jpg); background-repeat: no-repeat; background-size: 100% 100%; box-sizing: border-box; border-radius: 10px; box-shadow: 15px 15px 16px 0 rgba(6,85,194,.04); height: 550px;}
.login-box .right{width: 58%; float: right; padding: 60px; background-color: #fff; box-sizing: border-box; border-radius: 10px; box-shadow: 15px 15px 16px 0 rgba(6,85,194,.04); height: 550px;}
.login-box h1{font-size:24px; text-align:center; margin-bottom:30px;}
.login-box a{color:#1e9fff;}
.login-box .layui-form-label{padding:9px 5px;}
.login-box .layui-form-item .layui-input-inline {width: calc(100% - 100px);}
.login-box .area .layui-input-inline {width: 24.1%;}
.login-box .hideshow {position: absolute; right: 10px; top: 9px; width: 20px;}
.login-box .bs {margin-left: 30px!important; width: 396px; background-color: #1e9fff; height: 40px; line-height: 40px; font-size: 16px;}
.reg-copy{margin-top:50px;}
.reg-copy h3{text-align:center; font-size:14px; line-height:46px;}
.reg-copy p{text-align:center; font-size:12px; color:#888;}

@media only screen and (max-width: 780px){
	.webshow{display: none;}
	.mobileshow{display: inherit;}
	.main{width: 100%;}
	.appmenu a{color: #fff; margin: 10px;}
	.header{height: 60px; line-height: 60px; border-bottom: 1px solid #eee;}
  .header .nav, .header .reg {display: none;}
	.header .logo img{height:26px; margin-left: 15px;}
	.imgbox{margin-top: 60px;}
	.imgbox img{width:100%;}
	.pd15{padding: 0px 15px;}
  .app-header{display: block;}
	.layui-carousel-ind {bottom: 2px;}
	.layui-nav.down-nav{position: absolute;	right: 0; width: 60%; z-index: 9999; text-align: center; top: 60px; padding:20px; display: block;}
	.layui-nav.down-nav li{height: 50px; line-height: 50px; display: block;	border-bottom: 1px solid #363636;}
	.layui-nav.down-nav li a{height: 50px; line-height: 50px; color: #fff; font-size: 16px;}
	.index-re{margin-top:0px; margin-bottom: 12px; height:auto; position:relative; padding:5px 0px; border-radius:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.index-re div{height: auto; float:left; width:calc(50% - 16px); padding:10px 8px; border-right: 0px;}
	.index-re img{width:100%; height:auto; float:left; margin-right: 0px; border-radius: 2px;}
	.index-re h2{float: left; padding-top: 6px; -webkit-line-clamp: 1;}
	.content{width: 100%; margin: auto; padding: 15px 0px;}
	.infos div{width: 100%; padding: 18px 0px; border: none;}
	.product-left {display: none;}
	.product-right {padding-top: 0px;}
	.apply div{width:calc(50% - 20px); padding:10px;}
	.apply h2 {font-size:17px;}
	.price h2{line-height: 30px; font-size:16px; }
	.price table{width:90%; margin:15px auto;}
	.price table td{padding:10px; border: 1px solid #fff;}
	.footer .line{display: none;}
	.footer h3 {margin: 12px 0px 4px 15px;}
	.footer .links{display: none;}
	.footer p{line-height: 30px; padding-left: 15px;}
	.footer .s{width: 100%;}
	.footer .s a{float: left; margin-right: 20px;}
	.footer .imgs{margin-left: 20px;}
	.footer .imgs p{padding-left: 0px; font-size: 12px;}
	.reg-header {padding: 15px;}
	.reg-header img {height: 26px; margin-right: 5px;}
	.login-box{max-width: calc(100% - 30px); margin: 0 auto; padding: 20px 0;}
	.login-box .right{width: 100%; padding: 20px 10px; border-radius: 6px; height: auto;}
	.login-box h1 {font-size: 20px;}
	.login-box .layui-form-item .layui-input-inline {margin-left: 92px;}
	.login-box .bs {width: calc(100% - 50px);}
	.reg-copy{padding-bottom: 20px;}
	
	.news {margin-top: 60px;}
	.news .left {width: calc(100% - 46px);}
	.news .right {width: calc(100% - 46px); margin-top: 20px;}
}