@charset "utf-8";  /*格式化样式*/  
/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}
.clearfix{overflow:hidden;zoom:1;clear: both;}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../css/boxsizing.htc);
}
div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{
margin:0; 
padding:0;
list-style: none;
box-sizing:border-box;
}
html{font-size:14px;font-family: Microsoft YaHei,Arial;}
body{font-family: Microsoft YaHei,Arial; color: #666;}
ul,li{list-style:none;}  
a:focus{outline:none;}
a{color:#666; text-decoration: none; cursor:pointer; outline:none;}  
a:hover{ color:#225acc; text-decoration: none; }
/*select,option{outline: none;}*/
input[type=text],textarea {border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;
	font-family: Microsoft YaHei;
	outline: none;}  
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  
input{font-family: Microsoft YaHei;}  
textarea { -webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	font-family: Microsoft YaHei;
	outline: none;
}
select{outline: none;}
img{width:auto; max-width:100%;height: auto; vertical-align:bottom;}
body{overflow-x: hidden; width: 100%;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.l24{line-height: 24px;}
.l26{line-height: 26px;}
.l30{line-height: 30px;}
.l40{line-height: 40px;}
.overflow-hidden{overflow: hidden;}
.relative{position: relative; z-index: 10;}
.container{width:100%; margin:0 auto;}
.header{width:100%; max-width:1200px; margin:0 auto; padding:20px 10px;}
.navbox{background: linear-gradient(1turn,#416af3,#21b9fe); overflow: hidden; line-height:50px;}
.navbox ul{width:100%; max-width:1200px; margin: 0 auto;}
.navbox li{width:20%; float: left; text-align: center;}
.navbox li a{display: block; color: #fff; font-size: 18px;}
.navbox li a:hover{color: #000; background:#fff;}
.indexbox{padding:5% 0; width:90%; max-width:1200px; margin:0 auto;}
.systembox{background:#fff;box-shadow: 0 .12rem .2rem 3Px #e5e5e5; padding:3% 10%; border-radius: 5px;}
.systembox .ti{text-align: center;}
.systembox .ti p{color:border-radius; color:#00aeeb;font-size:44px;}
.systembox .ti span{ font-size: 28px;}
.systembox .box{ padding-top: 20px; }
.systembox .box .form{width:55%; float: left;}
.systembox .box .info{width:35%; float: right;}
.systembox .box .info .ti{font-size: 26px; color:#454545;text-align: center; font-weight: bold; padding-bottom: 5px;}
.systembox .box .info .ti span{color: #f00;margin:0 5px;}
.txtMarquee-top{text-align: center; line-height: 48px;color: #838383; font-size: 14px;}
.txtMarquee-top table{width: 100%;}
.form li{line-height: 36px; padding-bottom:23px; overflow:hidden; padding-left:120px; position: relative;}
.form li span{display: block; float: left; font-size:26px; color:#474747; position: absolute; left: 0; top: 0;}
.form li p input{line-height: 36px; border: 1px solid #dcdee2; padding-left: 8px; color:#515a6e; font-size:14px; width: 100%;}
.form li p select{height: 36px; line-height: 36px;border: 1px solid #dcdee2; padding-left: 12px; width:32%; float: left;}
.form li p select#city{margin:0 2%;}
.form .btn {text-align: center; padding-top:10px;}
.form .btn button{ font-size: 26px; line-height: 54px; width:60%;background-color: #57a3f3; border: none; cursor: pointer; color: #fff; text-align: center; border-radius: 27px;}
.copy{background:#57a3f3; color: #fff; font-size:14px; text-align: center;line-height: 24px; padding:10px 0;}

.form2 li{line-height: 36px; padding-bottom:23px; overflow:hidden; padding-left:120px; position: relative;}
.form2 li span{display: block; float: left; font-size:26px; color:#474747; position: absolute; left: 0; top: 0;}
.form2 li p input{line-height: 36px; border: 1px solid #dcdee2; padding-left: 8px; color:#515a6e; font-size:14px; width: 100%;}
.form2 li p select{height: 36px; line-height: 36px;border: 1px solid #dcdee2; padding-left: 12px; width:32%; float: left;}
.form2 li p select#city{margin:0 2%;}
.form2 .btn {text-align: center; padding-top:10px;}
.form2 .btn button{ font-size: 26px; line-height: 54px; width:60%;background-color: #57a3f3; border: none; cursor: pointer; color: #fff; text-align: center; border-radius: 27px;}
.productbox{width: 100%; margin:0 auto; padding:3% 0; max-width:1200px;}
.product{overflow:hidden; padding-bottom:30px;}
.product .pic{float: left; max-width:300px; width:30%;}
.product .in{padding-left:40%;}
.product .in h3{font-size: 28px; color:#333; padding-bottom: 10px;}
.product .in p{color: #444; font-size: 28px; height:180px;}
.product .in button{ font-size: 26px; line-height: 54px; width:60%;background-color: #57a3f3; border: none; cursor: pointer; color: #fff; text-align: center; border-radius: 27px;}
.productinfo .ti {padding-bottom: 5px;}
.productinfo .ti span{display: inline-block;background:#00b0ec; color:#fff; line-height: 60px; font-size: 28px; padding:0 60px;}
.servicebox{width: 100%; margin:0 auto; padding:0  0 3% 0; max-width:1200px;}
.servicebox .ti{border-bottom: 2Px solid #bbb;}
.servicebox .ti span{display: inline-block; color:#333; border-bottom: 2px solid #004ea2; margin-bottom: -1px; font-size:32px; line-height: 60px;}
.servicebox .in{font-size:20px; color:rgb(51, 51, 51); line-height:2; padding:15px 0;}
.listnews{padding:20px 0; overflow: hidden;}
.listnews li{overflow:hidden; padding-bottom: 20px;}
.listnews li .pic{float: left; width: 220px;}
.listnews li .pic img{width: 100%; height:160px;}
.listnews li .in2{margin-left:240px;}
.listnews li .in2 h3{line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.listnews li .in2 h3 a{font-size: 16px; color: #333; padding-bottom: 5px;}
.listnews li .in2 p{color: #666; font-size: 14px; overflow: hidden; line-height: 24px; height: 72px;margin-bottom:10px;}
.listnews li .in2 .more{display: inline-block;font-size: 14px; border:1px solid #00b0ec; color:#00b0ec; line-height:26px; width:120px; text-align: center; }
.showbox{width:100%; margin:0 auto; max-width:1200px;}
.showbox .ti{text-align: center; color: #333; border-bottom: 1px solid #e4e4e4; padding:15px 0 10px;}
.showbox .ti h3{font-size: 18px; line-height:40px;}
.showbox .ti p{color: #666;}
.showbox .show{font-size:16px; line-height: 2; color: #333; padding:20px 0 40px;}
.msk{display: none; position:fixed; width: 100%; height: 100%; background:rgba(0,0,0,0.4); top:0; left: 0; z-index: 100;}
.mskbox{display: none; width:520px; left:50%; height:540px;background:#fff; border-radius:5px; padding:40px 30px 20px; z-index: 1000; position:fixed; top: 50%;transform: translate(-50%,-50%);}
.mskbox .close{width:40px;cursor: pointer; line-height:40px; font-style:inherit; height:40px; font-size: 20px; color: #333; text-align: center; position: fixed; right: 0; top: 0; z-index: 2;}
.mskbox .ti{text-align: center; padding-bottom: 20px;}
.mskbox .ti p{color:#08588a; font-size:40px;}
.mskbox .ti span{color: #000; font-size:24px;}
.top{width:100%; position: fixed; z-index: 80; top: 0; left: 0;background:#fff;}
.pt{padding-top:123px; }
.bottom{display: none;}
.randweixin{display: none;}
@media screen and (max-width:1200px){
.productbox{padding:3% 5%;}
.servicebox{padding:3% 5%;}
.showbox{padding:0 5%;}
}	
@media screen and (max-width:900px){
	.systembox .box .info{display:none;}
	.systembox .box .form{width:100%;}
	.product .pic{width:240px;}
	.product .in{padding-left:260px;}
	.product .in h3{font-size:24px;}
	.product .in p{font-size: 20px; height: 150px;}
	.product .in button{font-size: 20px;width:200px; line-height:45px;}
	.productinfo .ti span{font-size:24px; line-height:48px;padding:0 40px;}
}
@media screen and (max-width:768px){
.header{text-align: center;}
.systembox{padding:5% 8%;}
.systembox .ti p{font-size:36px;}
.systembox .ti span{font-size:20px;}
.form li {padding-left:90px;}
.form li span{font-size:20px;}
.form .btn button{font-size:20px; line-height:48px; width:200px;}
.navbox{background:#fff; border-top:1px solid #08588a;}
.navbox li a{color:#000; display: inline-block;}
.navbox li:hover a,.navbox li.active a{color:#08588a; border-bottom:2px solid #08588a;}
.mskbox .ti p{font-size:26px;}
.mskbox .ti span{font-size: 20px;}
.form2 li span{font-size: 20px}
.form2 li {padding-left: 90px;}
.mskbox{width:90%;}
.mskbox{height: auto; padding:30px 30px 25px;}
.form2 .btn button{font-size:20px; line-height:48px; width:200px;}
.product .pic{width:200px;}
.product .in{padding-left:220px;}
.product .in h3{font-size:20px;}
.product .in p{font-size:18px; height:120px;}
.product .in button{font-size:18px;width:180px; line-height:42px;}
.productinfo .ti span{font-size:20px; line-height:42px;padding:0 30px;}
.servicebox .ti span{font-size:24px; line-height: 48px;}
.servicebox .in{font-size: 18px;}
}
@media screen and (max-width:480px){
.systembox{padding:5% 4%;}
.systembox .ti p{font-size: 24px;}
.systembox .ti span{font-size:14px;}
.form li span{font-size: 14px;}
.form li{padding:0 0 12px 70px;}
.form .btn button{font-size:16px; line-height: 40px; width: 170px;}
.form2 li span{font-size: 14px;}
.form2 li{padding:0 0 12px 70px;}
.form2 .btn button{font-size:16px; line-height: 40px; width: 170px;}
.mskbox .ti p{font-size: 24px;}
.mskbox .ti span{font-size:14px;}
.mskbox{padding:25px 15px 20px;}
.productbox{padding:15px 15px 20px;}
.product .pic{width:160px;}
.product .in{padding-left:180px;}
.product .in h3{font-size:18px;}
.product .in p{font-size:16px; height:80px;}
.product .in button{font-size:16px;width:120px; line-height:35px;}
.productinfo .ti span{font-size:18px; line-height:35px;padding:0 25px;}
.servicebox .in{font-size:16px;}
.servicebox .ti span{font-size:20px; line-height: 40px;}
.servicebox{padding:15px;}
.listnews li .pic{width:180px;}
.listnews li .pic img{height:130px;}
.listnews li .in2{margin-left:200px;}
.listnews li .in2 h3 a{font-size:15px;}
.listnews li .in2 p{height:48px;}
.listnews li .in2 .more{font-size:12px; line-height:24px; width: 80px;}
.showbox{padding:0 15px;}
.bottom{display: block; line-height:42px; background:#e71212; position: fixed; z-index: 20; bottom:0; left: 0; width: 100%;}
.bottom a{display: inline-block; width: 50%; float: left; color: #fff; font-size: 16px; text-align: center;}
.randweixin{display: block; line-height:42px; text-align: center;}
.bottom a.btn{background:#249e29;}
}