/**
 * 模板文件公用模块样式
 * 包括 header, nav, banner, friend_link, footer 等模块
 * v0.0.1 17/09/23 --- by Sun
 */
@charset "utf-8";
.header .box{width: 1200px;margin: 0 auto;}
.box{margin: 0 auto;}
.top_bar{background-color:#1a1a1a;}
.top_bar .wrap{margin:0 auto; width:1200px;}
.top_bar a{display:inline-block; margin:0 19px 0 0; font-size:15px; color:#fff; line-height:34px;}
.header{background-color: #f2f2f2;padding: 20px 0; height: auto; overflow: hidden;}
.header::after{background-color: #f2f2f2;display: none;}
.to_telbox{float: right;}
.to_telbox .right{margin-left:15px;border: 2px solid #d8d8d8;}
.box{height: auto; overflow: hidden;}
.header h1{float:left;}
.header h2{float:left;}
.header img.logo{width:auto; height:71px;}
.header img.feature{margin-left:17px; width:379px; height:69px;}
.header img.tel{float:right; width:208px; height:69px;}
.header .fr{margin:19px 0 0;}
.header .fr img{margin:0 10px 0 0; width:40px; height:40px;}
.header .fr span{display:inline-block; font-size:15px; color:#8c8c8c; line-height:1.4;}
.nav{background-color:#906423; height: auto; overflow: hidden;}
.nav .wrap{margin:0px auto 0; width:1200px;}
.nav ul{float:left;}
.nav li{float:left;}
.nav li a{display:block; width:120px; height:44px; font-size:16px; color:#fff; text-align:center; line-height:44px;}
.nav li.active a,
.nav li a:hover{background-color:#78531e;}
.nav form{float:right; margin:9px 0 0; width:232px; height:26px; overflow:hidden; background-color:#fff;}
.nav form input{float:left; width:195px; height:26px; font-size:14px; color:#212121; text-indent:1em; line-height:26px;}
.nav form button{float:right; cursor:pointer; width:37px; height:26px; background:url(../images/nav_icon_search.png) center no-repeat;}
.banner{width:100%; height:auto; margin:0px auto; position:relative; }
.banner .banner_bn{ height:472px; width: 100%;  overflow:hidden; margin: 0 auto; position: relative;}
.banner .banner_for { height:472px; overflow: hidden; position: relative; }
.banner .banner_for li { height:472px; overflow: hidden; position: absolute; width: 100%; }
.banner .banner_for li a { display: block; height:472px; position: absolute; width: 100%; z-index:2 }
.banner .banner_for .btn { position: absolute; width: 100%; height: 30px; bottom: 10px; text-align: center; z-index: 9;display:block; }
.banner .banner_for .btn span { display: inline-block; _display: inline; _zoom: 1; width: 70px; height: 10px; _font-size: 0; margin: 5px 10px; cursor: pointer; background:rgba(255,255,255,0.5); z-index: 9;}
.banner .banner_for .btn span.on {z-index: 9;background: rgba(140,115,12,0.7);opacity: 0.5 }
.banner .banner_for .preNext { width: 45px; height: 90px; position: absolute; top: 180px;cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
.banner .banner_for .pre { left: 0; z-index: 9 ;background: url("../images/banner_bar_01.png") no-repeat left; }
.banner .banner_for .next { right: 0;z-index: 9 ;background: url("../images/banner_bar_02.png") no-repeat left; }
.banner .banner_for:hover .preNext { opacity: 0.5; }
.banner .banner_for:hover .pre { left: 10%; }
.banner .banner_for:hover .next { right: 10%; }
.banner .focus .pre:hover, .focus .next:hover { opacity: 1; }
.mid_nav{margin:20px auto 0; width:1200px; height:109px; background-color:#fff;}
.mid_nav ul{width:100%; height:100%; border:1px solid #dfdfdf; border-radius:4px;}
.mid_nav p.advan{position:relative; padding:17px 0 0; float:left; width:108px; height:107px; font-size:22px; color:#534b43; text-align:center; line-height:1.5; background-color:#dfdfdf;}
.mid_nav p.advan::after{content:''; position:absolute; top:46px; right:-26px; width:0; height:0; border-top:7px solid transparent; border-right:13px solid transparent; border-bottom:7px solid transparent; border-left:13px solid #dfdfdf;}
.mid_nav li{position:relative; float:left; width:108px; height:107px; text-align:center; border-left:1px solid #dfdfdf;}
.mid_nav li img.icon{display:block; margin:22px auto 0; width:41px; height:35px;}
.mid_nav li span.des{display:block; font-size:16px; color:#413a37; text-align:center; line-height:2;}
.mid_nav li .masking{display:none; position:absolute; top:0; left:0; z-index:3; padding:26px 0 0; width:100%; height:100%; font-size:18px; color:#fff; text-align:center; line-height:1.4; background-color:#c59d5f;}
.btm_info{margin:49px 0 0; padding:45px 0 22px; background-color:#e6e6e6;}
.btm_info .wrap{margin:0 auto; width:1200px;}
.btm_info .advan{}
.btm_info .advan .fl{width:25%; text-align:center;}
.btm_info .advan img{width:46px; height:46px;}
.btm_info .advan span{padding:0 0 0 16px; font-size:18px; color:#333; line-height:46px;}
.btm_info .friendlink{margin:29px 0 0 21px;}
.btm_info .friendlink p{font-size:14px; color:#606060; line-height:1;}
.btm_info .friendlink p span{font-weight:700;}
.btm_info .friendlink a{display:inline-block; padding:0 23px; font-size:14px; color:#606060; line-height:42px;}
.btm_info .friendlink a:hover{color:#a37128; text-decoration:underline;}
.btm_info ul{margin:25px 0 0 21px; width:948px;}
.btm_info ul a{float:left; margin:5px 10px 0 0; width:148px; height:22px; overflow:hidden; font-size:14px; color:#545454; line-height:1.4; white-space:nowrap; text-overflow:ellipsis;}
.btm_info ul a:hover{color:#a37128; text-decoration:underline;}
.btm_info ul li:nth-child(1) a,
.btm_info ul li:nth-child(2) a,
.btm_info ul li:nth-child(3) a,
.btm_info ul li:nth-child(4) a,
.btm_info ul li:nth-child(5) a,
.btm_info ul li:nth-child(6) a{
	position:relative; overflow:inherit; font-weight:700;
}
.btm_info ul li:nth-child(1) a::before,
.btm_info ul li:nth-child(2) a::before,
.btm_info ul li:nth-child(3) a::before,
.btm_info ul li:nth-child(4) a::before,
.btm_info ul li:nth-child(5) a::before,
.btm_info ul li:nth-child(6) a::before{
	content:''; position:absolute; top:-20px; left:0; width:23px; height:1px; background-color:#545454;
}
.btm_info .service{position:relative; margin:25px 23px 0 0; padding:22px 0 0; width:200px; overflow:hidden;}
.btm_info .service::before{content:""; position:absolute; top:0; left:0; width:24px; height:2px; background-color:#cacaca;}
.btm_info .service span.tel{display:block; font-size:28px; color:#2e2e2e; line-height:1;}
.btm_info .service span.des{display:block; font-size:14px; color:#999; line-height:46px;}
.btm_info .service a.consult{display:block; width:160px; height:33px; font-size:16px; color:#970100; text-align:center; line-height:33px; background-color:#fff; border-radius:3px;}
.btm_info .service a.consult img{display:inline-block; margin:8px 0 0; width:22px; height:18px;}
.btm_info .service a.tipoff{display:block; margin:14px 0 0; width:160px; height:33px; font-size:16px; color:#970100; text-align:center; line-height:33px; background-color:#fff; border-radius:3px;}
.btm_info .service a.tipoff img{display:inline-block; margin:8px 0 0; width:20px; height:18px;}
.footer{padding:25px 0; background-color:#cacaca;}
.footer .wrap{margin:0 auto; width:1200px;}
.footer p{ padding:0 0 0 21px; font-size:14px; color:#5b5b5b; line-height:20px; text-align: center;}
.footer p a:hover{text-decoration:underline;}
.footer ul{float:right; margin:16px 23px 0 0;}
.footer li{display:inline-block; margin:0 4px 0 0;}
.footer li img{width:70px; height:24px;}



.oth-top,.banner{ text-align: center;}
.oth-top img,.banner img{max-width: 100%;}



.about_content{padding-top: 20px; width: 1200px; margin: 0 auto;}
.about_content .about_left{width: 198px;margin-right: 20px;display: inline;border: 1px solid #e0caa8;margin-bottom: 100px;}
.about_content .about_left ul{}
.about_content .about_left ul li{width: 196px;height: 57px;}
.about_content .about_left ul li a{color: #4c4c4c;font-size: 18px;height: 56px;line-height: 56px;display: block;margin: 0 auto;text-align: center;width: 170px;border-bottom: 1px solid #e6e6e6;}
.about_content .about_left ul li.thisclass{background: #c59d5e;}
.about_content .about_left ul li.thisclass a{color: #ffffff;border-bottom: none;}
.about_content .about_left ul li.last a{height: 57px;border-bottom: none;}
.about_content .about_left ul li:hover{background: #c59d5e;}
.about_content .about_left ul li:hover a{background: #c59d5e;color: #ffffff;border-bottom: none;}
.about_content .about_right{width: 980px;}
.about_content .about_right .about_pos{height: 46px;line-height: 46px;font-size: 16px;color: #6f6f6f;}
.about_content .about_right .about_pos a{font-size: 16px;color: #333;}
.about_content .about_right .about_wrap{width: 918px;border: 1px solid #e6e6e6;padding: 25px 30px;margin-bottom: 20px;}
/********brief***********/
.about_content .about_right .about_wrap .brief_txt{padding-bottom: 20px;}
.about_content .about_right .about_wrap .brief .brief_txt .brief_left{width: 430px;margin-right: 30px;}
.about_content .about_right .about_wrap .brief .brief_txt .brief_left p,.brief_right p{font-size: 14px;color: #656565;line-height: 24px;}
.about_content .about_right .about_wrap .brief .brief_text .brief_left{width: 450px;}
.about_content .about_right .about_wrap .brief .brief_text{padding-bottom: 30px;}
.about_content .about_right .about_wrap .brief .brief_text .brief_right .img{width: 388px;}
.about_content .about_right .about_wrap .brief .brief_text .brief_left{padding-top: 10px;height: 210px;overflow: hidden}
.about_content .about_right .about_wrap .brief .brief_text .brief_left_b{padding-top: 40px;}
.about_content .about_right .about_wrap .brief .brief_text .brief_left_c{padding-top: 30px;}
.about_content .about_right .about_wrap .brief .brief_text .brief_left p{font-size: 14px;color: #656565;line-height: 25px;}
.about_content .about_right .about_wrap .brief .brief_cul{}
.about_content .about_right .about_wrap .brief .brief_cul h5{height: 32px;color: #c89f61;font-size: 16px;line-height: 32px;font-weight: bold;}
.about_content .about_right .about_wrap .brief .brief_cul p{line-height: 32px;color: #757575;font-size: 14px;padding-bottom: 30px;}
.about_content .about_right .about_wrap .brief .brief_cult{position: relative;}
.about_content .about_right .about_wrap .brief .brief_cul_pic{width: 300px;height:282px;background: url("../images/brief_cul_pic_01.jpg") no-repeat;position: absolute;right: 0;bottom: 0;}
.about_content .about_right .about_wrap .brief .brief_cul_pic h5{font-size: 30px;color: #c89f61;text-align: center;font-weight: 500;margin-top: 100px;margin-left: 24px;}
.about_content .about_right .about_wrap .brief .brief_cul_pic p{font-size: 18px;color: #c89f61;text-align: center;margin-top: 10px;margin-left: 26px;}
.intro_title{ height:32px; background-color: #fff;}
.intro_title span{ width:214px; height:32px; display:block; float:left; font-size:14px; line-height:32px; text-align:center; }
.intro_title span.active{  background:#c59d5f; color:#ffffff;}
#intro_content{background:#fbfbfb; height:335px; padding-top:25px; padding-bottom:25px; overflow:hidden;}
.left_btn{ height:284px; width:43px; float:left; background:url("../images/left.jpg") no-repeat center center;}
.right_btn{height:284px; width:43px; float:left;background:url("../images/right.jpg") no-repeat center center;}
.intro_pic{ height:284px; float:left; width:770px; overflow:hidden;}
.intro_pic .intro_article{visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0; width: 1263px;}
.intro_pic .intro_article ul{margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; width: 3789px; left: -1559.57px;}
.intro_pic .intro_article ul li{ margin-right:10px; width:380px; height:284px; float:left; display:inline;}
.intro_pic .intro_article ul li img{width: 380px;height: 284px;}
.intro_content1{ width:856px; height:284px; position:absolute; left:0; top:25px; overflow:hidden; background:#fbfbfb;}
.intro_content{ position:relative;}

.cont img{max-width: 100%; height: auto;}

.list_article{padding: 20px 0;}
.list_article .box{width: 1200px; margin: 0 auto;}
.list_article .list_lf{width: 236px;}
.list_article .list_lf .shop_nav{margin-bottom: 5px;background-color: #fff;}
.list_article .list_lf .shop_nav ul{border: 1px solid #e4e2e2;border-radius: 5px;}
.list_article .list_lf .shop_nav ul li{padding: 0 25px;}
.list_article .list_lf .shop_nav ul li.thisclass{background-color: #c09455;}
.list_article .list_lf .shop_nav ul li.thisclass a{color: #fff;border-top:none;}
.list_article .list_lf .shop_nav ul li:hover{background-color:#c09455;}
.list_article .list_lf .shop_nav ul li:hover a{color:#fff; border-top:none;}
.list_article .list_lf .shop_nav ul li a{display:block;text-align: center;line-height: 54px;border-top: 1px solid #e4e2e2;font-size: 18px;color: #424242;font-weight: 500;}
.list_article .list_lf .shop_nav ul li:first-child a{border-top: none;}
.list_article .list_lf .shop_fine{border: 1px solid #e4e2e2;background-color: #fff;}
.list_article .list_lf .shop_fine h2{padding-left: 20px;line-height: 50px;border-bottom: 1px solid #e4e2e2;}
.list_article .list_lf .shop_fine h2 span{font-size: 20px;color: #2f2f2f;font-weight: 500;border-left: 3px solid #c09455;padding-left: 8px;}
.list_article .list_lf .shop_fine ul{padding:15px 16px;}
.list_article .list_lf .shop_fine ul li{line-height: 36px; border-bottom: 1px dashed #e4e2e2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list_article .list_lf .shop_fine ul li a{font-size: 13px; color: #424242;}

.list_article .list_rg{width:945px;}
.list_article .list_rg .position{padding:15px 0;}
.list_article .list_rg .position span{font-size:18px; color:#424241;}
.list_article .list_rg .position h1{display:inline; font-weight:400;}
.list_article .list_rg .position a{font-size:18px; color:#424241;}
.list_article .list_rg .article_list{background-color:#fff;}
.list_article .list_rg ul.list_article{padding:23px 11px; border:1px solid #e4e2e2;}
.list_article .list_rg ul.list_article li{width: 440px;position: relative;margin: 0 10px 10px;border:1px solid #e4e2e2;}
.list_article .list_rg ul.list_article li a img{display:block; width: 440px;height: 241px;}
.list_article .list_rg ul.list_article li a h5{    line-height: 26px;position:absolute;top:215px;left:0;width:440px; height:26px; font-size: 18px;color: #fff;font-weight: 500;background: rgba(0,0,0,0.8);}
.list_article .list_rg ul.list_article li a p{font-size: 13px;color: #818181;line-height: 24px;padding: 14px 14px 10px;height: 96px;overflow: hidden;text-overflow: ellipsis;}
.list_article .list_rg ul.list_article li p.list_p{font-size: 12px;color: #818181;padding:0 14px 14px;}
.list_article .list_rg ul.list_product{padding:23px 11px; border:1px solid #e4e2e2;}
.list_article .list_rg ul.list_product li{position:relative; margin:0 10px 10px; width:223px; border:1px solid #e4e2e2;}
.list_article .list_rg ul.list_product li a img{display:block; width:223px; height:312px;}
.list_article .list_rg ul.list_product li a h5{position:absolute; top:286px; left:0; width:223px; height:26px; font-size:18px; color:#fff; font-weight:500; background:rgba(0,0,0,0.8);}
.list_article .list_rg .news_view{}
.list_article .list_rg .news_view .news_view_content{padding:12px 16px; font-size:14px; color:#333; line-height:25px;}
.list_article .list_rg .news_view .ad-gallery ul{padding:0; border:none;}
.list_article .list_rg .news_view .ad-gallery ul li{position:static; margin:0; width:auto; border:none;}
.list_article .list_rg .news_view .ad-gallery ul li img{width:100px; height:60px;}
/* 页脚 */
.list_article .list_rg .paging{padding:56px 0;}
.list_article .list_rg .paging ol{text-align:center;}
.list_article .list_rg .paging li{display:inline-block; *float:left; font-size:14px; color:#383838; line-height:21px;}
.list_article .list_rg .paging li:first-child{font-weight:700;}
.list_article .list_rg .paging li a{display:inline-block; padding:0 3px; min-width:21px; height:21px; border-radius:4px; border:1px solid #ba8e15;}
.list_article .list_rg .paging li a:hover{color:#fff; background-color:#ba8e15;}
.list_article .list_rg .paging li.thisclass{width:21px; height:21px; color:#fff; border-radius:4px; background-color:#ba8e15;}
.list_article .list_rg .paging li select{width:40px; height:21px; border-radius:4px; border:1px solid #ba8e15;}

.oth_news{ width: 1200px; margin: 0 auto;}


.list_article .list_rg ul.pro li{width: 297px; margin: 0 15px 25px 0;}
.list_article .list_rg ul.pro li:nth-child(3n){ margin: 0 0 25px 0;}
.list_article .list_rg ul.pro li a img{ width: 100%; height: auto;}
.list_article .list_rg ul.list_article li a h5{ position: inherit; width: 100%; padding: 0 10px;}

.info .box{width: auto;}

.tip{ text-align: center;}
.tid{    font-size: 26px;
	color: #a47831;
	font-weight: bold;text-align: center;}


.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
.Pagination .current{color: white;}
.Pagination .current{background: #ba8e15;border-color: #ba8e15;}
.Pagination a{color: #666666;font-size: 12px;}

.product .top span{ float: right;    padding: 0 25px 0 0;    line-height: 40px;}




.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.mob{display: none;}
.pc{display: block;}
.brief_right img{ width: 380px;}







/*banner*/
.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination-bullet{width: 14px; height: 14px; background: #fff; opacity: 1; }
.ban_swi .swiper-pagination-bullet-active{ background: #183684;  }
.ban_swi .swiper-slide img{max-width: 100%;}


.fix{display:none;position: absolute;
    width: 150px;
    left: -30px;
    border: 2px solid #d8d8d8;}
.top_bar .wrap .right{    font-size: 15px;
    color: #fff;position: relative;
    line-height: 34px;}
.top_bar .wrap .right:hover {cursor: pointer;}
.top_bar .wrap .right:hover .fix{    display: block;
    }


@media only screen and (max-width: 768px) {
	div {
		min-width: initial;
	}

	.mob {
		display: block;
	}

	.pc {
		display: none;
	}

	.header {
		display: none;
	}

	.y_nav {
		display: block;
	}

	.navbar-brand {
		padding: 5px 0 0 10px;
	}

	.navbar {
		margin-bottom: 0;
	}

	.navbar-brand > img {
		height: 35px;
	}

	.top_bar .wrap{width: 95%; margin: 0 auto;}
	.nav{display: none;}
	body{ min-width: 100% !important;}

	.mid_nav{ width: 100%; height: auto;}

	.mid_nav p.advan{width: 100%;height: 55px;padding-top: 10px;}

	.mid_nav p.advan br{display: none;}
	.mid_nav li{width: 33.333%;}
	.mid_nav li:last-child{display: none;}
	.brand{width: 100% !important; height: auto;}
	.brand .video,.brand .news{width: calc(95% - 1px) !important; float: none; margin: 0 auto;}
	.brand .box{    border-right: 1px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf; height: auto !important; padding-bottom: 15px !important; margin-bottom: 20px;}

	.brand .walkinto{width: calc(95% - 1px) !important; float: none; margin: 0 auto; }
	.video .box{ height: 260px !important; }

	.brand .news .box{width: 100%; padding:5%  2.5% !important; }
	.brand .news .headline{ width: 100%;}
	.school {width: 95% !important;}
	.school .academy .box{ width: 100%; padding: 2.5% !important;     border-right:none !important; height: auto !important; }
	.school .academy{width: 100% !important;}
	.school .info{width: 100% !important;}
	.school .info ul{width: 100% !important; margin: 0 auto !important; font-size: 0;}
	.school .info .box{padding: 2.5% !important;}

	.school .info li{width: 48% !important; margin:0 3% 10px 0 !important;  float: none !important; display: inline-block; vertical-align: text-top;}
	.school .info li img{width: 100% !important; height: auto !important;}
	.school .info li:nth-child(2n){ margin-right: 0% !important;}
	.school .info dl{width: 100% !important;}
	.school .info dd{width: 100% !important;}
	.product{width: 95% !important;}
	.product .pro_wrap{width: 95% !important;padding:15px 0 !important; height: auto !important;}
	.product .pro_show,.product .pro_show1{ position: initial !important;height: auto !important;}

	.product .pro_show_w{height: auto !important;}
	.product .pro_show1{width: 100% !important;}
	.product .pro_wrap ul{font-size: 0;}
	.product .pro_wrap li{width: 48% !important; margin:0 3% 10px 0 !important;  float: none !important; display: inline-block; vertical-align: text-top;height: auto !important;}
	.product .pro_wrap li img{width: 100% !important;height: auto !important;}
	.product .pro_img_a{height: auto !important;}
	.product .pro_wrap li:nth-child(2n){ margin-right: 0% !important;}

	.btm_info{ height: 0 !important; padding: 0 !important; overflow: hidden;}
	.footer .wrap{width: 95% !important; text-align: center;}
	.navbar-nav{ display: block; background: none !important;}
	.navbar-nav li{ float: none !important;}
	.navbar-nav li a {
		display: block;
		width: 100% !important;
		height: auto !important;
		font-size: 16px;
		color: #fff;
		text-align: center;
		line-height: 15px;
	}

	.about_content .about_left,.list_article .list_lf .shop_fine{display: none;}
	.about_content{width: 95%;}
	.about_content .about_right{ width: 100%}

	.about_content .about_right .about_wrap{ width: 100%; padding: 10px;}

	.about_content .about_right .about_wrap .brief .brief_text .brief_left{width: 100%; height: auto;padding-top: 0px;}
	.list_article .box{width: 100%;}
	.list_article .list_lf{width: 95%; float: none; margin: 0 auto;}
	.list_article .list_rg .position{display: none;}
	.list_article .list_rg{width: 95%; float: none; margin: 20px auto;}
	.list_article .list_rg ul.list_article li{width: 100%; margin: 0 auto 25px;}
	.list_article .list_rg ul.list_article{ padding: 15px 2.5%;}
	.list_article .list_rg ul.list_article li a img{width: 100%; height: auto;}
	.list_article .list_rg ul.list_article li a p{ height: auto;}
	.list_article .list_rg ul.list_article li a h5{ padding: 10px;height: auto;}
	.list_article .list_rg ul.pro{ font-size: 0;}
	.list_article .list_rg ul.pro li{width: 48% !important; margin:0 3% 10px 0 !important;  float: none !important; display: inline-block; vertical-align: text-top;height: auto !important;}
	.list_article .list_rg ul.pro li:nth-child(2n){ margin-right: 0% !important;}
	.list_article .list_rg .paging{padding: 10px 0;}



}