@charset "utf-8";
.g_page{max-width: 640px;min-width: 320px;margin: 0 auto;overflow: hidden;position: relative;background: #ffffff;}

.index_page{position: relative;top: 0;left: 0em;}
.header,.btnback,#footer{background: #ffffff;}
.aside_menu .list li a{color: #fde40d;}
.sub_title .txt_div,.class_ul li a{color: #3c82b8;}
/*header*/
.header{width: 100%;overflow: hidden;position: relative;border-bottom: solid #ccc 1px;}
.header .f_logo{width: 85%;float: left;padding-top: 0.5em;}
.header .f_logo img{width: 100%;display: block;}

.header .menv{width:10%; text-align:center;float: right;padding-top: 1.5em;}
.header .menv img{ cursor:pointer;display: block;width: 50%;}
.c-about{line-height:2em; padding:3% 2%;}
.c-about a{font-size:1em; color:#666;}
.c-about img{float:left; width:30%; margin:0 3% 0 0;}
/*
 * swiper
 * banner图样式
*/
/* Swiper Styles */
.m-focus{}
.swiper-free, .swiper-free .swiper-slide{width:100%;height:308px;}
.swiper-slide {float: left; position:relative;}
.swiper-slide img{ width:100%; }
.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, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* Specify Swiper's Size: */
.arrow-left{ position:absolute; left:5px; top:50%; margin-top:-13px; background:url(../images/bg_direction_nav.png) 0 0 no-repeat; width:26px; height:26px;text-align:center;text-indent:-999em;z-index:999;}
.arrow-right{ position:absolute; right:5px; top:50%; margin-top:-13px; background:url(../images/bg_direction_nav.png) 0 -26px no-repeat; width:26px; height:26px;text-align:center;text-indent:-999em;z-index:999;}
/* Pagination */
.pagination-free{position:absolute;bottom:10px;left:0px;z-index:999;text-align:center;width:100%;line-height:1;}
.pagination-bg{display:block;position:absolute;bottom:0;left:0;width:100%;height:30px;filter:alpha(opacity=43);opacity:0.43;-moz-opacity:0.43;-khtml-opacity:0.43;background:#000;z-index:9;}
.pagination-text{ position:absolute; bottom:0; left:0; padding-left:5px; height:24px; line-height:24px; color:#fff; font-size:1.2em;z-index:99;}
.pagination-free .swiper-pagination-switch{display:inline-block;width:14px;height:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background-color:#fff;margin:0 5px;cursor: pointer;}
.pagination-free .swiper-active-switch{background-color:#215e3c;}


/*nav*/
/*
.index-nav {width: 100%;overflow: hidden;height: auto;margin-top: 1px solid #fff;background: #ffffff;padding-left: 0.4em;}
.index-nav li {width: 24.6%;float: left;border-right: 1px solid #f0efef;border-bottom: 1px solid #f0efef;}
.index-nav li a {display: block;width: 100%;margin-top:15px;margin-bottom:10px;position: relative;height: 100%;overflow: hidden;}
.index-nav li a img {display: block;width:60%;margin:0 auto;padding-bottom:15px;}
.index-nav li a span {display: block;position: absolute;left: 0;bottom: 0;text-align: center;font: 1.2em/1 "microsoft yahei";color: #565656;text-align: center;width: 100%;}


.index-nav {width: 100%;overflow: hidden;height: auto;margin-top: 1px solid #ffffff;background: #ffffff;padding-left: 0.4em;}
.index-nav li {width: 24.6%;float: left;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.index-nav li a {display: block;width: 82.38%;margin: 10% auto;position: relative;height: auto;overflow: hidden;}
.index-nav li a img {display: block;width: 100%;}
.index-nav li a span {display: block;position: absolute;left: 0;bottom: 40%;text-align: center;font: 1.2em/1 "microsoft yahei";color: #fff;text-align: center;width: 100%;}
*/

/*nav
.index-nav {width: 100%;overflow: hidden;height: auto;margin-top: 1px solid #fff;background: #ffffff;padding-left: 0.4em;}
.index-nav li {width: 24.6%;float: left;border-right: 1px solid #f0efef;border-bottom: 1px solid #f0efef;}
.index-nav li a {display: block;width: 100%;margin-top:15px;margin-bottom:10px;position: relative;height: 100%;overflow: hidden;}
.index-nav li a img {display: block;width:60%;margin:0 auto;padding-bottom:15px;}
.index-nav li a span {display: block;position: absolute;left: 0;bottom: 0;text-align: center;font: 1.2em/1 "microsoft yahei";color: #565656;text-align: center;width: 100%;}

.index-nav {width: 100%;overflow: hidden;height: auto;margin-top: 1px solid #ffffff;background: #ffffff;padding-left: 0.4em;}
.index-nav li {width: 24.6%;float: left;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.index-nav li a {display: block;width: 82.38%;margin: 10% auto;position: relative;height: auto;overflow: hidden;}
.index-nav li a img {display: block;width: 100%;}
.index-nav li a span {display: block;position: absolute;left: 0;bottom: 40%;text-align: center;font: 1.2em/1 "microsoft yahei";color: #fff;text-align: center;width: 100%;}
*/
/*nav*/
.index-nav {width: 100%;overflow: hidden;height: auto;margin-top: 1px solid #fff;background: #ffffff;padding-left: 0.4em;}
.index-nav li {width: 33.1%;float: left;}
.index-nav li a {display: block;width: 100%;margin-top:15px;margin-bottom:10px;position: relative;height: 100%;overflow: hidden;}
.index-nav li a img {display: block;width:40%;margin:0 auto;padding-bottom:45px;}
.index-nav li a span {display: block;position: absolute;left: 0;bottom: 0;text-align: center;font: 1.2em/1 "microsoft yahei";color: #565656;text-align: center;width: 100%;}



.title122 {background: #ececec;}
.title122 {width: 100%;height: 4em;overflow: hidden;}
.title122 p img{width: 100%;height: 100%;display: block;margin:0 auto;}
.title122 p {padding-top:0.5em;}
.xuyao {width: 99%;margin:0 auto;overflow: hidden;background: #ffffff;}
.xuyao li {float: left;width: 33.3%;height: 22em;overflow: hidden;}
.xuyao li p img{width:50%;display: block;margin:0 auto;padding-bottom:5px;}
.xuyao li span{display: block;left: 0;bottom:0;margin:0 auto;text-align: center;font: 1.2em/1 "microsoft yahei";color: #000000;width: 90%;line-height: 1.5;padding-top:2px;vertical-align:top;}


.title1 {background: #ececec;}
.title1 {width: 100%;height: 4em;overflow: hidden;margin-top:0.5em;margin-bottom:0.5em;}
.title1 p {padding-top:0.5em;}
.title1 p img{width: 100%;height: 100%;display: block;margin:0 auto;}
.more {float: right;width: 20.78125%;height: 100%;text-align: center;font: 1.3em/3 "microsoft yahei";color: #830119;background: url(../images/icon_01.png) repeat;background-size: 100% 100%;color: #fff;}
.more:hover{color: #fff;}

.gengduo {display: block;margin:0 auto;overflow: hidden;width:105px;margin-top:1.2em;}
.gengduo img{margin:0 auto;overflow: hidden;width: 90%;}
.gengduo p{margin:0 auto;overflow: hidden;width: 100%;text-align: center;background: #69a218;padding:8% 1% 8% 1%;color: #ffffff;}
.baofenpei {width: 100%;margin:0 auto;overflow: hidden;}
.baofenpei img{width: 100%;margin: 2% auto;overflow: hidden;display: block;}

/*index-product*/
.index-product {width: 100%;margin: 2% auto;overflow: hidden;background: #ffffff;}
.index-product li {float: left;width: 50%;height: 16em;overflow: hidden;}
.index-product li a {display: block;width: 94.55%;margin: 0 auto;text-align: center;font: 1.2em/2 "microsoft yahei";color: #830119;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-product li a img{max-width: 100%;height: 10em;}


/*index-teach*/
.index-teach {width: 100%;margin: 2% auto;overflow: hidden;background: #ffffff;}
.index-teach li {float: left;width: 33.3333%;height: 16em;overflow: hidden;}
.index-teach li a {display: block;width: 94.55%;margin: 0 auto;text-align: center;font: 1.2em/2 "microsoft yahei";color: #830119;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-teach li a img{max-width: 100%;height: 10em;}

/*index_news*/
.index_news{width: 100%;padding: 0.5em 0.5em 1em 0.5em;background: #ffffff;}
.index_news li{border-bottom: solid #ccc 1px;padding: 1em 0 1em 0;background: url(../images/newsico.png) 97% center no-repeat;}
.index_news li a{display: block;width: 100%;height: 100%;font-size: 1.2em;color: #333;font-family: "Microsoft YaHei";text-overflow:ellipsis;white-space: nowrap;}

.prolei{width:100%;background-color:#0b85bd; height:35px;font-family:"微软雅黑"; font: 1.1em/1 "microsoft yahei";  color:#FFFFFF;text-align:center; line-height:35px;margin-top:1% ;margin-bottom:1% ;}


.listnei{ width:100%; height:auto; background-color:#f0f0f0; overflow:hidden;}
.listnei ul{ margin-top:1%; margin-bottom:1%; overflow:hidden;}
.listnei ul li{ width:31%; float:left; margin:1% 1% 1% 1%; height:35px; background-color:#494949; overflow:hidden;}
.listnei ul li a{ font-family:"微软雅黑"; font: 0.9em/1 "microsoft yahei"; text-align:center; line-height:35px; color:#FFFFFF; display:block;}
.listnei ul li:hover{ background-color:#cb5950;}
.listnei ul li.hover{ background-color:#cb5950;}

.listneinew{ width:100%; height:auto; background-color:#f0f0f0; overflow:hidden;}
.listneinew ul{ margin-top:1%; margin-bottom:1%; overflow:hidden;}
.listneinew ul li{ width:31%; float:left; margin:1% 1% 1% 1%; height:35px; background-color:#494949; overflow:hidden;}
.listneinew ul li a{ font-family:"微软雅黑"; font: 0.9em/1 "microsoft yahei"; text-align:center; line-height:35px; color:#FFFFFF; display:block;}
.listneinew ul li:hover{ background-color:#cb5950;}
.listneinew ul li.hover{ background-color:#cb5950;}





.listneihy{ width:100%; height:auto; background-color:#f0f0f0; overflow:hidden;}
.listneihy ul{ margin-top:1%; margin-bottom:1%; overflow:hidden;}
.listneihy ul li{ width:97%;  margin:1% 1% 1% 1%; height:35px; background-color:#148393; overflow:hidden;}
.listneihy ul li { font-family:"微软雅黑"; font: 0.9em/1 "microsoft yahei"; text-align:center; line-height:35px; color:#FFFFFF; display:block;}
.listneihy ul li:hover{ background-color:#c2520e;}
.listneihy ul li.hover{ background-color:#c2520e;}


.listneihy  div{ width:31%; float:left; margin:1% 1% 1% 1%; height:30px; background-color:#6b6b6b; overflow:hidden;}
.listneihy div a{ font-family:"微软雅黑"; font: 0.9em/1 "microsoft yahei"; text-align:center; line-height:35px; color:#FFFFFF; display:block;}

.listneihy div.xiaolei{ background-color:#c2520e;}


.listneivideo{ width:100%; height:auto; background-color:#f0f0f0; overflow:hidden;}
.listneivideo ul{ margin-top:1%; margin-bottom:1%; overflow:hidden;}
.listneivideo ul li{ width:31%; float:left; margin:1% 1% 1% 1%; height:35px; background-color:#494949; overflow:hidden;}
.listneivideo ul li a{ font-family:"微软雅黑"; font: 0.9em/1 "microsoft yahei"; text-align:center; line-height:35px; color:#FFFFFF; display:block;}
.listneivideo ul li:hover{ background-color:#cb5950;}
.listneivideo ul li.hover{ background-color:#cb5950;}


.listneiab{ width:100%; height:auto; background-color:#f0f0f0; overflow:hidden;}
.listneiab ul{ margin-top:1%; margin-bottom:1%; overflow:hidden;}
.listneiab ul li{ width:31%; float:left; margin:1% 1% 1% 1%; height:35px; background-color:#494949; overflow:hidden;}
.listneiab ul li a{ font-family:"微软雅黑"; font: 0.9em/1 "microsoft yahei"; text-align:center; line-height:35px; color:#FFFFFF; display:block;}
.listneiab ul li:hover{ background-color:#cb5950;}
.listneiab ul li.hover{ background-color:#cb5950;}




/*student*/
.student{ width:100%; height: auto; margin-top:4%; overflow:hidden;}
.student1{ width:96%; background:#f7f7f7; height: auto; overflow:hidden; margin:0 auto; margin-bottom:3%;}
.student1_left{ float:left; width:30%; padding:10px; overflow:hidden;}
.student1_right{ float:left; width:58%; padding:10px; overflow:hidden;}
.student1_right h3{font-family:"微软雅黑"; font-size:14px; color:#303030; font-weight:bold; line-height:30px;}
.student1_right span{font-family:"微软雅黑"; font-size:12px; color:#8e8e8e; line-height:20px;}
.students_detail{ width:100%; height:auto; overflow:hidden;}
.students_detail img{ padding-bottom:2px; width:100%;}

.downloadtit{color: #ffffff;height: 40px;line-height: 40px;font-size: 14px;}
.downloadtittr td{border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;font-size: 12px;}
.downloadtittr td a{color: #3a3a3a;text-decoration:underline;font-size: 12px;}
.downloadtit td{border-right: 1px solid #ededed;}

.index-product-teach {width: 100%;margin: 1% auto;overflow: hidden;background: #ffffff;}
.index-product-teach li {float: left;width: 30.1%;height: 13.3em;overflow: hidden;border: solid #0681a4 1px;
    position: relative;
	margin-top: 15px;
	margin-left: 10px;
	
	}
.index-product-teach li a {display: block;margin: 0 auto;text-align: center;font: 1.0em/2 "microsoft yahei";color: #830119;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-product-teach li a img{max-width: 100%;}

.index-product-teach .list_bottom{
	width:100%;
	height:38px;
	overflow: hidden;
	background:#0681a4;
	position: absolute;
	left:0;
	bottom:0;
	transition:0.5s;
}
.index-product-teach .list_bottom .list_top{
	width:100%;
	height:74px;
	overflow: hidden;
	margin:0 auto;
	border-bottom:1px dotted #999;
}
.index-product-teach .list_bottom .list_top .list_top_left{
	width:100%;
	height:100%;
	overflow: hidden;
	
	font-size: 12px;
	color:#fff;
	line-height: 34px
}

.index-product-teach .list_bottom .list_top .list_top_right{
	width:100%;
	height:100%;
	overflow: hidden;
	
	font-size: 12px;
	color:#fff;
	line-height: 34px
}


.index-product-teach .list_bottom .list_top .list_top_right{
	text-align: right;
}
.index-product-teach .list_bottom .list_bottoms{
	width:260px;
	height:100px;
	overflow: hidden;
	font-size: 14px;
	color:#fff;
	margin:0 auto;
	line-height: 30px
}

/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;font-family:"微软雅黑"; font-size:0.9em; }
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;font-family:"微软雅黑"; font-size:0.9em;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;font-family:"微软雅黑"; font-size:0.9em;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 8px; display:block;font-family:"微软雅黑"; font-size:0.9em; border-bottom:1px dotted #dedede; padding:0px 0px 5px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;font-family:"微软雅黑"; font-size:0.9em;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}

.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}
.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}


/*作品展示*/
.sub_title{width: 100%;background: #ececec;overflow: hidden;margin-bottom: 0.5em;}
.sub_title .fh_a{display: block;width: 10%;float: left;padding-top: 0.5em;}
.sub_title .fh_a img{width: 100%;height: 100%;display: block;}
.sub_title .txt_div{width: 78%;font-size: 2em;text-align: center;font-family: "Microsoft YaHei";line-height: 2;float: left;}
.sub_title .f_flei{display: block;width: 10%;float: left;padding-top: 0.5em;}
.sub_title .f_flei img{width: 100%;height: 100%;display: block;}

.class_box{position: relative;}
.class_ul{width: 15em;position: absolute;top: 0;right: -30em;background: #ececec;z-index: 1;padding-bottom: 1em;}
.class_ul li{width: 100%;padding: 1em 0 1em 0;border-bottom: solid #ccc 1px;}
.class_ul li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 1.2em;font-family: "Microsoft YaHei";}

.morelist {width: 100%;background: url(../images/arrow_bot.gif) bottom center no-repeat;background-size: 3%;padding-bottom: 1%;}
.btnback {font-size: 1.1em;text-align: center;color: #FFF;line-height: 2.5;display: block;width: 23%;margin: 1em auto;font-size: 1.2em;font-family: "Microsoft YaHei";color: #fff;}
.met_page{width: 100%;line-height: 2.5;height: 2.5em;font-size: 1.0em;font-family: "Microsoft YaHei";color: #303030;text-align:center;}
.met_page a{color: #303030;}
.aboutshou{padding:1% 3% 10% 3%; background:#ffffff; color:#2f2f2f;margin-top:1%;margin-bottom:2%;font-size:1.2em;font-family: "Microsoft YaHei";line-height:180%;}
.abbb {width: 100%;padding:1% 1% 4% 1%;text-align: center;}
.abbb img{width: 60%;}
.abbb01 img{width: 100%;margin-top: 2.55em;padding-top:1.0%;}
.aboutshou img{width: 100%;}
.aboutshou .pa{line-height:150%; font-size:1.6em;padding-top:1.0%;font-weight:normal;text-align: left;}
.aboutshou .pb{line-height:180%; padding-top:0.5%; font-size:2em;font-weight:normal;font-family: "Microsoft YaHei";text-align: center;}
.aboutshou .pc{line-height:150%; padding-top:2.5%; font-size:1em;font-family: "Microsoft YaHei";}
.aboutshou a{padding:0.4% 2%; color:#52890a; font-weight:bold;border:1px solid #52890a; float:right; margin-top:3%;margin-right:45%; font-size:1em;text-align: center;}

.mrb{background:url(../images/mrb.jpg) right center no-repeat #f0cadd;height:295px;}
.mrbm{width:60%; padding:2.2% 0 0 10%; float:left;}
.mrbm h2,.hzbm h2{font-weight:normal; font-size:2em;color:#2e2e2e;}
.mrbm .pd{color:#5e5b5b; line-height:180%; padding-top:2%; font-size:1.3em;}
.pd span{color:#eb1760;}

.mrb a{width:100%;height:215px; }
.mrbm .chakan{padding:0.4% 2%; color:#ed4a82; border:1px solid #e5004f; float:left; margin-top:3%; font-size:1em;}
.hzbm .chakan{padding:0.4% 2%; color:#ed4a82; border:1px solid #e5004f; float:left; margin-top:3%; font-size:1em;}

.hzb{background:url(../images/hzb.jpg) left center no-repeat #fff;height:295px;}
.hzbm{width:60%; padding:2.2% 0; float:right; color:#fff;}
.hzbm .pd{color:#3f3f3f; line-height:180%; padding-top:2%; font-size:1.3em;}

.mfb{background:url(../images/mfb.jpg) right center no-repeat #f0cadd;height:295px;}
.mfb{background:url(../images/l_mfb.jpg) right center no-repeat #f0cadd;height:285px;}
.byjb{background:url(../images/byj.jpg) right center no-repeat #f0cadd;height:285px;}

.mjb{background:url(../images/mjb.jpg) left center no-repeat #ffffff;height:295px;}

@media screen and (max-width: 639px){
.aboutshou{padding:2% 3% 14% 3%; background:#ffffff; color:#2f2f2f;margin-top:1%;margin-bottom:2%;font-size:1.1em;font-family: "Microsoft YaHei";line-height:180%;}
.aboutshou .pa{line-height:200%; font-size:1.4em; font-weight:100;}
.aboutshou .pb{line-height:200%; padding-top:1.5%; font-size:2em;}
.aboutshou .pc{line-height:200%; padding-top:2.5%; font-size:1.1em;}
.aboutshou a{padding:0.4% 2%; color:#a61f71; font-weight:bold;border:1px solid #a61f71;  margin-top:3%;float:right; margin-right:45%; font-size:1em;text-align: center;}

.mrb{background:url(../images/l_mrb.jpg) right center no-repeat #f0cadd;background-size:225px 215px;height:215px;}
.hzb{background:url(../images/l_hzb.jpg) left center no-repeat #fff;background-size:225px 215px;height:215px;}
.mfb{background:url(../images/l_mfb.jpg) right center no-repeat #f0cadd;background-size:225px 215px;height:215px;}
.mjb{background:url(../images/l_mjb.jpg) left center no-repeat #ffffff;background-size:225px 215px;height:215px;}
.byjb{background:url(../images/byj.jpg) right center no-repeat #f0cadd;background-size:225px 215px;height:215px;}
.mrbm{width:60%; padding:8% 0 0 10%; float:left;}
.hzbm{width:60%; padding:8% 0 0 0; float:right; color:#fff;}
.mrbm h2,.hzbm h2{font-weight:normal; font-size:1.6em;color:#2e2e2e;}
.mrbm .pd{color:#5e5b5b; line-height:180%; padding-top:2%; font-size:1.1em;}
.hzbm .pd{color:#3f3f3f; line-height:180%; padding-top:2%; font-size:1.1em;}
.mrbm a,.hzbm a{width:100%;height:215px; }
.mrbm .chakan{padding:0.4% 2%; color:#ed4a82; border:1px solid #e5004f; float:left; margin-top:3%; font-size:1em;}
.hzbm .chakan{padding:0.4% 2%; color:#ed4a82; border:1px solid #e5004f; float:left; margin-top:3%; font-size:1em;}
}



.advantage {
	width: 99%;
	height: auto;
	margin: 0 auto;
}
.advantage .fontSize-clear { text-align: center; float:left;padding-top:2%;width: 30%;}
.advantage-content-items {
	height: 11.0em;
	margin-bottom: 1.0em;
	width: 99%;
	justify-content: space-around;
	align-items: center;
}
.ACT-color1 { background-color: #f3f3f3; color: #3c3c3c; }
.ACT-color2 { background-color: #f3f3f3;  color: #3c3c3c; }
.advantage-content-img {

	width: 70px; height:70px;
	padding:2% 2%;
border-radius:50%; overflow:hidden;
	
}
.advantage-content-text {
padding:2% 0;
	
	width: 68%;
	float:left;
	
	font-size: 1.1em;
	line-height: 1.6em;
	overflow: hidden;
}
.advantage-content-text article {
	
	overflow: hidden;
	color: #505050;
}
.ACT-p1 { 
	font-weight: bold; 
	color: #3c3c3c;
	line-height: 1.49em;
	font-size: 1.34em;
}
.ACT-p2 {
	font-weight: bold;
	color: #3c3c3c;
	line-height: 1.49em;
	font-size: 1.34em;
}



.remkc{
	width: 100%;
	/* height: 19.15rem; */
	margin: 0 auto;
}
.remkc_wz{
	height: 7.9em;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.remkc_wz span{
	display: block;
	color: #b0b0b0;
	font-family: Arial;
	font-size: 1.2em;
	margin-top: 2.55em;
}

.remkc_wz .xiaobt{
	display: block;
	color: #939393;
	font-family: Arial;
	font-size: 1.3em;
	margin-top: 0.65em;
}
.remkc_wz font{
	display: block;
	color: #313131;
	font-family: 微软雅黑;
	font-size: 2.1em;
	font-weight: bold;
}
.remkc_wz p{
	display: block;
    width: 3em;
    height: 0.17em;
    background-color: #313131;
    margin: 0 auto;
    margin-top: 0.7em;
}


.hyxw_tp{
	width: 98%;
	margin: 0 auto;
}
.hyxw_tp ul li{
	width: 100%;
	height: 5rem;
	margin-top: 0.5rem;
	background-color: #EEEEEE;
	text-align: initial;
}
.xxdt_tp1{
	width: 7.75rem;
	height: 5rem;
	float: left;
}
.xxdt_tp1a{
	width: 25rem;
	height: 5rem;
	float: right;
	margin-right:0.5rem;
}
.xxdt_tp1a span{
	    display: block;
    font-family: 微软雅黑;
    color: #333333;
    font-size: 1.2rem;
    margin-top: 1rem;
	overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
}
.xxdt_tp1a font{
	display: block;
    font-family: 微软雅黑;
    color: #999;
    font-size: 0.7rem;
    margin-top: 0.2rem;
}
.xxdt_tp1a span a:hover{
	color: #DE0A3F;
}



.ulL{
width: 95%;
margin: 0 auto;
}
.ulL li{
	margin-top: 1rem;
	
}

.yidtij input[name="Contact"] {
    width: 92%;
    height: 4.5rem;
    line-height: 4.5rem;
    background: #F9F9F9;
    border: 1px solid #CCC;
    font-size: 1.4rem;
    color: #999;
    padding-left: 5%;
	margin: 0 auto;
}

.yidtij input[name="ContactWay"] {
    width: 92%;
    height: 4.5rem;
    line-height: 4.5rem;
    background: #F9F9F9;
    border: 1px solid #CCC;
    font-size: 1.4rem;
    color: #999;
    padding-left: 5%;
	margin: 0 auto;
}

.yidtij input[name="code"] {
    width: 70%;
    height: 4.5rem;
    line-height: 4.5rem;
    background: #F9F9F9;
    border: 1px solid #CCC;
    font-size: 1.4rem;
    color: #999;
    padding-left: 5%;
	margin: 0 auto;
}

.hoverFi{
	display: block;
    cursor: pointer;
    background: #DE0A3F;
    color: #FFF;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 2rem;
    text-align: center;
    width: 95.3%;
    margin: 0 auto;
    margin-top: 1rem;
}
.hoverFi a:hover{ color: #FFF;}
.input_weizi {
    display: block;
    color: #999999;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 1.3rem;
    margin-bottom: 2rem;
}




.wap_listli{overflow: hidden;} 

.wap_listli li{ width:100%; float:left;border-bottom:1px solid #d6d6d6; overflow:hidden;}

.wap_listli li a{ display:block; padding:4%;  width:95%;position:relative;} 

.wap_listli li img{ float:left; margin-right:4%; width:100%;}

.wap_listli .zuoce{ width:30%;float:left;padding:1%;}
.wap_listli .zhongjian{ width:57%;float:left;padding:2%;}
.wap_listli .zhongjian span{ font-family: "microsoft yahei";color: #619a10;font-size: 1.6em;line-height:30px;}
.wap_listli .zhongjian p{ font-family: "microsoft yahei";color: #4e4e4e;font-size: 1.2em;line-height:30px;}

.wap_listli li p span{ display:block; font-family: "microsoft yahei";color: #4e4e4e;font-size: 16px;}
.wap_listli .youce{float:right;width:5%;height:30px;background: url(../images/jiantou.png) 100% center no-repeat;margin-top:12%;} 




/*作品详细*/
.view-title {width: 100%;text-align: center;font: 1.2em/2 "microsoft yahei";border-bottom: 1px solid #dbdbdb;color: #585858;padding: 2% 0;margin-bottom: 2%;}
.about {width: 91.875%;margin: 2% auto;font: 1.2em/180% "microsoft yahei";overflow: hidden;color: #595959;}
.about img{max-width: 100%;}
.page {display: block;width: 100%;height: 48px;border-radius: 4px;background: #ececec;margin: 1% 0;font: 1em/3 "microsoft yahei";color: #3f3f3f;text-indent: 1em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


/*每日客片*/
.case {width: 91.5625%;margin: 2% auto;height: auto;overflow: hidden;}
.case li {width: 100%;height: auto;overflow: hidden;padding: 2% 0;}
.case-img {display: block;float: left;width: 41.29%;}
.case-img img{width: 100%;}
.case-right {float: right;width: 53.24%;height: auto;overflow: hidden;}
.case-right a {display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font: 1.3em/2 "microsoft yahei";color: #830119;}
.case-right div {width: 100%;font: 1em/2 "microsoft yahei";color: #717171;overflow: hidden;}


/*新闻列表*/
/*news*/
.news{width: 100%;font-family: "Microsoft YaHei";}
.index_news2{padding: 1.5% 3% 2%;}
.index_news2 li{clear: both;border-bottom: solid #cbcbcb 1px;}
.index_news2 li a{width: 100%;display: inline-block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;color: #666;color: #717171;font-size: 1.2em;padding: 2% 0 2% 0;background: url(../images/newsico.png) 98% center no-repeat;background-size: 2%; }


/*留言*/
.sub-content{padding:10px;font-size:1.2em;line-height:2;font-family: "Microsoft YaHei"}
.sub-content .center{text-align:center;}
.sub-content img{ max-width:100%;}
.sub-content h1{font-size:1.6em;line-height:1.6;text-align:center;font-family:'Microsoft YaHei';margin-bottom:10px;font-weight:bold}
.sub-content .price{color:#FF6400;}
.sub-content .price span{font-size:2em}
.sub-content .button{display: block;text-align: center;cursor: pointer;margin: .5em 0;padding:5px 0;line-height:2;font-size:1.6em;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-border-radius: 1em;border-radius: 1em;border: 1px solid #ccc;background: #eee;font-weight: bold;color: #222;text-shadow: 0 1px 0 #fff;
background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
background-image: -moz-linear-gradient( #fff,#f1f1f1 );
background-image: -ms-linear-gradient( #fff,#f1f1f1 );
background-image: -o-linear-gradient( #fff,#f1f1f1 );
background-image: linear-gradient( #fff,#f1f1f1 );}
.sub-content table{table-layout:fixed;word-break:break-all;word-wrap:break-word;max-width:100%;}

.ui-input-text{display:block;padding: 0 .4em;margin: .5em 0;background-image: none;position: relative;-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);box-shadow: inset 0 1px 4px rgba(0,0,0,.2);-webkit-background-clip: padding;background-clip: padding-box;-webkit-border-radius: .6em;border-radius: .6em;border: 1px solid #aaa;color: #333;}
.ui-input-text input,
.ui-input-text textarea{width: 100%;min-height: 1.4em;line-height: 1.4em;font-size: 16px;padding: .4em 0;margin: 0;display: block;background: transparent none;outline: 0!important;border:none;-webkit-appearance: none;}
.ui-button{display:block;}
.ui-button input{display:block;width:100%;text-align: center;cursor: pointer;margin: .5em 0;padding:5px 0;line-height:2;font-size:1.6em;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-border-radius: 1em;border-radius: 1em;border: 1px solid #ccc;background: #eee;font-weight: bold;color: #222;text-shadow: 0 1px 0 #fff;font-family:'Microsoft YaHei';
background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
background-image: -moz-linear-gradient( #fff,#f1f1f1 );
background-image: -ms-linear-gradient( #fff,#f1f1f1 );
background-image: -o-linear-gradient( #fff,#f1f1f1 );
background-image: linear-gradient( #fff,#f1f1f1 );}


/*aside_menu*/
.aside_menu{width: 15em;height: 100%;position: absolute;top: 0;right: -15em;background-image: url(../images/navigation_01.jpg);}
.aside_menu .list{}
.aside_menu .list li{border-bottom: solid #efefef 1px;padding: 1em 0 1em 0;width: 100%;}
.aside_menu .list li a{display: block;width: 100%;height: 100%;font: normal 1.2em/1 "Microsoft YaHei";text-align: center;color:#525252;}

.m-nav {
	width: 15em;
	background-image: url(../images/navigation_01.jpg);
	position: absolute;
	right: 0;
	z-index: 0;
}
.u-ul-nav { margin-top: 1.9em; }
.u-li-nav { margin-bottom: 1.2em; }
.u-li-nav>a {
	display: block;
	width: 12em;height: 2.5em;
	margin: 0 auto;
	background-color: #1168b1;
	font-size: 1.3em;
	line-height: 2.5em;
	color: #fff;
	text-align: center;
}
.u-li-nav .subnav {
	display: none;
	text-align: center;
	font-size: 1.0em;
}
.u-li-nav .subnav a {
	font-size: 1.24em;
	line-height: 2.48em;
	height: 2.5em;
	color: #fff;
}
.u-li-nav .subnav a:active { color: #e80264; }
.content {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}


.footer-box{min-width:320px; max-width:640px; margin:0 auto; text-align:center; line-height:2.2em; font-size:0.9em; padding:1em 0 2em 0;background: #dbdbdb;color:#616161;margin-top:1em;}




.footer_c_l{ min-width:320px; max-width:640px; overflow:hidden; margin-top:21px;padding-top:12px;background: #3f3f3f;}
.footer_c_l dl{ display:block; float:left; height:180px; border-right:#E4E4E4 solid 1px; width:99px;}
.footer_c_l .ps_bottom_l_12{ display:block; float:left; height:160px; border-right:#848484 solid 1px; width:100%;text-align:center;}
.footer_c_l dt{ color:#ffffff; padding-top:3px; text-align:center; padding-right:15px;font-family:Microsoft Yahei; font-size:16px;}
.footer_c_l dd{ color:#e6e6e6; padding-right:15px; line-height:25px; padding-top:10px; text-align:center;}
.footer_c_l dd ul li{ float:left;width:33.33%;height:25px; }

.footer_c_l dd a{ color:#e6e6e6; display:block; text-align:center;font-size:14px;}
.footer_c_l dd a:hover{ color:#dd5a2c;}



 .mdpage_footer {
     display: block;
}

.mdpage_footer{position:fixed;bottom:0px;width:100%;z-index:3}



 .publicenv-page .mdpage_footer {
     position: fixed;
     bottom: 0;
     left: 50%;
     width: 100%;
     z-index: 3;
     max-width: 640px;
     -webkit-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     transform: translateX(-50%);
     margin-left: 0;
}
 .for_create{
     width: auto;
}
 .pagewrapper{
     width: 100%;
     max-width: 640px;
     min-width: 320px;
     margin: 0 auto;
     background: #4e0018;
     -webkit-background-size:100% 246px;
     background-size:100% 246px;
}
 .mdpage_body{
     padding-bottom: 52px;
}
/*底部导航*/
 .btonavi {
 background: #353535;opacity:0.9;filter:alpha(opacity=90);
     
     height: 58px;
     -webkit-background-size:20px 52px;
     background-size:20px 52px;
	
}
 .btonavi li {
     width: 33.333%;
     height: 50px;
     float: left;
     padding-top: 2px;
	
}
 .btonavi a {
     display: block;
     height: 50px;
     line-height: 50px;
     font-size: 16px;
     font-weight: bold;
     color: #fff;
    
     text-align: center;
    
	  background: #353535;
 padding-top: 5px;
}
 .btonavi span{
     display:inline-block;
     height: 50px;
}
 .btonavi .phoneicon span{
  
   width: 80%;
    height: 46px;
     -webkit-background-size:38px 28px;
     background-size:38px 28px;
	 border-radius: 8px;
	  background: #ff881f;
color: #ffffff;
 
    
}
 .btonavi .phoneicon a {
     border-left: 0;
}
 .btonavi .smsicon span {
   
     width: 80%;
    height: 46px;
     -webkit-background-size:38px 28px;
     background-size:38px 28px;
	 border-radius: 8px;
	  background: #f02213;
color: #ffffff;
     
}

 .btonavi .shareicon02 {
     
     
     -webkit-background-size:32px 30px;
     background-size:32px 30px;
	top:20%;
	padding-top:5px;
	  padding-left:10px;
	
	

}

 .btonavi .shareicon span {
  
     -webkit-background-size:34px 34px;
     background-size:34px 34px;
     padding-left: 45px;
}
 .btonavi .mailicon span {
     background: url(../img/bto_mail.png) 0 center no-repeat;
     -webkit-background-size:35px 25px;
     background-size:35px 25px;
     padding-left: 45px;
}
 .btonavi .mailicon a{
     border-right: 0;
}
 @media screen and (max-width: 360px) {
     .btonavi a{
         font-size: 14px;
    }
     .btonavi .phoneicon span{
         -webkit-background-size:30px 22px;
         background-size:30px 22px;
       
    }
     .btonavi .smsicon span {
         -webkit-background-size:26px 24px;
         background-size:26px 24px;
        
    }
     .btonavi .shareicon span {
         -webkit-background-size:27px 27px;
         background-size:27px 27px;
         padding-left: 32px;
    }
     .btonavi .mailicon span {
         -webkit-background-size:28px 20px;
         background-size:28px 20px;
         padding-left: 30px;
    }
}