@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
h3,h4{ margin:0; padding:0;}
body {color: #3d3d3d;font-family: "微软雅黑";max-width:100%;}
a{ color: #7c7272; cursor: pointer;text-decoration: none;}
a{-webkit-transition:all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;transition: all .3s ease 0s;}
a:hover{ text-decoration:none;-webkit-transition:color .3s ease 0s;-moz-transition: color .3s ease 0s;-o-transition: color .3s ease 0s;-ms-transition: color .3s ease 0s;transition: color .3s ease 0s}
a:focus,a:hover {color: #1c7ec1; text-decoration: none;}
li,p,ul {list-style: outside none none;margin: 0; padding: 0;}
img {border: medium none;display: block;vertical-align: top;}
.w1200 { margin: 0 auto; overflow: hidden;width: 1200px;}
.w1200z {clear: both; margin: 0 auto; width: 1200px;}
.www { overflow: hidden;width: 100%;}
.st {font-family: "宋体";}
.yahei {font-family: "微软雅黑";}
.fr {display: block; float: right;}
.fl {float: left;}
.p15 { padding: 15px;}
.p20 {padding: 20px;}
.p30 {padding: 20px 0 10px;}
.p301{padding: 20px 0 0;}
.pt15 {padding-top: 15px;}
.pb15 {padding-bottom: 15px;}
.hs {color: #998c8c;}
.zh12 {font-size: 12px;}
.zh14 {font-size: 14px;}
.zh16 {font-size: 16px;}
em,i {font-style: normal;}
.index-title img{ display:block; margin:10px auto;}
/*top*/
@media screen and (min-width:1400px) and (max-width:1920px) {.top{ height:450px; background: url(banner.jpg) center; width:100%;}
.top img{ display:none}
.title{ width:95%; margin:100px auto 0; overflow:hidden;}
.title .w25{ width:25%; margin-bottom:50px;}
.title .cl1{ height:70px; background:#6baefe; line-height:70px; text-align:center; display:block; color:#FFF; border-radius:10px 10px 0 0; overflow:hidden; width:100%; font-size:30px;}
.title .bka{ padding:0 8%;}
.title .bk1 li{ border:1px solid #c3dcf8; font-size:18px; text-align:center; line-height:50px; height:50px; margin:8px 0}
.title .bk1{ padding:0 2%; background:#fafcff; padding-bottom:10px;}
.title .cl2 h3{ background:#13b5b1;}
.title .cl3 h3{ background:#aa89ff;}
.title .cl4 h3{ background:#32b16c;}
.title .cl5 h3{ background:#ea68a2;}
.title .cl6 h3{ background:#00b7ee;}
.title .cl7 h3{ background:#448aca;}
.title .cl2 ul{ background:#f8fdfd;}
.title .cl2 ul li{ border:1px solid #a1e1e0;}
.title .cl3 ul{ background:#fbf9ff;}
.title .cl3 ul li{ border:1px solid #d1c0ff;}
.title .cl4 ul{ background:#f9fdfa;}
.title .cl4 ul li{ border:1px solid #ade0c4;}
.title .cl5 ul{ background:#fefafc;}
.title .cl5 ul li{ border:1px solid #f7c3da;}
.title .cl6 ul{ background:#f7fdfe;}
.title .cl6 ul li{ border:1px solid #99e2f8;}
.title .cl7 ul{ background:#f9fbfd;}
.title .cl7 ul li{ border:1px solid #b4d0ea;}
.w25 .ewm img{ margin:0 auto; display:block;}
.w25 .ewm{ text-align:center; width:100%; font-size:20px; line-height:35px; font-weight:bold;}
.title2{ width:92%; margin:0 auto; background:#f3f8ff}
.title2 h3{ width:60%; margin:0 auto; display:block; text-align:center; background:#53c0b5; font-size:25px; line-height:70px; height:70px; color:#FFF;}
.title2 ul{ padding:80px 2%;}
.title2 ul li{ line-height:40px; font-size:18px;}
.title2 ul li font{ display:block; margin:5px; float:left; width:30px; height:30px; text-align:center; line-height:30px; background:#53c0b5; border-radius:5px; color:#FFF;}
}

@media screen and (min-width:1200px) and (max-width:1400px) {.top{ height:450px; background: url(banner.jpg) center; width:100%;}
.top img{ display:none}
.title{ width:100%; margin:100px auto 0; overflow:hidden;}
.title .w25{ width:25%; margin-bottom:50px;}
.title .cl1{ height:70px; background:#6baefe; line-height:70px; text-align:center; display:block; color:#FFF; border-radius:10px 10px 0 0; overflow:hidden; width:100%; font-size:30px;}
.title .bka{ padding:0 4%;}
.title .bk1 li{ border:1px solid #c3dcf8; font-size:18px; text-align:center; line-height:50px; height:50px; margin:8px 0}
.title .bk1{ padding:0 2%; background:#fafcff; padding-bottom:10px;}
.title .cl2 h3{ background:#13b5b1;}
.title .cl3 h3{ background:#aa89ff;}
.title .cl4 h3{ background:#32b16c;}
.title .cl5 h3{ background:#ea68a2;}
.title .cl6 h3{ background:#00b7ee;}
.title .cl7 h3{ background:#448aca;}
.title .cl2 ul{ background:#f8fdfd;}
.title .cl2 ul li{ border:1px solid #a1e1e0;}
.title .cl3 ul{ background:#fbf9ff;}
.title .cl3 ul li{ border:1px solid #d1c0ff;}
.title .cl4 ul{ background:#f9fdfa;}
.title .cl4 ul li{ border:1px solid #ade0c4;}
.title .cl5 ul{ background:#fefafc;}
.title .cl5 ul li{ border:1px solid #f7c3da;}
.title .cl6 ul{ background:#f7fdfe;}
.title .cl6 ul li{ border:1px solid #99e2f8;}
.title .cl7 ul{ background:#f9fbfd;}
.title .cl7 ul li{ border:1px solid #b4d0ea;}
.w25 .ewm img{ margin:0 auto; display:block;}
.w25 .ewm{ text-align:center; width:100%; font-size:20px; line-height:35px; font-weight:bold;}
.title2{ width:92%; margin:0 auto; background:#f3f8ff}
.title2 h3{ width:60%; margin:0 auto; display:block; text-align:center; background:#53c0b5; font-size:25px; line-height:70px; height:70px; color:#FFF;}
.title2 ul{ padding:80px 2%;}
.title2 ul li{ line-height:40px; font-size:18px;}
.title2 ul li font{ display:block; margin:5px; float:left; width:30px; height:30px; text-align:center; line-height:30px; background:#53c0b5; border-radius:5px; color:#FFF;}
}
@media screen and (min-width:820px) and (max-width:1200px) {.top{ background: none; width:100%;}
.top img{ display: block; width:100%;}
.title{ width:100%; margin:60px auto 0; overflow:hidden;}
.title .w25{ width:25%; margin-bottom:50px;}
.title .cl1{ height:70px; background:#6baefe; line-height:70px; text-align:center; display:block; color:#FFF; border-radius:10px 10px 0 0; overflow:hidden; width:100%; font-size:25px;}
.title .bka{ padding:0 2%;}
.title .bk1 li{ border:1px solid #c3dcf8; font-size:14px; text-align:center; line-height:50px; height:50px; margin:8px 0}
.title .bk1{ padding:0 2%; background:#fafcff; padding-bottom:10px;}
.title .cl2 h3{ background:#13b5b1;}
.title .cl3 h3{ background:#aa89ff;}
.title .cl4 h3{ background:#32b16c;}
.title .cl5 h3{ background:#ea68a2;}
.title .cl6 h3{ background:#00b7ee;}
.title .cl7 h3{ background:#448aca;}
.title .cl2 ul{ background:#f8fdfd;}
.title .cl2 ul li{ border:1px solid #a1e1e0;}
.title .cl3 ul{ background:#fbf9ff;}
.title .cl3 ul li{ border:1px solid #d1c0ff;}
.title .cl4 ul{ background:#f9fdfa;}
.title .cl4 ul li{ border:1px solid #ade0c4;}
.title .cl5 ul{ background:#fefafc;}
.title .cl5 ul li{ border:1px solid #f7c3da;}
.title .cl6 ul{ background:#f7fdfe;}
.title .cl6 ul li{ border:1px solid #99e2f8;}
.title .cl7 ul{ background:#f9fbfd;}
.title .cl7 ul li{ border:1px solid #b4d0ea;}
.w25 .ewm img{ margin:0 auto; display:block; width:100%; height:100%}
.w25 .ewm{ text-align:center; width:100%; font-size:20px; line-height:35px; font-weight:bold;}
.title2{ width:92%; margin:0 auto; background:#f3f8ff}
.title2 h3{ width:60%; margin:0 auto; display:block; text-align:center; background:#53c0b5; font-size:25px; line-height:70px; height:70px; color:#FFF;}
.title2 ul{ padding:50px 2%;}
.title2 ul li{ line-height:40px; font-size:18px;}
.title2 ul li font{ display:block; margin:5px; float:left; width:30px; height:30px; text-align:center; line-height:30px; background:#53c0b5; border-radius:5px; color:#FFF;}
.title .bk1 .h25{ line-height:25px;}
}
@media screen and (min-width:320px) and (max-width:820px) {.top{  background: none; width:100%;}
.top img{ display: block}
.title{ width:100%; margin:50px auto 0; overflow:hidden;}
.title .w25{ width:100%; margin-bottom:30px;}
.title .cl1{ height:70px; background:#6baefe; line-height:70px; text-align:center; display:block; color:#FFF; border-radius:10px 10px 0 0; overflow:hidden; width:100%; font-size:30px;}
.title .bka{ padding:0 2%;}
.title .bk1 li{ border:1px solid #c3dcf8; font-size:18px; text-align:center; line-height:50px; height:50px; margin:8px 0}
.title .bk1{ padding:0 2%; background:#fafcff; padding-bottom:10px;}
.title .cl2 h3{ background:#13b5b1;}
.title .cl3 h3{ background:#aa89ff;}
.title .cl4 h3{ background:#32b16c;}
.title .cl5 h3{ background:#ea68a2;}
.title .cl6 h3{ background:#00b7ee;}
.title .cl7 h3{ background:#448aca;}
.title .cl2 ul{ background:#f8fdfd;}
.title .cl2 ul li{ border:1px solid #a1e1e0;}
.title .cl3 ul{ background:#fbf9ff;}
.title .cl3 ul li{ border:1px solid #d1c0ff;}
.title .cl4 ul{ background:#f9fdfa;}
.title .cl4 ul li{ border:1px solid #ade0c4;}
.title .cl5 ul{ background:#fefafc;}
.title .cl5 ul li{ border:1px solid #f7c3da;}
.title .cl6 ul{ background:#f7fdfe;}
.title .cl6 ul li{ border:1px solid #99e2f8;}
.title .cl7 ul{ background:#f9fbfd;}
.title .cl7 ul li{ border:1px solid #b4d0ea;}
.w25 .ewm img{ margin:0 auto; display:block;}
.w25 .ewm{ text-align:center; width:100%; font-size:20px; line-height:35px; font-weight:bold;}
.title2{ width:92%; margin:0 auto; background:#f3f8ff}
.title2 h3{ width:90%; margin:0 auto; display:block; text-align:center; background:#53c0b5; font-size:25px; line-height:70px; height:70px; color:#FFF;}
.title2 ul{ padding:40px 2%;}
.title2 ul li{ line-height:40px; font-size:18px;}
.title2 ul li font{ display:block; margin:5px; float:left; width:30px; height:30px; text-align:center; line-height:30px; background:#53c0b5; border-radius:5px; color:#FFF;}

}