@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: #e60023;}
.aside_menu .list li a{color: #fde40d;}
.sub_title .txt_div,.class_ul li a{color: #e0012a;}
/*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 ul{line-height:2em; padding:3% 2%;font: 1.2em/1 "microsoft yahei";color: #000000;line-height: 1.5em;}
.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%;}



.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;font: 1.2em/1 "microsoft yahei";color: #000000;line-height: 1.5;padding:1em 0;}
.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;}
.gengduo img{margin:0 auto;overflow: hidden;width: 90%;}
.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.33%;height: 18em;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-teachn*/
.index-teachn {width: 100%;margin: 2% auto;overflow: hidden;background: #ffffff;}
.index-teachn li {float: left;width: 50%;height: 18em;overflow: hidden;}
.index-teachn 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-teachn 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;}
.newsrq{width: 99%;margin:0 auto;overflow: hidden;font: 0.9em/1 "microsoft yahei";color: #000000;line-height: 1.5;padding:0.5em 0;text-align: center;border-bottom: 1px solid #dbdbdb;}

/*作品展示*/
.sub_title{width: 100%;background: #ececec;overflow: hidden;}
.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;}


/*作品详细*/
.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%;}
.view-titlenew {width: 100%;text-align: center;font: 1.4em/2 "microsoft yahei";color: #585858;padding: 2% 0;}

.about {width: 91.875%;margin: 2% auto;font: 1.2em/180% "microsoft yahei";overflow: hidden;color: #595959;}
.about p img{max-width: 100%;}
.ke-zeroborder img{max-width: 100%;}
.ke-zeroborder table {width: 100%;}
.ke-zeroborder table img{max-width: 80%;}
.about img{max-width: 100%;}
.about table img{max-width: 80%;}
.about table tr td 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;}
.biaotiimg img{max-width: 100%;margin: 2% auto;}

/*每日客片*/
.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%;background: url(../images/navbg.jpg) top center no-repeat;position: absolute;top: 0;right: -15em;}
.aside_menu .list{}
.aside_menu .list li{border-bottom: solid #ccc 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;}
.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: #e60023;color:#fff;margin-top:1em;}


 .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: #e135fb;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-shadow: 1px 1px 3px rgba(250,250,250,0.6);
     text-align: center;
    
	  background: #e135fb;
 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: #fffc03;
color: #333333;
 
    
}
 .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;
    }
}