* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container { max-width: 640px; margin: 0 auto; padding-bottom: 94px; }
.header { position: relative; height: 90px; }
.header:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden }
.logo { text-align: center; }
.logo a {  display: inline-block; width: 504px; height: 80px; position: relative; z-index: 9999;  }
.banner { position: relative; }
.banner .hd { position: absolute; bottom: 15px; z-index: 55; text-align: center; width: 100%; }
.banner .hd ul { padding-left: 5px; padding-right: 5px; border-radius: 8px; display: inline-block; height: 20px; }
.banner .hd li { display: inline-block; background: #355fad; width: 16px; height: 16px; text-indent: 99px; overflow: hidden; margin-left: 6px; margin-right: 6px; margin-top: 4px; border-radius: 8px; }
.banner .hd li.on { background: #fff; }
.banner img { width: 100%; }
.box-nav { padding: 0 30px; }
.box-nav ul { padding-top: .15rem; padding-bottom: .14rem; }
.box-nav li { float: left; text-align: center; margin-left: 40px; }
.box-nav li.first { margin-left: 0px; }
.box-nav li a { display: inline-block; }
.icon-1 { background: url(../images/box-about-1.png) no-repeat; width: 115px; height: 115px; background-size: 100% 100%; }
.icon-2 { background: url(../images/box-about-2.png) no-repeat; width: 115px; height: 115px; background-size: 100% 100%; }
.icon-3 { background: url(../images/box-about-3.png) no-repeat; width: 115px; height: 115px; background-size: 100% 100%; }
.icon-4 { background: url(../images/box-about-4.png) no-repeat; width: 115px; height: 115px; background-size: 100% 100%; }
.box-nav li p { font-size: 24px; color: #333333; text-align: center; padding-top: 20px; }
.box-fgx { height: 5px; background: #d9d9d9; width: 100%; }
.box-product { padding-top: 26px; padding-bottom: 30px; }
.box-product .head { font-size: 32px; color: #0d6ec3; text-align: center; }
.box-product-list { padding-top: 20px; }
.box-product-list ul { padding: 0 30px; }
.box-product-list li { float: left; margin-left: 20px; margin-bottom: 20px; }
.box-product-list li.first { margin-left: 0px; }
.box-product-list li a { display: inline-block; position: relative; }
.box-product-list li .text { height: 40px; line-height: 40px; background: #95a9cc; font-size: 22px; color: #ffffff; text-align: center; position: absolute; bottom: 0; width: 100%; }
.box-product .more { text-align: center; padding-top: 5px; }
.box-product .more a { width: 200px; height: 45px; display: inline-block; background: #0d6ec3; border-radius: 22px; font-size: 24px; color: #ffffff; line-height: 45px; text-align: center; }
.box-about { padding-top: 26px; padding-bottom: 30px; }
.box-about .head { font-size: 32px; color: #0d6ec3; text-align: center; }
.box-about .pic { width: 420px; height: 150px; margin: 0 auto; margin-top: 18px; }
.box-about .pic img { max-width: 100%; max-height: 100%; }
.box-about .text { font-size: 22px; color: #000000; padding: 0 63px; line-height: 38px; margin-top: 12px; margin-bottom: 15px; }
.box-about .more { text-align: center; padding-top: 5px; }
.box-about .more a { width: 200px; height: 45px; display: inline-block; background: #0d6ec3; border-radius: 22px; font-size: 24px; color: #ffffff; line-height: 45px; text-align: center; }
.box-ry { padding-top: 26px; padding-bottom: 30px; }
.box-ry > .head { font-size: 32px; color: #0d6ec3; text-align: center; }

.box-ry-list { margin-top: 22px; margin-bottom: 22px; }

.box-ry-list .text { width: 434px; }
.box-ry-list .text .head { font-size: 24px; color: #4c4c4c; padding-top: 4px; }
.box-ry-list .text .txt { font-size: 20px; color: #737373; line-height: 25px; margin-top: 3px; }
.box-ry-list .times { width: 100px; height: 100px; background: #cccccc; text-align: center; font-size: 20px; color: #ffffff; }
.box-ry-list .times p { font-size: 42px; color: #ffffff; width: 74px; display: inline-block; border-bottom: solid 1px #FFF; margin-bottom: 5px; line-height: 56px; padding-top: 2px; }
.box-ry-list li { border-bottom: solid 1px #cccccc; padding-bottom: 27px; margin-top: 29px; }
.box-ry-list li.first { margin-top: 21px; }
.box-ry-list li a { display: block; margin-left: 45px; width: 550px; }
.box-ry-list li a:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden }
.box-ry .more { text-align: center; padding-top: 5px; }
.box-ry .more a { width: 200px; height: 45px; display: inline-block; background: #0d6ec3; border-radius: 22px; font-size: 24px; color: #ffffff; line-height: 45px; text-align: center; }
.box-address { padding-top: 26px; padding-bottom: 30px; }
.box-address .head { font-size: 32px; color: #0d6ec3; text-align: center; }
.box-address .pic { margin: 0 auto; margin-top: 18px; border: solid 1px #0d6ec3; text-align: center; width: 420px; height: 150px; margin-bottom: 30px; }
.box-address .pic img { max-width: 100%; max-height: 100%; }
.icon-phone { background: url(../images/icon-phone.png) no-repeat; width: 54px; height: 50px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-left: 59px; margin-right: 18px; }
.phone { font-size: 28px; color: #ffffff; background: #0d6ec3; height: 80px; line-height: 80px; }
.phone span { font-size: 24px; color: #ffffff; vertical-align: middle; margin-top: -4px; display: inline-block; margin-left: 3px; }
.box-address .more { text-align: center; padding-top: 30px; }
.box-address .more a { width: 200px; height: 45px; display: inline-block; background: #0d6ec3; border-radius: 22px; font-size: 24px; color: #ffffff; line-height: 45px; text-align: center; }
.footer { width: 100%; position: fixed; bottom: 0; background: #FFF; padding-top: 14px; border-top: solid 1px #cccccc; min-width: 640px; padding-bottom: 4px; }
.footer li { float: left; text-align: center; margin-left: 110px; }
.footer li.first { margin-left: 50px; }
.footer li p { text-align: center; font-size: 24px; color: #666666; }
.footer-1 { background: url(../images/footer-1.png) no-repeat center center; width: 36px; height: 37px; display: inline-block; }
.footer-2 { background: url(../images/footer-2.png) no-repeat center center; width: 36px; height: 37px; display: inline-block; }
.footer-3 { background: url(../images/footer-3.png) no-repeat center center; width: 36px; height: 37px; display: inline-block; }
.footer-4 { background: url(../images/footer-4.png) no-repeat center center; width: 36px; height: 37px; display: inline-block; }
.page-main { border-top: solid 6px #0d6ec3; }
.about-head { margin-left: 70px; margin-right: 70px; font-size: 32px; color: #333333; border-bottom: solid 2px #83c2f9; text-align: center; padding-bottom: 10px; position: relative; padding-top: 20px; }
.about-head:after { content: "\0020"; display: block; background: url(../images/about-after.png) no-repeat; width: 11px; height: 6px; position: absolute; left: 50%; margin-left: -5px; bottom: -8px }
.about-text { font-size: 22px; color: #333333; padding-left: 60px; padding-right: 60px; line-height: 36px; margin-top: 30px; padding-bottom: 42px; }
.page-main-nav { border-top: solid 6px #0d6ec3; padding-top: 15px; }
.page-main-nav .head { font-size: 32px; color: #333333; margin-left: 70px; margin-right: 70px; text-align: center; border-bottom: solid 1px #83c2f9; padding-bottom: 8px; }
.page-nav ul { margin-left: 70px; margin-right: 70px; padding-top: 13px; padding-bottom: 30px; }
.page-nav li { width: 100%; margin-top: 5px; }
.page-nav li a { display: block; height: 63px; text-align: center; line-height: 63px; border: solid 1px #83c2f9; border-radius: 12px; font-size: 28px; color: #ffffff; background: #83c2f9; }
.page-nav li.active a { background: #FFF; border: solid 1px #0d6ec3; color: #262626; }
.product-head { margin-left: 30px; margin-right: 30px; font-size: 32px; color: #333333; border-bottom: solid 2px #83c2f9; text-align: center; padding-bottom: 10px; position: relative; padding-top: 20px; }
.product-head:after { content: "\0020"; display: block; background: url(../images/about-after.png) no-repeat; width: 11px; height: 6px; position: absolute; left: 50%; margin-left: -5px; bottom: -8px }
.product-list { padding-top: 20px; }
.product-list ul { margin-left: 30px; margin-right: 30px; border-bottom: solid 2px #83c2f9; }
.product-list li { float: left; margin-left: 20px; margin-bottom: 20px; }
.product-list li.first { margin-left: 0px; }
.product-list li a { display: inline-block; position: relative; }
.product-list li .text { height: 40px; line-height: 40px; background: #95a9cc; font-size: 22px; color: #ffffff; text-align: center; position: absolute; bottom: 0; width: 100%; }
.page { padding-left: 50px; padding-top: 15px; padding-bottom: 20px; }
.product-detail-head { margin-left: 70px; margin-right: 70px; font-size: 32px; color: #333333; border-bottom: solid 2px #83c2f9; text-align: center; padding-bottom: 10px; position: relative; padding-top: 20px; }
.product-detail-head:after { content: "\0020"; display: block; background: url(../images/about-after.png) no-repeat; width: 11px; height: 6px; position: absolute; left: 50%; margin-left: -5px; bottom: -8px }
.product-detail-text { font-size: 22px; color: #333333; margin-left: 70px; margin-right: 70px; line-height: 36px; margin-top: 30px; padding-bottom: 10px; border-bottom: solid 2px #83c2f9; }
.product-detail-text img { max-width: 100%; }
.detail-pages { padding-left: 50px; padding-top: 15px; padding-bottom: 20px; }
.detail-next { float: left; margin-left: 20px; }
.detail-next a { width: 240px; height: 65px; display: inline-block; text-align: center; line-height: 65px; font-size: 22px; color: #ffffff; background: #83c2f9; border-radius: 12px; }
.news-head { margin-left: 45px; margin-right: 45px; font-size: 32px; color: #333333; border-bottom: solid 2px #83c2f9; text-align: center; padding-bottom: 10px; position: relative; padding-top: 20px; }
.news-head:after { content: "\0020"; display: block; background: url(../images/about-after.png) no-repeat; width: 11px; height: 6px; position: absolute; left: 50%; margin-left: -5px; bottom: -8px }
.news-list .times { width: 100px; height: 100px; background: #cccccc; text-align: center; font-size: 20px; color: #ffffff; }
.news-list .times p { font-size: 42px; color: #ffffff; width: 74px; display: inline-block; border-bottom: solid 1px #FFF; margin-bottom: 5px; line-height: 56px; padding-top: 2px; }
.news-list .text { width: 434px; }
.news-list .text .head { font-size: 24px; color: #4c4c4c; padding-top: 4px; }
.news-list .text .txt { font-size: 20px; color: #737373; line-height: 25px; margin-top: 3px; }
.news-list li { border-bottom: solid 1px #cccccc; padding-bottom: 27px; margin-top: 29px; }
.news-list li.first { margin-top: 21px; }
.news-list li a { display: block; margin-left: 45px; width: 550px; }
.news-list li a:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden }
.news-list-main { display: block; }
.news-pages { padding-left: 50px; padding-top: 15px; padding-bottom: 20px; }
.news-next { float: left; margin-left: 20px; }
.news-next a { width: 240px; height: 65px; display: inline-block; text-align: center; line-height: 65px; font-size: 22px; color: #ffffff; background: #83c2f9; border-radius: 12px; }
.news-pages .disabled a { background: #ccc; }
.news-detail-head { margin-left: 70px; margin-right: 70px; font-size: 32px; color: #333333; border-bottom: solid 2px #83c2f9; text-align: center; padding-bottom: 5px; position: relative; padding-top: 20px; }
.news-detail-head p { font-size: 18px; color: #666666; }
.news-detail-head:after { content: "\0020"; display: block; background: url(../images/about-after.png) no-repeat; width: 11px; height: 6px; position: absolute; left: 50%; margin-left: -5px; bottom: -8px }
.news-detail-text { font-size: 22px; color: #333333; margin-left: 60px; margin-right: 60px; line-height: 36px; margin-top: 30px; padding-bottom: 10px; }
.news-detail-text img { max-width: 100%; }
.news-detail-pages { margin-left: 70px; padding-top: 15px; padding-bottom: 20px; border-top: solid 2px #83c2f9; margin-right: 70px; }
.news-detail-next { float: left; margin-left: 20px; }
.news-detail-next.first { margin-left: 0px; }
.news-detail-next a { width: 240px; height: 65px; display: inline-block; text-align: center; line-height: 65px; font-size: 22px; color: #ffffff; background: #83c2f9; border-radius: 12px; }
.news-detail-pages .disabled { background: #ccc; }
.message { padding: 0 10px; text-align: left; }
.msgcontent { padding: 10px 0; }
.msgcontent .sel { border: 1px solid #ccc; background: #fff; font-size: 16px; padding: 0 10px; height: 49px; line-height: 3em; margin-bottom: 5px; width: 100%; box-sizing: border-box; }
.msgcontent .txt { border: 1px solid #ccc; background: #fff; font-size: 16px; padding: 0 10px; line-height: 3em; margin-bottom: 5px; width: 100%; box-sizing: border-box; }
.msgcontent textarea { border: 1px solid #ccc; background: #fff; padding: 5px 10px; font-size: 16px; margin-bottom: 5px; width: 100%; box-sizing: border-box; height: 200px; }
.msgcontent .btn { box-sizing: border-box; border: none; text-align: center; width: 100%; background: #3399ff; font-size: 24px; line-height: 2em; color: #fff; }
.page-category{text-align:center;}
.page-category a{display:block;height:80px;line-height:80px;border-radius:40px;border:1px solid #83c2f9;margin:0 30px;margin-top:30px;font-size:28px;color:#83c2f9;}
.page-category a:active{background:#83c2f9;color:#fff;}