/* CSS Document */
.left,.fl{ float: left; }
.right,.fr{ float: right; }
.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after { display: table;  line-height: 0;  content: "";}
.clearfix:after { clear: both;}

.banner{ height: 440px; background-position:center; }
.banner h1{ display: none; }

.mypage .mypage-inner{ width: 910px; margin: 0 auto; }
.module{ padding: 30px 0 50px; font-family: \5FAE\8F6F\96C5\9ED1,"微软雅黑"; }
.module h2{ text-align: center; }
.module p{ font-size: 14px; color: #333; line-height: 1.6;}
.module .title{height: 116px; padding: 20px 0 30px; background: url(../images/titbg.png) no-repeat top center;}
.module .title h2{ color: #fff; line-height: 66px; font-size: 36px; font-weight: bold;}

.module1 h2{ font-size: 36px; color: #008fdf; font-weight: bold; line-height: 2; }
.md1-main{ margin: 30px 0; }
.md1-main .left{ width: 290px; }
.md1-main .right{ width: 580px; padding-top: 10px;}
.md1-main p{ font-size: 16px; color: #666;}

.module2,.module4{ background: #f1fbff; }
.lead-speak{ position: relative; overflow: hidden; margin-bottom: 40px;}
.lead-speak img{ float: left; margin-right: 30px;}
.speak-text{ position: relative; padding: 10px 25px 5px 15px; float: left; width: 620px; background: #d1edfb; border-radius:10px ;}
.speak-text .icon-sj{ display: block; width: 10px; height: 20px; position: absolute; left: -9px; top: 50%; background: url(../images/icon_sjL.jpg) no-repeat right center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.speak-text p{ margin-bottom: 5px; color: #0068b7;}
.lead-speak.tr img{ float: right; margin-left: 30px; margin-right: 0;}
.lead-speak.tr .speak-text{ float: right; padding: 10px 20px;}
.lead-speak.tr .speak-text .icon-sj{ left: auto; right: -9px; background: url(../images/icon_rjR.jpg) no-repeat left center; }

.md2-box{ position: relative; min-height: 125px; padding: 50px 0 25px; margin-bottom: 40px; background: #fff; border: 1px solid #7fc5ea; border-radius:10px; }
.md2-box h3{ position: absolute; white-space: nowrap; z-index: 6; left: 50%; top: -15px; display: block; padding: 0 30px; font-size: 18px; font-weight: bold; color: #fff; line-height: 30px; background: #008cd6; border-radius:15px ; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.md2-list li{ float: left; width: 25%; height: 185px; text-align: center; padding: 0 10px; border-right:1px solid #dcdcdc; box-sizing: border-box;}
.md2-list img{ width: 90px; height: 90px; border-radius:50%; margin-bottom: 20px;}
.md2-list p{ font-size: 16px; }
.md2-list li:last-child { border-right: none; }
.m-bt-no{ margin-bottom: 0; }
.md2-list.list1 li{ height: 216px;}

.md3-box{ padding-left: 240px; padding-right: 30px;}
.md3-box img{ position: absolute; left: 0; top: 0; z-index: 1; width: 240px; height: 198px; border-radius:12px ; }
.md3-box p{ font-size: 16px; color: #3e3a39; margin-bottom: 5px; }
.dot{ padding-left: 20px; background: url(../images/dot.jpg) no-repeat left top 10px;}

.md4-box{ padding: 50px 38px 30px 246px; }
.md4-box img{ position: absolute; left: 24px; top: 50px; }
.md4-box p{ font-size: 16px; color: #3e3a39; line-height: 1.8; }
.md4-list{ margin-top: 20px; }
.md4-list li{ float: left; margin: 10px 36px 6px 0; font-size: 16px; }
.md4-list .wd1{ width: 230px; }

.md5-ul{ position: relative; }
.md5-ul .bs{ display: block; content: ""; width: 5px; height: 35px; background: #fff; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.md5-ul .line{ display: block; width: 2px; height: 100%; position: absolute; top: 0; left: 50%; -moz-transform: translate(-50%); -webkit-transform: translate(-50%); transform: translate(-50%); background: #33a3de;}
.md5-ul .line .icon-dot{ display: block; position: absolute; left: 50%; bottom: 0; width: 9px; height: 9px; background:url(../images/dot.jpg) no-repeat center; z-index: 6; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.md5-ul .left,.md5-ul .right{ position: relative; width: 425px; margin-bottom: 40px;}
.md5-ul .li2{ margin-top: 100px;}
.md5-box{position: relative; padding: 15px 20px 20px; border: 1px solid #79c3e9;}
.md5-box .icon-dot{display: block; position: absolute; left: -35px; top: -4px; width: 9px; height: 9px; background:url(../images/dot.jpg) no-repeat center; z-index: 6;}
.md5-box .icon-sj{display: block; position: absolute; width: 9px; height: 12px; top: -1px; left: -8px;  background: url(../images/icon_left.png) no-repeat left top;}
.md5-box p{ font-size: 16px; color: #3e3a39; line-height: 1.8; margin-bottom: 20px; }
.md5-ul h3{ font-size: 18px; color: #008cd6; line-height: 30px; margin-bottom: 45px; font-weight: bold; }
.md5-ul .lable{ position: absolute; left: -5px; top: 35px; display: block; width: 94px; height: 40px; padding: 0 20px; font-size: 18px; color: #fff; line-height: 28px; background:#fff url(../images/right.jpg) no-repeat left top; }
.md5-ul .left{ padding-right: 30px; }
.md5-ul .left h3{ text-align: right; }
.md5-ul .right{ padding-left: 30px; }
.md5-ul .left .icon-dot{ right: -35px; left: auto; }
.md5-ul .left .icon-sj{ left: auto; right: -8px;  background: url(../images/icon_right.png) no-repeat right top; }
.md5-ul .left .lable{ left: auto; right: -5px; background:#fff url(../images/left.jpg) no-repeat right top; }
.md6-item .md5-box{ padding: 25px 20px; }
.md6-item .lable{display: block; width: 180px; margin: 10px auto; font-size: 18px; color: #fff; line-height: 30px; text-align: center; border-radius:15px ;  background: #008cd6;}
.md6-item h3{ font-size: 18px; color: #008cd6; line-height: 30px; text-align: center; font-weight: bold; margin-bottom: 10px; }
.md6-item .pic{ float: left; }
.md6-item .text{ float: right; width: 465px; }
.md6-item .text p{ text-indent: 2em; font-size: 14px; margin: 0;}
.md5-down { width: 560px; padding: 0 30px; margin: 30px auto 20px; display: block; font-size: 18px; text-align: center; color: #008cd6; line-height: 40px; border-radius:18px; border: 2px solid #008cd6;}