@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0;list-style:none;}
html,body{font-family:"微軟雅黑";font-size:12px;margin:0 auto;}
.no_padding_top{padding-top:0 !important;}

/*banner*/
.banner{margin:0;width:100%;height:150px;}
.banner_h{height:auto;}
.main_visual{height:150px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;height:100%;}
.main_image li a img{width:100%;height:150px;}
div.flicking_con{position:absolute;bottom:10%;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -35px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../img/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{display:none !important;}
.new_h3{font-size:20px;}
.new_h4{font-size:16px;margin-top:15px;}
.line_b{height:4px;width:33px;}
.box_b{margin-top:20px;}
.m_t{margin-top:20px !important}
.box_b dl{width:40%;margin-right:0;padding:0 5%;margin-top:20px;}
.box_b dl dt img{width:55px;height:49px;}
.box_b dl dd{margin-top:20px;}
.box_b dl dd span{font-size:15px;}
.box_b dl dd p{font-size:12px;line-height:24px;}
.bg_div{height:15px;}
.contant{width:100%;}
.case dl{width:33.3%;padding:0;margin:0;}
.case dl dt{padding-top:20px;}
.case dl dd{margin-top:0;padding:20px 0;}
.case dl dt img{width:58px;height:58px;}
.case dl .mask{height:140px;}
.case dl .mask img{height:140px;}
.a_btn{width:154px;background-size:100%;height:35px;line-height:35px;font-size:15px;}
.work dl{width:33.3%;padding:0;}
.work dl dt img{width:85px;height:85px;}
.work dl dd{margin:0;}
.work dl dd p{margin-top:10px;}
.index_new_ul li{width:90%;margin-bottom:15px;padding:0 5%;}
.index_new_ul li i{display:none;}
.index_new_ul li em{display:inline-block;float:left;width:30px;height:30px;line-height:30px;background:url(../img/number_bg.png) no-repeat center center;background-size:100%;text-align:center;font-size:15px;}
.index_new_ul li a{line-height:30px;font-size:12px;}
.index_new .a_btn{margin-top:30px;}
.index_about{width:90%;height:345px;padding:40px 5% 0 5%;}
.index_about_h3 {font-size:15px;}
.index_about_p{margin-top:15px;width:100%;font-size:12px;line-height:23px;}
.margin_bottom{margin-bottom:15px !important;}
.contact_box{width:90%;padding:0 5%;}
.contact_box p{font-size:12px;margin-bottom:15px;}
.contact_box .item{width:100%;margin-bottom:0 ;margin-top:15px !important;}
.contact_box .item input{width:89%;padding:0 5%;height:40px;font-size:15px;}
.contact_box .item textarea{width:89%;padding:10px 5%;font-size:15px;overflow:auto;}
.map{height:173px;}
.footer_ul{display:none;}
.footer_box{width:90%;padding:10px 5%;}
.footer_box p{font-size:12px;}
#code{display:none;}
#gotop{right:5%;}
.m_l{margin-left:18%;}
.disp{display:none;}
.contact_box .item .submit{width:100%;}
.contant{width:100%;overflow:hidden;height:75px;background:#cfe4f8 url(../img/contant.png) no-repeat center bottom;padding-top:20px;background-size:100%;}
.sincerity{width:100%;overflow:hidden;height:85px;background:#cfe4f8 url(../img/sincerity.png) no-repeat center top;padding-bottom:20px;padding-top:0;background-size:100%;}

/*右侧栏*/
.masthead {
		position: relative;
		padding: 60px 15px;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
		background-color: #8c7732;
		background-image: -webkit-linear-gradient(45deg, #8c7732 0%, #d3c184 100%);
		background-image:      -o-linear-gradient(45deg, #8c7732 0%, #d3c184 100%);
		background-image:         linear-gradient(45deg, #8c7732 0%, #d3c184 100%);
	}
	.masthead h1 {
		margin-bottom: 5px;
		font-size: 50px;
		font-weight: 700;
		text-transform: capitalize;
		opacity: .95;
	}
	.masthead a {
		color: #fff;
	}
	.drawer-main{position:fixed;top:0;width:140px;height:100%;overflow:hidden}
.drawer-left .drawer-main{left:-140px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-140px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0;z-index:9999999;}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:140px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:140px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#222;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-default .drawer-brand a{display:block;width:100%;padding:20px 15px;font-size:22px;color:#fff}
.drawer-default .drawer-brand a:hover{color:#444;text-decoration:none}
.drawer-default .drawer-nav-title{display:block;padding:15px 15px 0 15px;font-size:18px}
.drawer-default .drawer-nav-title a{color:#fff;}
.drawer-default .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
.drawer-default .drawer-nav-list li{display:block}
.drawer-default .drawer-nav-list li a{display:block;padding:15px;color:#fff;}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}
.drawer-hamberger{position:fixed;z-index:1000;display:block;width:30px;height:26px;padding:20px;background-color:transparent;border:0}
.drawer-hamberger span{margin-top:10px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#ddd;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}
@media (min-width:767px){
	.drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
	.drawer-responsive.drawer-left .drawer-main{left:0}
	.drawer-responsive.drawer-right .drawer-main{right:0}
}
@media (min-width:768px){
	.drawer-responsive{background-color:#222}
	.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
	.drawer-responsive.drawer-left .drawer-main{float:left}
	.drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
	.drawer-responsive.drawer-right .drawer-main{float:right}
	.drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}
}

/* 魔方建站 */
.rubik_nav{display:none;}
.rubik_box{width:100%;margin-left:0;left:0;height:292px;margin-top:-146px;background:none;padding: 0;}
.rubik_box h2{font-size:20px;margin:15px auto;color:#fff;}
.rubik_box h3{font-size:12px;margin:0 auto 15px auto;color:#fff;}
.rubik_box .rubik_01{margin:10px auto;height:40px;width:80%;}
.rubik_01 input{width:94%;height:38px;line-height:40px;padding-left:5%;font-size:15px;}
.rubik_01 .rubik_txt{width:59%;}
.rubik_01 .rubik_btn{width:35%;height:40px;float:left;padding:0;}
.rubik_04 input{margin-top:0;width:100%;padding:0;}

/* 新闻动态 */
.new_padding_t{padding-top:20px;}
.new_tit_txt{margin-top:20px;}
.new_tit_txt p{width:90%;padding:0 5%;font-size:12px;line-height:20px;}
.tab_news{margin-top:30px;}
.tab_news span{width:3px;height:15px;margin-right:5%;margin-top:10px;margin-left:5%;display:none;}
.tab_news_ul{width:100%;text-align:center;padding-bottom:20px;}
.tab_news_ul li{width:80px;height:30px;line-height:30px;font-size:15px;border-radius:5px 0 10px 0;margin-right:5px;display:inline-block;float:none;}
.news_list{padding:20px 0;}
.news_list li{padding:20px 0;height:88px;}
.news_list li dl{width:90%;padding:0 5%;}
.news_list li dl dt{width:40px;height:40px;line-height:40px;font-size:18px;background-size:100%;}
.news_list .click_li dl dt{width:40px;height:40px;line-height:40px;font-size:18px;background-size:100%;}
.news_list li dl dd{width:76%;margin-left:0;padding:0 5%;}
.news_list li dl dd h3{font-size:15px;width:100%;padding-bottom:10px;background-size:20%;}
.news_list li dl dd p{width:100%;font-size:12px;line-height:20px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_list li .r_arrow{display:none;}

/* 新闻详情 */
.new_padding{padding:20px 0;}
.new_txt{margin-top:30px;}
.txt_h3{font-size:15px;}
.new_txt p{line-height:20px;font-size:12px;margin-top:20px;padding:0 5%;}
.line_b02{width:60px;}
.btn_box{margin-top:20px;padding:0 5%;width:90%;}
.btn_box li{width:80px;}
.btn_box li span{display:none;}
.btn_box li em{width:80px;font-size:15px;}

/* 加入指缘 */
.join_list{width:90%;padding:0 5%;}
.join_list span{font-size:15px;margin-left:20px;}
.join_txt{padding:0 5%;}
.join_txt p {margin-top:10px;padding:0;}
.join_list i{width:20px;background-size:100%;}

/* 关于指缘 */
.photoes_box{margin-top:20px;}
.photoes_l{width:100%;}
.photoes_l li{width:33%;height:93px;margin-left:1px;}
.photoes_l .li_w{width:100%;height:160px;}
.photoes_l .li_w02{width:100%;height:183px;margin-top:9px;}
.photoes_r{width:100%;height:inherit;margin-top:9px;}

/* 验证 */
#tsk{position:fixed;bottom:10%;left:0;padding:10px 15px;background:rgba(0, 0, 0, 0.5);z-index:10000000;color:#fff;display:none;width:100%;text-align:center;}