header{ overflow:hidden; padding:.3rem; border-bottom:1px #eee solid;}
header .logo{ float:left; width:30%; margin-right:5%; margin-top:.1rem;}
header .nav{ float:right; width:6%; margin-left:4%; margin-top:.1rem;}
header input{ width:45%; float:left; background:#eee no-repeat right .2rem center; background-size:.55rem; border:0;height: 30px; border-radius:3px; padding-left:.3rem;}

.navigator{ padding:.2rem .3rem;}
.navigator span,.navigator span a{ color:#909090; margin:0 .1rem;}

.navlist{ overflow:hidden;}
.navlist li{ width:20%; float:left; text-align:center; height:2.3rem; font-size:.32rem;}
.navlist li img{ width:70%; margin-left:15%;}
.navlist li:nth-child(6){ height:2.5rem;}
.navlist li:nth-child(7){ height:2.5rem;}
.navlist li:nth-child(8){ height:2.5rem;}
.navlist li:nth-child(9){ height:2.5rem;}
.navlist li:nth-child(10){ height:2.5rem;}

.list{ padding:0 .3rem; overflow:hidden; padding-bottom:.5rem;}
.list .title{ line-height:1.2rem; font-size:.44rem; background:url(../images/title-1.jpg) no-repeat left center; background-size:.3rem; padding-left:.5rem; border-bottom:1px #eee solid;}
.list ul{ overflow:hidden; padding:.2rem 0;}
.list li{ background:url(../images/list-1.jpg) no-repeat center left; background-size:.1rem; padding-left:.3rem; line-height:.8rem;}
.list button{ background:#3b9b96; color:#fff; text-align:center; border:0; width:100%; height:1.2rem; line-height:1.2rem; font-size:.44rem;}
.list li font{ float:right;}
.list .tit{ padding:.5rem 0 .2rem 0; overflow:hidden; font-size:.5rem;}
.list .tit img{ width:1.2rem; margin-right:.3rem;}
.listbtn2 button{ width:48%; margin-right:4%; background:#3b9b96; color:#fff; text-align:center; border:0; height:1.2rem; line-height:1.2rem; font-size:.44rem;}
.listbtn2 button:last-child{ margin-right:0; background:#ff433e;}

.list .item{ border:1px #3b9b96 solid; border-radius:10px; padding:.3rem 0; overflow:hidden; margin-bottom:.4rem;}
.list .item:last-child{ margin-bottom:0;}
.list .item span{ float:left; width:31%; display:block; border-right:1px #3b9b96 solid; padding:0 .3rem; font-size:.40rem; color:#3b9b96;}
.list .item span img{ width:1.2rem; float:left; margin-right:.2rem;}
.list .item p{ float:right; width:69%; padding:0 .3rem; font-size:.40rem; line-height:.6rem; font-size:.36rem; color:#888;}
.list .item p font{ display:block; background:url(../images/hd-5.jpg) no-repeat center left; background-size:.2rem; padding-left:.4rem;}
.list .item:last-child span{ margin-top:.4rem;}
.list .sign span{ border-radius:5px; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; display:block; float:left; width:48%; margin-right:4%; margin-top:.4rem;}
.list .sign span:nth-child(2n){ margin-right:0;}
.list .sign span:nth-child(1){ background:#44bfca;}
.list .sign span:nth-child(2){ background:#6a8abe;}
.list .sign span:nth-child(3){ background:#00a0e9;}
.list .sign span:nth-child(4){ background:#61ca9c;}
.list .sign span:nth-child(5){ background:#eb6877;}
.list .sign span:nth-child(6){ background:#9b6abe;}
.list .sign span:nth-child(7){ background:#f37f60;}
.list .sign span:nth-child(8){ background:#526075;}
.list .sign span:nth-child(9){ background:#75ea82;}

.list table{ margin:.3rem 0; overflow:hidden;}
.list table th{ background:#65b0c0; color:#fff; text-align:center; line-height:.6rem; font-weight:normal; padding:.3rem .1rem; font-size:.32rem;}
.list table td{ border-bottom:1px #eee solid; padding:.3rem .1rem; font-size:.32rem;}


.list5{ padding:0 .3rem; overflow:hidden; padding-bottom:.5rem;}
.list5 .title{ line-height:1.2rem; font-size:.44rem; background:url(../images/title-1.jpg) no-repeat left center; background-size:.3rem; padding-left:.5rem; border-bottom:1px #eee solid;}
.list5 ul{ overflow:hidden; padding:.2rem 0;}
.list5 li{ width:49%; float:left; margin-right:2%; line-height:.6rem; padding:.1rem 0 .3rem 0;}
.list5 li:nth-child(2n){ margin-right:0;}
.list5 button{ background:#3b9b96; color:#fff; text-align:center; border:0; width:100%; height:1.2rem; line-height:1.2rem; font-size:.44rem;}

.list2{ padding:0 .3rem; overflow:hidden;}
.list2 .title{ line-height:1.2rem; font-size:.44rem; background:url(../images/title-1.jpg) no-repeat left center; background-size:.3rem; padding-left:.5rem; border-bottom:1px #eee solid;}
.list2 ul{ overflow:hidden; padding:.2rem 0;}
.list2 li{ width:23%; background:#57b0ab; color:#fff; float:left; height:1.2rem; line-height:1.2rem; border-radius:5px; text-align:center; margin:.2rem 2% .2rem 0; box-shadow:2px 5px 5px rgba(0,153,153,.1);}
.list2 li:nth-child(7){ line-height:.5rem; padding-top:.1rem;}


.list3{ padding:0 .3rem; overflow:hidden; padding-bottom:.5rem;}
.list3 .title{ line-height:1.2rem; font-size:.44rem; background:url(../images/title-1.jpg) no-repeat left center; background-size:.3rem; padding-left:.5rem; border-bottom:1px #eee solid;}
.list3 ul{ overflow:hidden; padding:.2rem 0;}
.list3 li{ line-height:1.2rem; font-size:.44rem; color:#4d558a;}
.list3 button{ background:#3b9b96; color:#fff; text-align:center; border:0; padding:0 .5rem; height:1.2rem; line-height:1.2rem; font-size:.44rem; float:right;}
.list3 li img{ width:1.3rem; margin-right:.3rem;}

.list4{ overflow:hidden; padding:.3rem;}
.list4 li{ width:32%; margin-right:2%; float:left;}
.list4 li:nth-child(3n){ margin-right:0;}


.list6{ padding:0 .3rem; overflow:hidden;}
.list6 .title{ line-height:1.2rem; font-size:.44rem; background:url(../images/title-1.jpg) no-repeat left center; background-size:.3rem; padding-left:.5rem; border-bottom:1px #eee solid;}
.list6 ul{ overflow:hidden; padding:.5rem 0;}
.list6 li{ width:40%; float:left; margin:0 5%; border:1px #eee solid; border-radius:10px; text-align:center;}
.list6 li img{ width:30%; margin:.3rem 0;}
.list6 li p{ background:#f07965; color:#fff; padding:.1rem 0; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.list6 li:last-child p{ background:#b6aad5; color:#fff; padding:.1rem 0; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.list7{ padding:0 .3rem; overflow:hidden;}
.list7 .title{ line-height:1.2rem; font-size:.44rem; background:url(../images/title-1.jpg) no-repeat left center; background-size:.3rem; padding-left:.5rem; border-bottom:1px #eee solid;}
.list7 ul{ overflow:hidden; padding:.3rem 0;}
.list7 li{ border:1px #eee solid; border-radius:5px; padding:.3rem; overflow:hidden; margin-bottom:.3rem;}
.list7 li:last-child{ margin-bottom:0;}
.list7 li img{ width:35%; float:left; margin-right:5%; height:2.3rem;}
.list7 li div{ width:60%; float:right;}
.list7 li div span{ display:block; background:url(../images/split-1.jpg) no-repeat left bottom; background-size:2rem;  font-size:.44rem; padding-bottom:.2rem;}
.list7 li div p{ line-height:10px; margin-top:.3rem;}

footer{ background:#5d5d5d; color:#fff; font-size:.32rem; text-align:center; overflow:hidden;}
footer .txt{ padding:.5rem .3rem; overflow:hidden; line-height:.6rem;}
footer .link{ padding:.3rem .3rem .5rem .3rem; overflow:hidden; border-top:1px #eee solid;}
footer .link a{ color:#fff;}

.page{ padding:.3rem 0; overflow:hidden; text-align:center; line-height:.7rem; margin-left:1.5rem;}
.page span{ float:left; margin:0 .2rem; color:#999;}
.page input{ float:left; width:1rem; border:1px #eee solid; text-align:center; height:.7rem; line-height:.7rem; margin:0 .2rem;}
.page .jump{ color:#6684f2;}
.page .pre{ width:.2rem; margin-top:.1rem;}
.page .next{ width:.2rem; margin-top:.1rem;}
.page .active{ background:#6684f2; display:block; width:.5rem; height:.5rem; line-height:.5rem; border-radius:.5rem; text-align:center; color:#fff; margin-top:.1rem;}


.bg{ background:#fff;}
.con{ overflow:hidden;}

.doc{ overflow:hidden; padding:.3rem;}
.doc .title{ font-size:.44rem; text-align:center; margin-bottom:.3rem;}
.doc .con{ line-height:.7rem; color:#777;}
.doc .title2{ text-align:center; font-size:.4rem; line-height:1rem; border-bottom:2px #3b9b96 solid; margin-top:.5rem;}
.doc table tr td{ line-height:1.2rem;}
.doc table tr td:nth-child(1){ width:35%; text-align:right;}
.doc table tr td:nth-child(2){ width:65%; text-align:left;}
.doc table tr td .input{ height:.7rem; line-height:.7rem; padding-left:.2rem; border:1px #eee solid; width:100%;}
.doc table tr td select{ height:.7rem; line-height:.7rem; padding-left:.2rem; border:1px #eee solid; width:50%; background: url(../images/arrow.jpg)#fff no-repeat center right .1rem; background-size:.3rem;}
.doc table tr td textarea{  line-height:.7rem; padding.2rem; border:1px #eee solid; width:100%;}
.doc table tr td button{ background:#3b9b96; color:#fff; padding:.15rem .5rem; margin-right:.5rem; border:0;}


.txt-blue{ color:#4b59fd;}
.txt-red{ color:#fd5569;}
.txt-orange{ color:#ea9942;}
.txt-green{ color:#3b9b96;}


.navlist2{ overflow:hidden; padding:.3rem 0;}
.navlist2 li{ width:25%; float:left; text-align:center; height:2.7rem; font-size:.32rem;}
.navlist2 li img{ width:70%; margin-left:15%; display:block;}


.swiper-pagination-bullet{ background:#fff;}
.swiper-pagination-bullet-active{ background:#f84754;}

.modal .title{ font-size:.6rem; line-height:2rem;}
.modal .txt{ line-height:.7rem; margin-bottom:.5rem;}
.modal button{ width:100%; border:2px #3450a3 solid; background:#506fc9; color:#fff; text-align:center; line-height:1rem; border-radius:3px;}

.tj td{ border-bottom:1px #eee solid; padding:.3rem 0;}
.tj td input{ width:100%;}
.tj td select{ width:100%; background:url(../images/arrow.jpg) no-repeat center right; background-size:.3rem; border:0;}
.tj button{ background:#3b9b96; color:#fff; text-align:center; border:0; width:50%; margin:.5rem 0; margin-left:25%; height:1.2rem; line-height:1.2rem; font-size:.44rem;}

.gg{ line-height:1rem; padding:0 .3rem; color:#999;}
.gg span img{ width:.5rem; margin-right:.2rem; margin-top:.25rem;}

.slide1{ height:4rem;}
.slide1 .left{ float:left; width:50%;height: 100%; border-right:1px #fff solid;}
.slide1 .left img{ width:100%; height:100%;}
.slide1 .left p{ position:relative; z-index:10; background:rgba(51,51,51,.5); color:#fff; padding:.1rem .3rem; bottom:.7rem;}
.slide1 .right{ float:right; width:50%; height:4rem;}
.slide1 .right .r-top{ height:2rem; border-bottom:1px #fff solid; background:#52cc9a; color:#fff; text-align:center; line-height:.6rem; }
.slide1 .right .r-bottom-1{ width:50%; float:left; height:2rem;}
.slide1 .right .r-bottom-1 img{ width:100%; height:100%;}
.slide1 .right .r-bottom-2{ width:50%; float:right; height: 82px;; background:#e87530; color:#fff; text-align:center; line-height:.6rem; padding-top:.4rem; letter-spacing:.2rem; padding-left:.2rem; border-left:1px #fff solid;}

.slide2{ text-align:center; padding:.5rem .3rem;}
.slide2 .title{ font-size:.48rem;}
.slide2 .desc{ font-size:.32rem; color:#888; margin:.2rem 0; line-height:.5rem;}
.slide2>span{ text-align:center; text-decoration:underline; margin-top:.3rem; display:block;}
.slide2 .tab{ padding:.5rem 0;}
.slide2 .tab span{  background:#92d3b8; color:#fff; border-radius:5px; text-align:center; line-height:2rem; display:block; width:30%; float:left;}
.slide2 .tab span.active{ position:relative; z-index:10; background:#52cc9a; line-height:2.5rem; top:-.25rem; width:40%;-webkit-box-shadow:0 0 10px rgba(51,204,102,.5); -moz-box-shadow:0 0 10px rgba(51,204,102,.5); box-shadow:0 0 10px rgba(51,204,102,.5); font-size:.48rem;}
.slide2 .tab span:nth-child(1){ }
.slide2 .tab span:nth-child(3){ border-top-left-radius:0; border-bottom-left-radius:0;}

.bottom{ padding:.5rem .3rem; overflow:hidden;}
.bottom .title{ font-size:.44rem; padding-bottom:.3rem;}
.bottom ul li{ width:33.33%; float:left; padding:.3rem; text-align:center; }
.bottom ul li:nth-child(3){}
.bottom ul li:nth-child(3) img{ width:.85rem; display:block; margin-bottom:.2rem; position:relative; left:50%; margin-left:-.425rem;}

.slide4{ border-top:1px #fff solid;}
.slide4 .left{ height:2.5rem; width:70%; float:left; background:#ddce50; color:#fff; font-size:.44rem; text-align:center; line-height:2.5rem;}
.slide4 .right{ height:2.5rem; width:30%; float:right;}
.slide4 .right img{ width:100%; height:100%;}

.slide3 .left{ width:50%; float:left; border-right:1px #fff solid; height:5rem;}
.slide3 .left img{ width:100%; height:100%;}
.slide3 .right{ width:50%; float:right; height:5rem;}
.slide3 .r-top-1{ width:50%; float:left; height:2.5rem; border-right:1px #fff solid;}
.slide3 .r-top-1 img{ width:100%; height:100%;}
.slide3 .r-top-2{ width:50%; float:right; height:2.5rem;}
.slide3 .r-top-2 img{ width:100%; height:100%;}
.slide3 .r-bottom{ border-top:1px #fff solid; background:#50d9b4; color:#fff; text-align:center; line-height:2.5rem; font-size:.44rem;}