@charset "utf-8";
/* CSS Document */

body{color:#333;font-size:63%;font-family:'Microsoft YaHei';margin:0;padding:0;position:relative;background:#FFF;}
html, body, div, p,span, a, table, textarea, form, input, img, ul, li,dd,dl,dt {margin: 0;padding: 0; }
li{list-style:none;text-indent:0;}
*{ list-style: none; }
a{color:#333;}
a:visited,a:active,a:link {text-decoration: none; }
a:hover {text-decoration: underline;}
td,th {}
.left{float:left}
.right{float:right}
.posa{ position:absolute; }
.posv{ position:relative; }
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());} 
img {border: 0 none;max-width: 100%;}

h1, h2, h3, h4, h5, h6, b, i, em {font-size:1em;font-style: normal;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-family:'Microsoft YaHei';}
.area:after,.clear:after,.con:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.area{position:relative;margin:0 auto;width:100%;max-width:640px;}
.clear,.area{*zoom:1;}
.pageboder,#footer{font-size: 16px;}
@media all and (max-width: 540px) {.pageboder,#footer{font-size: 14px;}}
@media all and (max-width: 480px) {.pageboder,#footer{font-size: 12px;}}
@media all and (max-width: 420px) {.pageboder,#footer{font-size: 10px;}}
@media all and (max-width: 360px) {.pageboder,#footer{font-size: 12px;}}

#header,#content{ position:relative; z-index:101; }
#header{ z-index:102; }

.pageboder{margin:0 auto;position:relative;z-index:1;overflow:hidden;width:100%;background:#fff;}
.header{ /*height:5em;*/ width: 100%; }
/*@media all and (max-width: 320px) {.header{height:4em;}}
@media all and (max-width: 360px) {.header{height:4em;}}*/

.content{ background:#eee; overflow: hidden; /* padding-bottom: 52px; */ }
.all{margin:0 auto;position:relative;z-index:1;width:100%;min-width:320px;max-width:640px;}
.content .all{ min-height: 460px; }

.top{ position: relative; z-index:10; }
.navpic{ width: 10%; position: absolute; left: 3%; top: 33%; z-index: 2; }
.sepic{ width: 10%; position: absolute; right: 3%; top: 32%; z-index: 2; }
.navbtn{ width: 50%; }
.search-btn{ float:right; width: 50%; }


.logo{ display:block; width: 70%; margin: 0 auto; padding: 1% 0; }
.logo img{ vertical-align: middle; display: block; margin: 0 auto; width: 100%; }
.searchbg{ width: 100%; position:absolute; top:5.5em; left:0; padding:2% 0; }
@media all and (max-width: 320px) {.searchbg{top:4em;}}
@media all and (max-width: 360px) {.searchbg{top:3.7em;}}

.searchbg.hide{ display:none; }
.search { position:relative; background: #fff; border-radius: 50px; color: #648b99; height: auto; margin: 0 auto; overflow: hidden; width: 95%; }
.search .text{ width: 70%; padding: 2% 3%; border:0 none; background:none; color:#666; font:14px/1 "microsoft yahei"; }
.search .searchbtn{ position:absolute; top:0; right:0; width: 20%; height: 100%; border:0 none; background:url(../images/searchico.png) no-repeat center center / 25% auto; }

.index-nav{ width:100%; padding:2% 0 0 0; overflow:hidden; }
.index-nav li{ width:25%; float:left; margin-bottom: 2%; }
.index-nav li a{ display:block; width:80%; margin:0 auto; position:relative; border-radius: 5px; padding: 18% 0; text-align: center; }
.index-nav li a img{ display:block; width:100%; }
.index-nav li a span{ width:100%; color:#fff; font: 1.4em/1.4em "microsoft yahei"; }
.index-nav li.item1 a{ background: #FE7F4C; }
.index-nav li.item2 a{ background: #FFA340; }
.index-nav li.item3 a{ background: #F0789B; }
.index-nav li.item4 a{ background: #6CD791; }

.index-nav li.item8 a{ background: #FE7F4C; }
.index-nav li.item7 a{ background: #FFA340; }
.index-nav li.item6 a{ background: #F0789B; }
.index-nav li.item5 a{ background: #6CD791; }
.index-nav li.item9 a{ background: #FE7F4C; }
.index-nav li.item10 a{ background: #FE7F4C; }
.index-nav li.item11 a{ background: #FFA340; }
.index-nav li.item12 a{ background: #F0789B; }


@media all and (max-width: 360px) { .search .text,.index-nav li a span{font-size: 14px;}}
@media all and (max-width: 360px) { .font16{font-size: 16px;}}
@media all and (max-width: 360px) { .font12{font-size: 12px;}}



.tabletMenu{ width: 170px; height:100%; position:absolute; left:0; top:0; z-index:100; background:#151515; box-shadow:-4px 0 4px #111 inset; }
.tabletMenu .list{ overflow:hidden; }
.tabletMenu .list li{ border-bottom: 1px solid #333; border-top: 1px solid #111; text-align:center; }
.tabletMenu .list li a{ padding: 20px; display:block; color:#bbb; font: 16px/1 "microsoft yahei"; }

.title1{ position: relative; height: auto; overflow: hidden; width: 100%; }
.title1 p{position: relative; z-index: 1; float: left; font: 32px/60px "microsoft yahei"; margin-left: 13.4375%; padding: 0 2%; background:#eee; }
.title1 span {position: relative; z-index: 1; color: #b3b3b3; float: left; font: 12px/35px "simsun"; padding-top: 6px; text-transform: uppercase; }
.title1 .line{ position: absolute; left: 0; top: 49%; height: 1px; width: 100%; }

.eye-box { height: 4em; margin: 2% auto 3%; overflow: hidden; position: relative; width: 96.875%; }
.eye-color1 {display:block; background: url(../images/icons1.png) no-repeat 92.57% 50% / 5% auto #54ba98;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.link1 {color: #fff;display: block;font: 1.6em/1 "microsoft yahei";margin:0 auto 0 auto;overflow: hidden;text-align: left; height:2.5em; line-height:2.5em; text-overflow: ellipsis;white-space: nowrap;width: 89.23%;}
@media all and (max-width: 360px) { .link1{ margin-top: 20%; }}
.link2 {color: #fff;display: block;font: 14px/1 "microsoft yahei";margin: 4% auto 0;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;width: 89.23%;}
.eye-img1, .eye-img3, .eye-img5 {display: block;float: right;height: auto;width: 63%;}
.eye-list1, .eye-list2, .eye-list3, .eye-list4, .eye-list5 {height: auto;margin: 0 auto; padding-bottom: 2%; overflow: hidden;width: 96.875%;}
.eye-list1 li {background: url(../images/icons2.jpg) no-repeat 1.45% center / 5px auto;border-bottom: 1px solid #eef8f5;height: auto;overflow: hidden;}
.eye-list1 li a, .eye-list2 li a, .eye-list3 li a, .eye-list4 li a, .eye-list5 li a {border-bottom: 1px solid #cfd9d5;color: #666;display: block;font: 1.2em/3em "microsoft yahei";margin: 0 auto;overflow: hidden;text-indent: 5.4375%;text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.eye-img2{ float: left; height: 100%; width: 63%; }
.eye-color2 {height: 100%;position: absolute;right: 0;top: 0;width: 100%;background: url(../images/icons1.png) no-repeat 92.57% 50% / 5% auto #e6678b;}
.eye-list2 li {background: url(../images/icons3.jpg) no-repeat 1.45% center / 5px auto;border-bottom: 1px solid #eef8f5;height: auto;overflow: hidden;}

.eye-img3{ float: right; height: 100%; width: 63%; }
.eye-color3{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/icons1.png) no-repeat 92% 50% / 5% auto #ffa340; }
.eye-list3 li {background: url(../images/icons4.jpg) no-repeat 1.45% center / 5px auto;border-bottom: 1px solid #eef8f5;height: auto;overflow: hidden;}

.eye-img4{ float: left; height: 100%; width: 63%; }
.eye-color4 {height: 100%;position: absolute;right: 0;top: 0;width: 37%;background: url(../images/icons1.png) no-repeat 92.57% 90.57% / 16.59% auto #e6678b;}
.eye-list4 li {background: url(../images/icons3.jpg) no-repeat 1.45% center / 5px auto;border-bottom: 1px solid #eef8f5;height: auto;overflow: hidden;}

.eye-img5{ float: right; height: 100%; width: 63%; }
.eye-color5{ width: 37%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/icons1.png) no-repeat 92% 90% / 16.59% auto #ffa340; }
.eye-list5 li {background: url(../images/icons4.jpg) no-repeat 1.45% center / 5px auto;border-bottom: 1px solid #eef8f5;height: auto;overflow: hidden;}



.tabtitle{ background: #ededed; border-bottom: 1px solid #cdcdcd; border-radius: 0.4em; }
.tab .tabtitle{position:relative; margin-bottom:5px;line-height:0;}
.tab .tabtitle:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.tab .tabtitle .tabbtn{display:inline-block;*display:inline;*zoom:1;padding:0 1em;height:2.4em;line-height:2.4;font-size:1.4em;overflow:hidden;text-align:center; cursor:pointer;}
.tab .tabtitle .tabbtn span{}
.tab .tabtitle .tabcur span{font-weight:bold;}

.m-teamcon{ margin: 2% auto 0 auto; width: 98%; padding-bottom: 2%; }
.m-teamcon li{ margin-top: 2%; overflow: hidden; position: relative; }
.m-teamcon li img{ border: 1px solid #ddd; float: left; margin-right: 1em; width: 19%; min-height: 80px; }
.m-teamcon li h4 {font-size: 1.0em;height: 1.6em;line-height: 1.6;overflow: hidden; color: #444; }
.m-teamcon li .cn3 { font: 1.0em/1.4em "microsoft yahei"; overflow: hidden; max-height: 4.2em; color: #949494; }
@media all and (max-width: 320px) {.m-teamcon li .cn3{ font: 1.0em/1.6em "microsoft yahei"; }}
@media all and (max-width: 360px) {.m-teamcon li .cn3{ font: 1.0em/1.6em "microsoft yahei"; }}


.m-teamcon li .btn{ position: absolute; bottom: 1%; left: 22%; width: 23%; display: block; color: #fff; border-radius: 20px; text-align: center; font: 1em/2em "microsoft YaHei"; }

.index-news {height: auto;margin: 2% auto 0 auto;overflow: hidden;width: 96.875%;}
.index-news li {height: auto;overflow: hidden;width: 100%;}
.index-news li a { background-image: url(../images/libg.png); background-repeat: no-repeat; background-position: 0 center; display: block;margin-bottom: 2%;width: 100%;}
.news-link1 {color: #666;display: block;font: 1.1em/3em "microsoft yahei";margin-left: 3.548%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 78.38%;}
.news-link2 {color: #949494;display: block;font: 1em/2.4em "microsoft yahei";margin-left: 3.548%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 78.38%;}


.backup-box {overflow: hidden;width: 100%; position: relative; }
.backup-box a {display: block;float: right;width: 100%; border-radius: 50px; line-height: 3em; text-align: center; color: #fff; }


.sub-title {background: #444;color: #fff;font: 1.4em/3.4em "microsoft yahei";height: 3.4em;position: relative;text-align: center;z-index: 2; border-radius: 40px; margin-top: 2%; }
.class-btn { border-radius: 40px; background: url(../images/icons5.png) no-repeat 82% center / 5.44% auto #444;color: #fff;font: 0.8em/4.25em "microsoft yahei";position: absolute;right: 0;text-align: center;top: 0;width: 28%;}
.class-down{background: url(../images/icons6.png) no-repeat 85% center / 8% auto #444; }
.class {display: none;position: absolute;right: 0;top: 3.4em;width: 31.5625%;z-index: 999;}
.class li {height: auto;width: 100%;}
.class li a { border-radius: 40px; background: 0 0 #444;border-top: 1px solid #fff;color: #fff;display: block;font: 0.8em/3.4em "microsoft yahei";overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.returnPage{ color: #fff;font: 0.8em/4.25em "microsoft yahei";left: 5%;position: absolute;top: 0; width: 20%; }
.s-title{ display: block;height: 3.4em;left: 23%;width: 50%;overflow: hidden;position: absolute;text-overflow: ellipsis;top: 0;}




.photo-list{display: flex; flex-direction: row; flex-wrap: wrap;} 
.photo-list li{margin:1em 0;float:left;width:50%;}
.photo-list .box{width:90%;margin:0 auto;text-align:center;}
.photo-list .over{position:relative;width:100%;overflow:hidden;}
/*.photo-list .over .img{width:100%;}*/
.photo-list .pic{position:absolute;left:0;top:0;width:100%;}
.photo-list .name{font-size:1.2em;height:1.8em;line-height:1.8;text-align:center;overflow:hidden;}
.photo-list .name2{font-size:1.2em;height:2.8em;line-height:1.4;text-align:left;overflow:hidden;}
.photo-list .pri{color:#ffb244;font-size:1.4em;line-height:1.8;}
.photo-list a{display:block;}





.about {color: #666;font: 14px/180% "microsoft yahei";margin: 2% auto 0 auto;min-height: 450px;width: 96.875%;}
.please span {color: #333;}
.online-input {background: #fff;border: 1px solid #e0dede;border-radius: 4px;box-shadow: 3px 8px 10px #f2f2f2 inset;color: #3a3a3a;font: 14px/1 "microsoft yahei";margin: 2% auto;padding: 3% 5%;width: 90%;}
.online-input2 {background: #fff;border: 1px solid #e0dede;border-radius: 4px;box-shadow: 3px 8px 10px #f2f2f2 inset;color: #3a3a3a;font: 14px/1 "microsoft yahei";margin: 2% auto;padding: 3% 5%;width: 60%;}
.textarea {background: #fff;border: 1px solid #e0dede;border-radius: 4px;box-shadow: 3px 8px 10px #f2f2f2 inset;color: #3a3a3a;font: 14px/1 "microsoft yahei";margin: 2% auto;padding: 3% 5%;resize: none;width: 90%;}

.yzm {float: right;margin: 2.2% 0 2% 3%;width: 25%; height: 2.4em; }
.btns {overflow: hidden;padding: 2% 0;text-align: center;width: 100%;}
.btns input {background: #333;border: 1px solid #333;border-radius: 20px;color: #fff;display: inline-block;font: 1.2em/2.2em "microsoft yahei";margin: 0 2%;width: 23.09%;}
.please {color: #666;font: 1.2em/1.2em "microsoft yahei";padding: 2% 0;width: 100%;}
.please span {color: #333;}


.about {color: #666;font: 14px/180% "microsoft yahei";margin: 2% auto;min-height: 450px;width: 96.875%;}
.about h1 {border-bottom: 1px dashed #00a8e6;font: 16px/40px "microsoft yahei";margin-bottom: 2%;text-align: center;width: 100%;}
.back-btn {background: #333;border-radius: 20px;color: #fff;display: block;font: 1.4em/2.5em "microsoft yahei";margin: 2% auto;text-align: center;width: 6.5em;}
.page {background: none repeat scroll 0 0 #dcdcdc;border-bottom: 1px solid #fff;color: #666;display: block;font: 14px/4em "microsoft yahei";margin: 0 auto;overflow: hidden;text-indent: 5%;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.next-page {border-bottom: 0 none;}
.page span{ color: #333; }


/* sub-search */
.sub-search{font-family:'Microsoft YaHei';}
.sub-search h2{padding-left:1em;font-size:1.4em;}
.sub-search .m-search{margin:0 0 15px;background:none;}
.sub-search .m-search .u-text{color:#000;}
.sub-search .sea-no{padding:10px 0;line-height:1.6;}
.sub-search .sea-no .pic{float:left;width:35%;margin-right:2%;}
.sub-search .sea-no h3{padding:5px 0 0;font-size:1.3em;;margin-bottom:10px;font-weight:normal;}
.sub-search .sea-no h3 span{color:#cc0000;}
.sub-search .sea-no p{font-size:1.2em;color:#777;}
.sub-search .sea-no .hint-no{ width: 62%; float: left; }

.sub-search .search{ padding:2% 0; background: none; border: 0 none; }
.sub-search .search .f-search{width:94%; display:inline-block; z-index:99; margin:0 3%;border:1px solid #c2c2c4; background:#efeaea; clear:both;}
.sub-search .search .f-search .u-text{ float:left; background:none; margin-left:4%; line-height:30px; border:0;width:70%;color:#4a4a4a; font-size:1.1em; font-family:'microsoft yahei'; padding:4px 0;}
.sub-search .search .f-search .u-btn{ float:right;padding:0; height:30px;margin-right:1%; margin-top:4px;width:8%; min-width:30px; border:0;background:url(../images/searchico.png) no-repeat center; background-size:60% ;}


.album-img{margin-bottom:.4em;}
.bigimg img{width:100%;}
.thumbimg{position:relative;overflow:hidden;}
.thumbimg .thumb-con{position:absolute;left:6%;top:0;width:88%;z-index:3;}
.thumbimg .thumb-btn{position:absolute;top:0;display:block;float:left;height:100%;width:6%;z-index:5;}
.thumbimg .thumb-prev{left:0;background:#e5e5e5 url(../images/arrows-left.png) center no-repeat;}
.thumbimg .thumb-next{right:0;background:#e5e5e5 url(../images/arrows-right.png) center no-repeat;}
.thumbimg .swiper-slide{width:25%;text-align:center; float: left;position: relative; }
.thumbimg .swiper-slide img{width:94%;}
.thumbimg .overimg{display:block;width:12%;}

.pro-detail{margin-bottom:.4em;line-height:2;font-size:1em;}
.pro-detail h1{padding:.4em 0;font-size:1.4em;text-align:center;font-family:'microsoft yahei';}
.pro-detail .detail-time{position:relative;text-align:center;color:#666;padding:.3em 0;}
.pro-detail .detail-dl{padding:0 .4em;}
.pro-detail .detail-dl dt{float:left;}
.pro-detail .detail-user{text-align:center;padding:5px 0;margin-bottom:.4em;}
.pro-detail .detail-share{padding:5px 0;text-align:right}
.pro-detail .detail-img{position:relative;text-align:center;padding:.4em 0;}
.pro-detail .detail-img img{max-width:100%;}
.pro-detail .detail-con{text-align:justify;padding:.4em;}
.pro-detail .detail-page{padding:10px;border-top:1px solid #e4e4e4;}
.pro-detail .detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-detail .detail-page .rightpage{float:right;text-align:right;}
.pro-detail .detail-page .leftpage{float:left;}
.pro-detail .img-prev,
.pro-detail .img-next{display:block;position:absolute;top:0;width:11.29%;height:100%;text-align:center;text-indent:-999em;}
.pro-detail .img-prev{left:0;background:url(../images/pro-dPrev.png) center center no-repeat;background-size:100% auto;}
.pro-detail .img-next{right:0;background:url(../images/pro-dNext.png) center center no-repeat;background-size:100% auto;}



.sub-title{font-size:1.4em;}
.sub-title a.back{float:right;display:block;padding:0 1em;text-align:center; color:#fff;border-radius:5px;background-image:url(../images/pngbg-w20.png);background-repeat:repeat;}
.sub-more{padding:.4em 0;text-align:center;line-height:2;font-size:1.8em;color:#666;font-family:'Microsoft YaHei';}
.sub-more a{display:block;border: 1px solid #CCC;background: #EEE;font-weight: bold;color: #555;
text-shadow: 0 1px 0 white;-webkit-border-radius: .6em;border-radius: .6em;
background-image: -webkit-gradient(linear,left top,left bottom,from( white ),to( #F1F1F1 ));
background-image: -webkit-linear-gradient( white,#F1F1F1 );
background-image: -moz-linear-gradient( white,#F1F1F1 );
background-image: -ms-linear-gradient( white,#F1F1F1 );
background-image: -o-linear-gradient( white,#F1F1F1 );
background-image: linear-gradient( white,#F1F1F1 );}


/* 普通翻页器-默认居中 */
.m-page{margin:1em 0 0;text-align:center;line-height:2;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;font-size:1.4em;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 .9em;margin-left:-1px;border:1px solid #ddd;letter-spacing:normal;word-spacing:normal;background:#fff;}
.m-page i{background:none;}
.m-page a,.m-page a:hover{text-decoration:none;color:#333;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprv .pagearr{margin-right:.3em;}
.m-page a.pagenxt .pagearr{margin-left:.3em;}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;}
.m-page-sr i{border:0;}


.c-about {line-height: 2em;padding: 3% 2%;}
.c-about a {color: #666;font-size: 1em;}
.c-about img {float: left;margin: 0 3% 0 0;width: 30%;}

.footer {float: left;font-size: 1em;width: 100%;margin-top: 2%;}
.footer ul {float: left;width: 100%;}
.footer ul li {float: left;min-height: 35px;padding: 3% 0;width: 25%;}
.footer ul li a {color: #fff;display: block;float: left;min-height: 25px;text-align: center;width: 100%;}
.footer img {display:block;min-width: 20px;vertical-align: middle;width: 20%; margin: 0 auto 5px; }
.footer ul li.footshare{ background: none; }