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

.index_page{position: relative;top: 0;left: 0em;}
/*header*/
.header{width: 100%;overflow: hidden;position: relative;border-bottom: solid #ccc 1px;}
.header .f_logo{width:85%;float: left;}
.header .f_logo img{width: 100%;display: block;}

.header .menv{width:10%; text-align:center;float: right;padding-top: 0.8em;}
.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:273px;}
.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: #ececec;padding-left: 0.4em;}
.index-nav li {width: 24.6%;float: left;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.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%;}

.title1 {width: 100%;height: 4em;overflow: hidden;}
.title1 p {float: left;width: 50%;font: 1.3em/3 "microsoft yahei";color: #fff;text-indent: 2.8125%;}
.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;}

/*index-product*/
.index-product {width: 97.5%;margin: 2% auto;overflow: hidden;}
.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_news*/
.index_news{width: 100%;padding: 0.5em 0.5em 1em 0.5em;}
.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;}


/*作品展示*/
.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%;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%;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%;}
.about {width: 91.875%;margin: 2% auto;font: 1.2em/180% "microsoft yahei";overflow: hidden;color: #595959;}
.about img{max-width: 100%;height:auto !important;}
.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%;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%;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;}