@charset "UTF-8";
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { max-width: 640px; min-width: 320px; margin: 0 auto; font-size: 1.2rem; font-family: "微软雅黑"; overflow-x: hidden; color: #252323; }
ul, li { list-style: none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: middle; font-size: 1.2rem; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
a { text-decoration: none; }
header .logo img {width: 100%;}
header .nav { width: 100%; height: 2.5rem; margin-bottom: 1%; background: url(../images/nav_bg.jpg); background-size: 100% 100%; }
header .nav a { width: 20%; height: 2.5rem; line-height: 2.5rem; text-align: center; float: left; color: #fff; font-size: 1.4rem; display: block; }
header .banner img {width: 100%;}
header .daoyu { width: 98%; margin: 1%; border: 1px dashed #ccc; display: inline-block; }
header .daoyu img { width: 15%; margin: 1% 2%; float: left; }
header .daoyu p { width: 79%; margin: 3% 1%; line-height: 1.5; text-indent: 2em; float: right; float: left; }
header .tel { width: 98%; margin: 1%; }
header .tel img { width: 100%; }
section { width: 100%; margin: 1% 0; display: inline-block; overflow: hidden; }
section img { width: 100%; }
section .title img { width: 98%; margin: 2% 1%; }
section .cont { width: 98%; margin: 0 1%; display: inline-block; }
section .button { width: 98%; margin: 0 1%; display: inline-block; }
section .button .link { width: 43%; float: left; margin: 0 2%; padding: 2% 1%; background: #369ff0; }
section .button .online { width: 49%; float: left; margin: 0 2%; padding: 2% 1%; background: #fea22b; }
section .button img { width: 3rem; float: left; }
section .button span { margin-left: 3%; color: #000; font-weight: 600; font-size: 1rem; }
section .button h3 { margin-left: 3%; color: #fff; font-size: 1.4rem; display: inline-block; }
section.part2, section.part4 { background: #96d0fd; }
section.part1 .list { width: 98%; height: 2.5rem; margin: 0 1%; }
section.part1 .list li { width: 23%; float: left; margin: 0 1%; border: 1px solid #ccc; }
section.part1 .list li a { width: 100%; line-height: 2; text-align: center; display: block; color: #000; }
section.part1 p { width: 87%; color: #ff7d01; margin: 3% auto; line-height: 1.5; text-align: center; border-bottom: 1px solid #ff7d01; }
section.part1 h3 img { width: 98%; margin: 0 1%; }
section.part1 .items { margin-top: 2% }
section.part1 .items li { width: 46%; margin: 5% 2%; float: left; border: 1px solid #ccc; position: relative; }
section.part1 .items li h3 { position: absolute; width: 70%; margin: 0 15%; line-height: 2; text-align: center; background: #369ff0; z-index: 1; top: -10%; color: #fff; }
section.part1 .items li img { width: 100%; position: relative; }
section.part1 .items li p { width: 100%; color: #000; height: 3rem; margin: 1% 0; font-size: 1.1rem; line-height: 1.3; border-bottom: none; }
section.part2 .cont img { width: 29.333%; float: left; margin: 3% 2%; }
section.part3 .cont p { text-indent: 2em; line-height: 1.5; margin: 2%; }
section.part3 .cont img { margin: 3% 0; }
section.part4 .cont li div { width: 48%; margin: 2% 1%; float: left; background: #369ff0; }
section.part4 .cont li div p { height: 11rem; text-indent: 2em; line-height: 1.5; padding: 0 3%; color: #fff; }
section.part4 .cont li div a { width: 70%; display: block; margin: 5% auto; line-height: 2; text-align: center; color: #000; font-size: 1.4rem; border-radius: .5rem; background: #fff600; }
section.part5 .cont img { width: 31.333%; margin: 3% 1%; float: left; }
section.part6 form { width: 94%; margin: 0 auto; }
section.part6 form p { text-align: center; font-size: 1.4rem; margin: 3%; color: #ff0000; }
section.part6 form .form-h { width: 100%; overflow: hidden; font-size: 1.2em; padding: 2% 1%; }
section.part6 form .form-h span { margin: 0 1%; }
section.part6 form .form-h span { color: #ff0000; }
section.part6 form .form-h input { width: 70%; padding: 1%; }
section.part6 form .form-h select { width: 70%; padding: 1%; }
section.part6 form .form-h textarea { width: 70%; padding: 1%; font-size: 1.4rem; }
section.part6 form .form-input { width: 100%; overflow: hidden; margin: 2% auto 4% auto; }
section.part6 form .form-input input { width: 35%; padding: 2.5%; border: none; background: #009e96; color: #fff; float: left; margin-left: 10%; cursor: pointer; background: url(../images/content7-bg2.png) no-repeat center center / 100% 100%; }
section.part6 form .form-input input:nth-child(2) { background: url(../images/content7-bg1.png) no-repeat center center / 100% 100%; }
footer { width: 100%; background: #369ff0; padding-bottom: 10%; }
footer .logo, footer .bottom { width: 100%; display: inline-block; }
footer .logo img { width: 90%; margin: 3% auto; display: block; }
footer .bottom .left, footer .bottom .right { width: 48%; margin: 0 1%; float: left; }
footer .bottom .left { margin-top: 3%; padding-left: 1%; }
footer .bottom .left p { line-height: 1.5; color: #fff; }
footer .bottom .right img { width: 90%; margin: 0 auto; }