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

html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, 
form, fieldset, legend, button, input, textarea,
th, td,
img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td,font,form,p,h1,h2,h3,h4,h5,h6,span,a{padding:0px;margin:0px;}
body{background:#fff;}
input,select{font-size:14px;line-height:16px;}
html,body{-webkit-text-size-adjust:none;font-size:16px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,"Arial Narrow";}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; color:#262633;}
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative {position:relative;}
.absolute {position:absolute;}
.float_left {float:left;}
.float_right {float:right;}
p{display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
color:#000}

.cls{ clear:both; width:100%; margin:0 auto; display:block;}
.clr{ clear:both; width:100%; margin:0 auto; display:block;}

.gaodu4{height:0.25em; width:100%; margin:0 auto; clear:both; max-width:640px;}
.gaodu10{height:0.65em; width:100%; margin:0 auto; clear:both; max-width:640px;}
.gaodu16{height:1.0em; width:100%; margin:0 auto; clear:both; max-width:640px;}
.gaodu20{height:1.25em; width:100%; margin:0 auto; clear:both ;max-width:640px;}
.gaodu30{height:1.8em; width:100%; margin:0 auto; clear:both; max-width:640px;}
.gaodu40{height:2.5em; width:100%; margin:0 auto; clear:both;  max-width:640px;}

/* 首页*/
.header img{width:100%}
/*header*/
#header {
 	max-width:640px;
    min-width: 320px;
 	width: 100%;
    height: 120px;
    background-color: #333333;
    z-index: 1;
	clear:both; margin:0 auto;
}
.header h1 { width:32%;top: 20%;left: 50%;transform:translate(-50%, -50%) }
@media screen and (min-width:801px) { .header h1 { width:32%;top: 50%;left: 50%;transform:translate(-50%, -50%) }}
.header .topTell { width: 47px; height: 47px; right: 3%; top: 50%;position:absolute; }

.showMenuBtn { width: 42px; height: 42px; left: 3%; top: 50%; position:relative;cursor:pointer;}
.showMenuBtn a { display: block; width: 100%; height: 5px;margin-top:-3px;top:50%;left:0; position:absolute; outline: none; background-color: rgba(98,193,180,1);-moz-transition: background 0.3s linear .3s; -webkit-transition: background 0.3s linear .3s; transition: background 0.3s linear .3s;  border-radius: 10%; }
.showMenuBtn a:after, .showMenuBtn a:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background-color: #62c1b4;-moz-transition: top 0.3s linear .3s, transform .3s ease-in .1s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-in .1s; transition: top 0.3s linear .3s, transform .3s ease-in .1s; border-radius: 10%;  }
.showMenuBtn a:after { top:12px;}
.showMenuBtn a:before {	top:-12px;}

.showMenuBtn.show a {background-color: rgba(98,193,180,0 );}
.showMenuBtn.show a:after {top:0;-moz-transform: rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}
.showMenuBtn.show a:before {top:0;-moz-transform: rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}

.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}

/*.showMenuBtn a em { background-color: #e60012; border-radius: 50%; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); display: block; height: 10px; position: absolute; right: -6px; top: -24px; width: 10px; z-index: 10; }
导航菜单右上角新加红色圆圈*/


.shake {-webkit-animation:shake 0.2s ease-in-out  6  alternate;-moz-animation:shake 0.2s ease-in-out  6  alternate;-o-animation:shake 0.2s ease-in-out  6  alternate;animation:shake 0.2s ease-in-out  6  alternate;}
@-webkit-keyframes shake{
	0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-moz-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-o-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}

.bannerSlides,.anli_slides{width:100%;min-width:320px;max-width:640px;overflow:hidden;margin:0 auto;}
.bannerSlides li,.anli_slides li {width:100%;height:100%;float:left;overflow:hidden;}
.bannerSlides li a,.anli_slides li a {display:block;width:100%;height:100%;}
.bannerSlide_container a {position:relative;}
.bannerSlide_foncus {left:0;bottom:5%;width:100%;height:1em;overflow:hidden;text-align:center;}
.bannerSlide_foncus span,.anliSlide_foncus span {display:inline-block;width:1em;height:100%; background:url(../images2018/shouye/focusBtn.png) no-repeat;margin:0 1px;cursor:pointer;}
.bannerSlide_foncus span.active,.anliSlide_foncus span.active { background:url(../images2018/shouye/focusActiveBtn.png) no-repeat;}




.menulist {width:100%;}
.menulist h3 {wdith:100%;height:80px;font-size:30px;color:#fff;font-weight:500;padding-top:20px;padding-left:22px;}
.menulist ul {width:100%;border-bottom:1px solid #6a7380;}
.menulist ul li {width:100%;float:left;height:78px;overflow:hidden;line-height:78px;font-size:26px;text-align:center;color:#9097a0;border-top:1px solid #6a7380;}
.menulist ul li a {display:block;float:left;height:78px;color:#9097a0;border-right:1px solid #6a7380;border-right:1px solid #6a7380;}
.menulist ul li a:nth-child(4n) {border-right:none}
.popMenu {display:none;}
.menulists {position:absolute;width:100%;}
.menuBtn {width:100%;height:80px;line-height:80px;text-align:center;font-size:26px;color:#424b59; background-color:#242c37;cursor:pointer;position:relative; -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.menuBtn span {display:inline-block;}
.menuBtn.active i {-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.menuBtn i {position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:60px;display:block;width:17px;height:12px; background:url(/images2018/down.png) no-repeat;-moz-transition:all 0.6s linear 0s;-webkit-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s;}

.scrollTop { position:fixed; bottom:116px; right:0; width:13%;display:none; }
@media screen and (min-width:320px) and (max-width:359px){
		.header {height:40px;}
		.showMenuBtn { width: 24px; height: 24px; left: 3%; top: 50%; }
		.showMenuBtn a{height:3px;margin-top:-1.5px;}
		.showMenuBtn a:after { top:7px;}
.showMenuBtn a:before {	top:-7px;}
.showMenuBtn a em {width:7px;height:7px;right: -3px; top: -12px;}
.header h1 { width: 160px; height: 20px;}
.header .topTell { width: 24px; height: 24px;}
	}
@media screen and (min-width:360px) and (max-width:409px){
		.header {height:45px;}
		.showMenuBtn { width: 27px; height: 27px; left: 3%; top: 50%; }
		.showMenuBtn a {height:3px;margin-top:-1.5px;}
		.showMenuBtn a:after { top:8px;}
.showMenuBtn a:before {	top:-8px;}
.showMenuBtn a em {width:8px;height:8px;right: -3px; top: -13px;}
.header h1 { width: 179px; height: 22px;}
.header .topTell { width: 26px; height: 26px;}
	}
@media screen and (min-width:410px) and (max-width:479px){
		/*  0.64    */
			.header {height:51px;}
		.showMenuBtn { width: 31px; height: 31px; left: 3%; top: 50%; }
		.showMenuBtn a{height:4px;margin-top:-2px;}
		.showMenuBtn a:after { top:9px;}
.showMenuBtn a:before {	top:-9px;}
.showMenuBtn a em {width:9px;height:9px;right: -3px; top: -14px;}
.header h1 { width: 205px; height: 26px; }
.header .topTell { width: 30px; height: 30px;}
		}
@media screen and (min-width:480px) and (max-width:639px){
		/*  0.75    */
		.header {height:60px;}
		.showMenuBtn { width: 36px; height: 36px; left: 3%; top: 50%; }
		.showMenuBtn a{height:4px;margin-top:-2px;}
		.showMenuBtn a:after { top:10px;}
.showMenuBtn a:before {	top:-10px;}
.showMenuBtn a em {width:10px;height:10px;right: -3px; top: -18px;}
.header h1 { width: 240px; height: 30px;}
.header .topTell { width: 35px; height: 35px;}
		}
 @media screen and (min-width:320px) and (max-width:900px) {

.menulist h3 {height:40px;font-size:15px;padding-left:11px;padding-top:10px;}
.menulist ul li {height:39px;font-size:13px;line-height:39px;}
.menuBtn {height:40px;line-height:40px;font-size:13px;}
.menuBtn i {width:9px;height:6px;margin-left:30px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

}



body { min-width: 320px; overflow-x: hidden; position:static !important;}
.bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popMenus { position: absolute;height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754;-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);z-index:200}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.pop_title { width: 100%; position: relative; z-index: 2; background-color: #ececec; padding: 0 3%; }
.pop_title span { display: inline-block; float: left; font-size: 0.3rem; line-height: 2.66; color: #313131; }
.closePopMenu { display: block; width: 49px; height: 47px; right: 3%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #ececec; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute;width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width: 100%; font-size: 0.28rem; line-height: 2.57; padding-left: 9%; }
.menuNavs ul li.on { background-color:#fff;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #313131; }
.menuNavs ul li.on a{ color: #62c0b4}
.menuContents {width:64.7%;height:100%;overflow:hidden;float:left;padding:0 7%; background:#fff}
.menuContent {width:100%;height:100%;overflow:hidden;}

.menuLists {padding-bottom:80px;}
.menuList h4 {font-size:0.25rem;color:#62c1b4;line-height:1.83;border-bottom:1px solid #525c6b;margin-top:2%;font-weight:normal;}
.menuList .links {padding:3% 0.5%;}
.menuList .links a{display:block;float:left;color:#323232;font-size:0.20rem;line-height:2.2;width:33%;overflow:hidden;}
.menuList .links .kuan50{width:50%;}
.menuList .links .kuan66{width:66%;}
.menuList .links .kuan100{width:100%;}

.menuContent_right {width:10%;height:100%;overflow:hidden;float:left;background:#ececec}

.menu_leftpic{width:100%; clear:both; margin:0 auto; text-align:center; padding:1em 0; }

@media screen and (min-width:320px) and (max-width:359px){
		/*  0.5    */
		html {font-size:31.25%;}
		.closePopMenu {width:25px;height:24px;}
		.menuNavs ul,.menuLists {padding-bottom:40px;}
		.recommond_items em {width:16px;height:16px;}
		.gallaryLists .slides .imgBox {width:244px;float:left;padding:0 7px;}
.gallaryLists .slides .imgBox img {width:230px;}
.gallary_buwei h4 {margin:11px 0 8px 2.1%;}
.gallary_buwei h4:after {-moz-box-shadow:0 0 2px 8px rgba(1,1,1,.52);-webkit-box-shadow:0 0 2px 8px rgba(1,1,1,.52);box-shadow:0 0 2px 8px rgba(1,1,1,.52);}
.pageTxt h4 {width:126px;height:32px;}
.export_teamSlides .focus span {width:8px;height:8px;margin:0 3px;}
.slide_gallary {padding-bottom:20px;}
}
@media screen and (min-width:360px) and (max-width:409px){
		/*   0.56    */
		html {font-size:35%;}
		.closePopMenu {width:27px;height:26px;}
		.menuNavs ul,.menuLists {padding-bottom:45px;}
		.recommond_items em {width:18px;height:18px;}
		.gallaryLists .slides .imgBox {width:273px;float:left;padding:0 8px;}
	.gallaryLists .slides .imgBox img {width:257px;}
	.gallary_buwei h4 {margin:12px 0 9px 2.1%;}
	.gallary_buwei h4:after {-moz-box-shadow:0 0 2px 8px rgba(1,1,1,.52);-webkit-box-shadow:0 0 2px 8px rgba(1,1,1,.52);box-shadow:0 0 2px 8px rgba(1,1,1,.52);}
	.pageTxt h4 {width:141px;height:36px;}
	.export_teamSlides .focus span {width:8px;height:8px;margin:0 3px;}
	.slide_gallary {padding-bottom:22px;}
	}
@media screen and (min-width:410px) and (max-width:479px){
		/*  0.64    */
		html {font-size:40%;}
		.closePopMenu {width:31px;height:30px;}
		.menuNavs ul,.menuLists {padding-bottom:51px;}
		.recommond_items em {width:20px;height:20px;}
		.gallaryLists .slides .imgBox {width:312px;float:left;padding:0 9px;}
.gallaryLists .slides .imgBox img {width:294px;}
.gallary_buwei h4 {margin:14px 0 10px 2.1%;}
.gallary_buwei h4:after {-moz-box-shadow:0 0 2px 8px rgba(1,1,1,.52);-webkit-box-shadow:0 0 2px 8px rgba(1,1,1,.52);box-shadow:0 0 2px 8px rgba(1,1,1,.52);}
.pageTxt h4 {width:161px;height:41px;}
.export_teamSlides .focus span {width:8px;height:8px;margin:0 3px;}
.slide_gallary {padding-bottom:25px;}
}
@media screen and (min-width:480px) and (max-width:639px){
		/*  0.75    */
		html {font-size:47%;}
		.closePopMenu {width:36px;height:35px;}
		.menuNavs ul,.menuLists {padding-bottom:60px;}
		.recommond_items em {width:24px;height:24px;}
		.gallaryLists .slides .imgBox {width:366px;float:left;padding:0 10px;}
.gallaryLists .slides .imgBox img {width:346px;}
.gallary_buwei h4 {margin:16px 0 12px 2.1%;}
.gallary_buwei h4:after {-moz-box-shadow:0 0 2px 8px rgba(1,1,1,.52);-webkit-box-shadow:0 0 2px 8px rgba(1,1,1,.52);box-shadow:0 0 2px 8px rgba(1,1,1,.52);}
.pageTxt h4 {width:189px;height:48px;}
.export_teamSlides .focus span {width:8px;height:8px;margin:0 3px;}
.slide_gallary {padding-bottom:30px;}
}


#main1{ padding-bottom: 10px;min-width:320px;max-width:640px;margin: 0 auto;overflow: hidden;}
#main1 .me-list{margin: 10px auto; }
#main1 .me-list li{width:25%; float:left; display:inline;text-align: center;-background: #005b48;padding:0px 10px 8px 10px}
#main1 .me-list li a b{display: block;width: 100%;text-align: center;color:#111111;font-size:14px;font-weight:bold }
#main1 .me-list li span{display: block;width:100%;height:auto;}
#main1 .me-list li span img{width:85%;height:auto;}


#main2{ padding-bottom: 10px;min-width:320px;max-width:640px;margin: 0 auto;height:62px;margin-top:5px;background:url(/images2018/shouye/news_jiao.jpg) right top  no-repeat #f8f8f8;}
.dt_tittle{float:left;width:80px;height:62px;border-right:1px solid #dadada;}
.dt_tittle img{width:100%}

.notice{max-width:400px;min-width:320px;margin:10px auto;height:42px;margin-top:-52px;padding-left:40px;overflow:hidden;float:left}
.noticTipTxt{color:#ff7300;height:42px;line-height:20px;overflow:hidden;margin:0 0 0 40px}
.noticTipTxt li{height:42px;line-height:18px;}
.noticTipTxt li a span{color:#111111;font-size:12px;}
.noticTipTxt li a span:hover{color:#ff7300}
.noticTipTxt a{color:#d11778;font-size:13px;text-decoration:none;font-weight:bold;}
.noticTipTxt a:hover{color:#ff7300;text-decoration:none;}


#main3{max-width:640px;min-width:320px;margin:0 auto; overflow:hidden}
#main3 ul{width:100%;margin:10px auto}
#main3 ul li{width:32.555%;display: block;float:left;margin-left:1px;margin-right:1px;margin-top:2px}
#main4{max-width:640px;min-width:320px;margin:0px auto; text-align:center;overflow:hidden}




/* 首页*/



/*整形案例*/
.zxal{max-width:640px;min-width:320px;margin:10px auto;overflow:hidden;}
.zxal ul{max-width:750px;margin:0 auto}
.zxal img{width:100%}
.zxal p{text-align:center;font-size:15px;}
.zxal .anli_tittle{max-width:750px;margin:0 auto;min-width:320px;border-bottom:none}
.zxal .anli_tittle a{float:left;line-height:28px;height:30px;color:#333;border:0px solid #ccc;margin:0px 5px 10px 0px;background:#e8e7e7;width:18%;text-align:center;-moz-border-radius: 10px; 
-webkit-border-radius: 10px; }

.fssal{max-width:640px;min-width:320px;margin:10px auto;overflow:hidden;}
.fssal ul{max-width:750px;margin:0 auto}
.fssal img{width:100%}
.fssal p{text-align:center;font-size:15px;}
.fssal .anli_tittle{max-width:750px;margin:0 auto;min-width:320px;border-bottom:none}
.fssal .anli_tittle a{float:left;line-height:28px;height:30px;color:#333;border:0px solid #ccc;margin:0px 5px 10px 0px;background:#e8e7e7;width:18%;text-align:center;-moz-border-radius: 10px; 
-webkit-border-radius: 10px; }

.kqal{max-width:640px;min-width:320px;margin:10px auto;overflow:hidden;}
.kqal ul{max-width:750px;margin:0 auto}
.kqal img{width:100%}
.kqal p{text-align:center;font-size:15px;}
.kqal .anli_tittle{max-width:750px;margin:0 auto;min-width:320px;border-bottom:none}
.kqal .anli_tittle a{float:left;line-height:28px;height:30px;color:#333;border:0px solid #ccc;margin:0px 5px 10px 15px;background:#e8e7e7;width:20%;text-align:center;-moz-border-radius: 10px; 
-webkit-border-radius: 10px; }

.pfal{max-width:640px;min-width:320px;margin:10px auto;overflow:hidden;}
.pfal ul{max-width:750px;margin:0 auto}
.pfal img{width:100%}
.pfal p{text-align:center;font-size:15px;}
.pfal .anli_tittle{max-width:750px;margin:0 auto;min-width:320px;border-bottom:none}
.pfal .anli_tittle a{float:left;line-height:28px;height:30px;color:#333;border:0px solid #ccc;margin:0px 5px 10px 0px;background:#e8e7e7;width:18%;text-align:center;-moz-border-radius: 10px; 
-webkit-border-radius: 10px; }

/*二级栏目页*/
#list_main{max-width:640px;min-width:320px;margin:0 auto}
.list_main_nav{ width:100%; height:32px; background-color:#FFF; border-bottom:#ff2281 double 1px;overflow:hidden;}
.list_main_nav p{ width:33%; float:left; text-align:center; font-size:14px; line-height:25px; color:#ff2281;height:30px;margin-top:3px}
.list_main_nav a{ color:#ff2281;}
.list_main_nav .on{background:url(/images2018/nav_bj.jpg) no-repeat center bottom;width: 32%;float: left;margin-top:1px}


.list_xm {margin-bottom: 10px;max-width:640px;min-width:320px;overflow:hidden;margin:0 auto;}
.list_xm ul li {width: 100%;float: left;text-align: center;}
.list_xm ul li img{width:100%}
.list_xm_content{margin-bottom: 10px;max-width:640px;min-width:320px;overflow:hidden;margin:0 auto;}
.list_xm_content ul{padding-top:10px;}
.list_xm_content ul li{width: 28%;float: left;text-align: center;background:#e8e7e7;margin:5px 5px 10px 10px;height:30px;line-height:35px;-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}
.list_xm_content ul li a{width:100%;height:30px;color:#333;line-height:28px;font-size:14px}
.list_xm_content ul h3{text-align:center;border-bottom:1px solid #ccc;height:35px;padding-top:10px;color:#333;}

/*文章*/


.article_content{ margin:0 auto; max-width:780px;}
.article_content img{max-width:100%}
.article_content h3{font-size:20px;font-weight:bold}
.article_content p{font-size:14px}
.article_content p strong{color:#dd127b}
.art_bk01 ul{max-width:700px;margin:0 auto;overflow:hidden;}
.art_bk01 ul li{float:left;height:42px;line-height:42px;text-align:center;border:1px solid #b7b7b8;margin-left:5%;margin-bottom:1em;display:table-cell;font-size:14px;}
.art_bk01 ul li a{color:#484848;}
/*文章*/



/*美丽日记*/
.wrap{ max-width:640px;min-width:320px;margin:0 auto; position:relative;overflow:hidden}
.news{ position:relative;height:4.0rem; background:#fff;margin:0 auto; width:100%;}
.news .txt{ float:left;  font-size:0.2rem; position:relative;background:#f7ffff;height:0.80rem}
@media screen and (min-width:801px) { .news .txt{ float:left;  font-size:0.15rem; position:relative;background:#f7ffff;height:0.8rem}}
.news .txt ul{max-width:640px;min-width:320px;margin:0 auto}
.news .txt li{ display:inline-block; width:24%; height:0.27rem; padding:0 0.1rem 0 0.1rem ; line-height:0.27rem;background:#eee;text-align:center;color:#000; margin-bottom:0.1rem;}
.news .txt li.active{ color:#ffffff;background:#62c1b4;height:0.27rem;font-weight:bold}
@media screen and (min-width:801px) { .news .txt li{ width:155px; }}
#nwrapper {
	position: relative;
	z-index:1;
	width:100%;
	height:4.4rem;
	overflow: hidden;

	/* Prevent native touch events on Windows */
	-ms-touch-action: none;

	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#nscroller {
	position: absolute;

	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.rijiwrap{width:100%; height:2.0rem; background: url(../images2018/shouye/anli_bg.jpg) repeat #ffdfd4; padding:0.3rem 0 0.2rem 0; opacity:0; position:absolute; left:0; top:0.8rem; z-index:3;}

.riji{ margin:0 auto; width:93.75%; color:#3d3d3d}
.riji h3{ height:0.64rem; line-height:0.64rem; font-size:0.24rem;padding-left:0.2rem; padding-bottom:0.07rem;}
.riji h3 span{ width:0.64rem; height:0.64rem; border-radius:0.32rem; display:inline-block; margin-right:0.1rem;}
.riji .p1{ width:6rem; overflow:hidden; height:0.62rem; padding-left:0.2rem; padding-right:0.2rem; font-size:0.21rem; line-height:0.31rem; padding-bottom:0.07rem;}
.riji .p2{ padding-left:0.2rem; height:0.3rem; line-height:0.3rem; font-size:0.23rem; color:#9c68b9;padding-bottom:0.2rem}
.riji .p2 font{ margin-right:0.05rem; width:0.21rem; height:0.21rem; display:inline-block; vertical-align:middle}
.riji .pic{}

.rijiwrap  .swiper-main{width:100%;overflow:hidden;margin:auto;}
.rijiwrap 
.rijiwrap .swiper-slide{display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: top;
        align-items: top;}
.rijiwrap  .swiper-slide img{width:100%;}

.rijiwrap .pagination1,.rijiwrap .pagination2,.rijiwrap .pagination3,.rijiwrap .pagination4,.rijiwrap .pagination5,.rijiwrap .pagination6,.rijiwrap .pagination7,.rijiwrap .pagination0 {text-align: center;height:0.1rem;position:absolute;bottom:0.1rem;left:0%; width:100%;z-index:5; }
.rijiwrap .pagination1 .swiper-pagination-switch,.rijiwrap .pagination2 .swiper-pagination-switch,.rijiwrap .pagination3 .swiper-pagination-switch,.rijiwrap .pagination4 .swiper-pagination-switch,.rijiwrap .pagination5 .swiper-pagination-switch,.rijiwrap .pagination6 .swiper-pagination-switch,.rijiwrap .pagination7 .swiper-pagination-switch,.rijiwrap .pagination8 .swiper-pagination-switch,.rijiwrap .pagination0 .swiper-pagination-switch {display: inline-block;width: 0.10rem;height:0.10rem; margin-right:0.1rem;border-radius:0.10rem; background:#eccdc2;vertical-align:top}/*非当前颜色*/
.rijiwrap .pagination1 .swiper-active-switch,.rijiwrap .pagination2 .swiper-active-switch,.rijiwrap .pagination3 .swiper-active-switch,.rijiwrap .pagination4 .swiper-active-switch,.rijiwrap .pagination5 .swiper-active-switch,.rijiwrap .pagination6 .swiper-active-switch,.rijiwrap .pagination7 .swiper-active-switch,.rijiwrap .pagination8 .swiper-active-switch,.rijiwrap .pagination0 .swiper-active-switch {background:#62c1b4;}/*当前*/







/* dibu and fudong*/
.dibu_gongsi{width:100%; margin:0 auto; clear:both; text-align:center; font-size:0.75em; line-height:1.5em;}
.tabBar2{position:fixed;bottom:0;left:0;width:100%;background:#262633; display:flex;flex-direction: row; z-index:99999;}
.tabBar2 div{width:25%;text-align:center;padding:0;flex:1;}
.tabBar2 div a{display:block; color:#ffffff;}
.tabBar2 div img{width:100%; margin:0 auto;display:block;}
.tabBar2 .datu img{width:100%; }
.tabBar2 .datu {width:34%; margin:0 auto;}
.tabBar2 div p{font-size:12px; margin-top:-5px;}

@media screen and (min-width:800px) {
    .tabBar2 div img{width:40%; margin:0 auto;display:block;}
}
/* dibu and fudong*/

.index_more{width:100%; clear:both; margin:0 auto; text-align:center; color:#262633; background:#ffdfd4; font-size:0.875em; line-height:42px; max-width:640px;}
.zuida640 {clear:both; margin:0 auto;  max-width:640px;}
.jiange-line{height:25px;background:url(../images2018/line.jpg) repeat-x;}
.index-box2 { clear:both; margin:0 auto; max-width:640px;}
.index-box2 ul li{width:25%;float:left;text-align:center;}
.index-box2 a{display:block;}
.index-box2 a img{display:block;}
.index-box2 ul li a img{width:100%;}
.index-box22 ul li{width:20%;float:left;text-align:center;}


				/* daohanglan css -------------------------------------- */
				.daohanglan { height:3.2em; line-height:3.2em; padding:0px; font-size:0.75em; background:#fff; position:relative; max-width:640px; clear:both; margin:0 auto;  }
				.daohanglan ul{ overflow:hidden; padding:0; }
				.daohanglan ul li{ float:left; width:25%; color:#262633; text-align:center; border-right:1px solid #999;  }
				.daohanglan ul .on{background:#62c1b4; color:#fff;   }
				.daohanglan ul .on a{ display:block; color:#fff;}
				.daohanglan ul li:hover{ background:#62c1b4;}
				@media screen and (min-width:801px) {.daohanglan{ font-size:1.1em;}	}
				.daohanglan ul li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
				
				
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* Swiper Styles */
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	
	-ms-transition-property:-ms-transform;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	
}
.swiper-slide {
	float:left;
	-webkit-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}