.mobile,.mr_frbox1,.sec3{ display:none;}
.flex-control-nav.flex-control-paging{ display:none !important;}
.pc{ display:block;}
.ipad-flexslider,.mobile-flexslider{ display:none !important}
.tab2,.tab3,.tab4,.tab5,.tab6,.tab7{ display:none;}
.sec1{ background:#fafafa;}
#mr_fu li{ opacity:0;}

/* banner */
.mobile_banner{ display:none;}
.banner{ width:100%;height:850px; padding-top:100px; position:relative; top:0; left:0;}
.banner_flexslider{height:100%;overflow:hidden; width:100%; position:relative; top:0; left:0; z-index:1; }
.slides{position:relative;z-index:1;}
.banner_flexslider .slides li{background-size:100% auto !important; height:100%; background-position:top center !important;}
.slides li a{ display:block; width:100%; height:100%;}
.flex-viewport,.slides{ height:100%;}
.flex-direction-nav{z-index:2; text-align:right;position:relative; float:right; width:96px; margin-right:50px;}
.flex-direction-nav li{display:inline-block; height:35px;*display:inline;zoom:1; width:100%;}
.flex-direction-nav a.flex-prev{ position:absolute; left:0;display:inline-block;width:40px;height:45px;overflow:hidden;background:url(../images/banner-icon1.png) no-repeat center;cursor:pointer;  transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.flex-direction-nav a.flex-next{position:absolute;right:0;display:inline-block;width:40px;height:45px;overflow:hidden;background:url(../images/banner-icon2.png) no-repeat center;cursor:pointer; transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.flex-direction-nav a.flex-prev:hover{background:url(../images/banner-icon3.png) no-repeat center; background-size:40px auto;}
.flex-direction-nav a.flex-next:hover{background:url(../images/banner-icon4.png) no-repeat center;background-size:40px auto; }
.banner_flexslider .flex-direction-nav a.flex-prev{ bottom:165px; }
.banner_flexslider .flex-direction-nav a.flex-next{bottom:165px;}
.roll { width:40px; height:50px; position:absolute; margin:0 50%; left:-40px; bottom:90px; z-index:998;  }
.rollImg { top:32px; left:15px; position:absolute; cursor:pointer;}
.pic_10 {background:url(../images/roll.png) no-repeat; background-size:40px auto; width:40px; height:40px;}
/* news */
.banner .news{ width:100%; height:60px; position:absolute; bottom:0; left:0;  z-index:998; overflow:hidden;}
.banner .news a{ color:#fff; line-height:20px; font-size:12px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.banner .news a span{ padding-right:20px;}
marquee{ display:none;}
#container{ position:relative; top:0; left:0; height:60px;}
.news .news_ul{position: absolute; top: 20px;overflow:hidden; height:20px;}
.mouse_direction{position: absolute; width: 25px; display: none; height: 20px; right: 0px}
/* main */
.main{ width:100%;}
.main .leader{ width:1300px; margin:0 auto; background:url(../images/leader.png) no-repeat center; height:auto; overflow:hidden;}
.main .leader h1{ text-align:center; color:#7b603d;font-weight:lighter; padding-top:60px; font-size:30px; line-height:32px;}
.main .leader .tet{ padding-top:20px; padding-bottom:50px; font-size:12px; line-height:24px; text-align:center; display:none;}
.main .leader .tet1{ display:none;}
.main .leader p.leaderp{ display:block; color:#454545; font-size:12px;  text-align:center; line-height:24px;font-weight:lighter;}
.friend{height:507px;margin:0 auto;overflow:hidden;width:1400px;}
.mr_frbox{height:425px; position:relative; top:0; left:0;padding-top:60px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px; position:absolute; left:30px; top:290px;width:28px; background:url(../images/mfrl.png) no-repeat;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; z-index:10 }
.mr_frBtnL:hover{background:url(../images/mfrl_1.png) no-repeat; background-size:24px auto;}
.mr_frbox .mr_frUl{height:427px;width:1150px; margin:0 auto; }
.tempWrap{width:1150px; margin:0 auto;}
.mr_frBtnR{ cursor:pointer;display:inline;position:absolute; right:0px; top:290px;cursor:pointer;width:28px;height:46px;background:url(../images/mfrr.png) no-repeat;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; z-index:10  }
.mr_frBtnR:hover{background:url(../images/mfrr_1.png) no-repeat; background-size:24px auto;}
.mr_frbox2 .mr_frBtnL{ left:50px;background:url(../images/mfrl1.png) no-repeat;}
.mr_frbox2 .mr_frBtnR{ right:50px;background:url(../images/mfrr1.png) no-repeat;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/ width:220px;position:relative;}
.mr_frUl ul li a{ height:427px;}
.mr_frUl ul li a img{/*display:block;*/height:100%;transition: 40s linear; -moz-transition:.40s linear; -webkit-transition:.40s linear; }
.mr_frUl ul li a:hover img{ z-index:999;}
/*.mr_frUl ul li p{ color:#333; font-size:14px; letter-spacing:0; line-height:22px; font-weight:lighter;padding-bottom:55px; text-align:center; opacity:0; display:none;}
.mr_frUl ul li p span{ font-size:20px; font-weight:normal; padding-right:7px; }*/
.sec2{ position:relative; width:100%; height:auto; overflow:hidden; text-align:center; color:#fff;}
.sec2 .b1{ float:left; width:25%;height:auto; position:relative; top:0; left:0; font-size:0; line-height:0;}
.sec2 .b2{ float:left; width:33.3%;height:auto;position:relative; top:0; left:0;font-size:0; line-height:0;}
.sec2 .b1 img,.sec2 .b2 img{ width:100%;cursor:pointer; display:block;}
.sec2 .move_tit{ height:270px; position:absolute; bottom:0; left:0; width:100%; background:url(../images/mask.png) repeat;cursor:pointer; color:#fff;}
.sec2 .move_tet{ height:100%; position:absolute; top:100%; left:0;}
.sec2 .move_tit .num{ width:35px; margin:0 auto; height:35px; padding-top:40px; padding-bottom:20px;}
.sec2 .move_tit h2{ font-size:18px; font-weight:bold; line-height:20px; padding-bottom:20px; background:url(../images/line.png) no-repeat center bottom; letter-spacing:0.5px;}
.sec2 .move_tit p{ display:block;opacity:1; width:80%; margin:0 auto; padding-top:20px; font-size:14px; line-height:24px; font-weight:lighter; letter-spacing:0.5px; text-align:left;}
.sec2 .move_tet{ background:#7b603d; width:100%; -webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease;  transition: all 0.35s ease;}


.marquee {width:100%;height:240px;overflow:hidden; padding-top:40px;}
.marquee li{ display:inline; float:left;  width:125px; }
.marquee li a{ width:100%; height:270px; display:block; float:left; text-align:center; font-size:14px;}
.marquee li img {width:125px; height:270px;}


/* imghvr-push-up*/
.sec2 .b1:hover .move_tet,.sec2 .b2:hover .move_tet{  -webkit-transform: translateY(-100%);transform: translateY(-100%);}
.sec2 .move_tet .num{ width:35px; margin:0 auto; height:35px; padding-top:60px; padding-bottom:30px;}
.sec2 .move_tet h2{ font-size:18px; font-weight:bold; line-height:20px; padding-bottom:30px; background:url(../images/line1.png) no-repeat center bottom; letter-spacing:0.5px;}
.sec2 .text_line{ padding-top:30px; width:80%; margin:0 auto; border-bottom:#bdb09e dotted 1px; text-align:left; padding-bottom:24px;}
.sec2 .move_tet .text{ width:80%; margin:0 auto;text-align:left; padding-top:30px; padding-bottom:50px;}
.sec2 .text_line p{ font-size:14px; line-height:26px; font-weight:lighter; text-align:justify;}
.sec2 .text_line p.tet_tit{ font-size:18px; font-weight:normal; font-size:20px; padding-bottom:10px;}
.sec2 .move_tet .text p{ font-size:14px; line-height:26px; font-weight:lighter; text-align:justify;}
.sec2 .move_tet .text p.tet_tit{ font-size:18px; font-weight:normal; font-size:20px; padding-bottom:10px;}
.sec2_btn{width:210px; margin:0 auto;}
.sec2_btn a{ display:block; width:100px; height:30px; line-height:30px; color:#fff; border:#958064 solid 1px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; font-size:14px; font-weight:lighter;}
.sec2_btn a:hover{ color:#7b603d; background:#fff; border:#fff solid 1px;}
@media screen and (max-width:1920px){
.sec2 .move_tet .num {    padding-top: 5%;}	
}
@media screen and (max-width:1600px){
.sec2 .move_tet .num {    padding-top: 80px;}	
.text_line{ display:none;}

.mr_frbox2 .mr_frBtnL{ left:25px; top:200px;}
.mr_frbox2 .mr_frBtnR{ right:25px;top:200px;}
}
@media screen and (max-width:1500px){
.sec2 .move_tet .num {    padding-top: 60px;}	
}
@media screen and (max-width:1420px){

}
@media screen and (max-width:1400px){
	.main .leader {width: 100%; background-size:80% auto !important; background-position:top right -40px !important; height:auto;    overflow: hidden;}
	.move_tet .num {    padding-top:30px;}
}
@media screen and (max-width:1200px){
	/* banner */
	.banner{ padding-top:100px;}


	/*index-leader */
	.main .leader .tet{ display:none;}
	.main .leader .tet1 {width:90%; margin-left:5%;padding-top:20px; padding-bottom:50px;font-size:12px; line-height:24px; text-align:center;}
	.mr_frbox { height: auto;}
	.mr_frUl ul li a { display:block; height:400px;}

	.mr_frUl ul li p{font-size:1.3rem; line-height:1.3rem;padding-bottom:14px;}
	.mr_frUl ul li p span{ font-size:1.6rem;  }
	.mr_frUl ul li a:hover img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1); }
	.sec2 .move_tet h2{ padding-bottom:20px; font-size:1.3rem; line-height:1.3rem; }
	.move_tet .num {    padding-bottom: 20px;}
	.sec2 .move_tet .text {    padding-bottom: 20px;padding-top: 10px;}
	.sec2 .move_tet .text p{ font-size:1.1rem; line-height:1.6rem;}
	.sec2 .move_tet .text p.tet_tit{ font-size:1.3rem;}
	.sec2_btn a { font-size:1.3rem;}
	.mr_frbox1{ display:block;position:relative; top:0; left:0; padding-top:46px;}
	.mr_frbox{ display:none;}
	.mr_frBtnL{top:220px;}
	.mr_frBtnR{  top:220px;}
	.mr_frbox .mr_frUl{height:427px;width:100%; margin:0 auto;}
	.mr_frbox2 .mr_frBtnL{ left:15px; top:150px;}
	.mr_frbox2 .mr_frBtnR{ right:15px;top:150px;}
}
@media screen and (max-width:1150px){
	.sec1 .item a{ float:left; width:100%; text-align:center; height:270px; display:block;}

	.move_tit{ height:100%; }
	}
@media screen and (max-width:1024px){
	.roll { display:none;}
		.main .leader p{ display:block; opacity:1;}
	.main .leader p.leaderp{ display:none;}
		.banner_flexslider .slides li{background-size: auto 100% !important; height:100%; }
	}
@media screen and (max-width:1000px){
	/* banner */
	.ipad-flexslider .slides li a {    width: 80%; margin-left:10%;}
	.ipad-flexslider .slides li a.item_left,.ipad-flexslider .slides li a.item_right{ width:40%;}
	.ipad-flexslider .slides li a.item_right{ margin-left:0; margin-right:10%;}
	.banner{ height:500px; padding-top:60px; }
	.flex-direction-nav { float:left; left:50%; margin-left:-48px; margin-right:0;}
	.banner_flexslider .flex-direction-nav a.flex-prev{  bottom: 125px; }
	.banner_flexslider .flex-direction-nav a.flex-next{ bottom: 125px;}
	.flex-direction-nav a.flex-prev:hover{background:url(../images/banner-icon1.png) no-repeat center;}
	.flex-direction-nav a.flex-next:hover{background:url(../images/banner-icon2.png) no-repeat center; }
	marquee{ display:block; width:90%; margin-left:5%; color:#fff; line-height:40px; font-size:1.3rem;}
	#breakingnews2 ul.news_ul,.BreakingNewsController .bn-arrows{ display:none !important;}
	#container ul.news_ul{ display:none;}
	marquee a{ margin-right:50px; color:#fff;}
	.banner .news {    height: 40px;}
	
	.mr_frbox2 .mr_frBtnL{ left:10px; top:120px;}
	.mr_frbox2 .mr_frBtnR{ right:10px;top:120px;}
}

@media screen and (max-width:900px){
	.sec3{ display:block;}
	.sec3 a{ color:#fff;}
	.sec2{ display:none;}
	.sec3{ width:100%; height:auto;  text-align:center; color:#fff;}
	.sec3 .b1,.sec3 .b2{ float:left; width:100%;height:auto; position:relative; top:0; left:0;}
	.sec3 .b1 img,.sec3 .b2 img{ width:100%;cursor:pointer;}
	.sec3 .move_tit{ height:auto; position:absolute; bottom:0; left:0; width:100%; background:url(../images/mask.png) repeat;cursor:pointer; padding-bottom:20px;}
	.move_tet{ height:auto; width:100%;}
	.sec3 .move_tit .num{ width:17.5px; margin:0 auto; height:17.5px; padding-top:20px; padding-bottom:10px;}
	.sec3 .move_tit .num img{ width:100%;}
	.sec3 .move_tit h2{ font-size:1.3rem; font-weight:bold; line-height:1.3rem; padding-bottom:10px; background:url(../images/line.png) no-repeat center bottom; background-size:27px 1px !important; letter-spacing:0.5px;}
	.sec3 .move_tit p{ width:90%; margin:0 auto; padding-top:10px; font-size:1.1rem; line-height:1.6rem; font-weight:lighter; letter-spacing:0.5px; text-align:left;}
	.sec3 .move_tet{ background:#7b603d; width:100%; float:left; display:none;}
	.sec3 .move_tet .num{ display:none;}
	.sec3 .move_tet h2{ display:none;}
	.sec3 .text_line{ padding-top:25px; width:90%; margin:0 auto; border-bottom:#bdb09e dotted 1px; text-align:left; padding-bottom:15px;}
	.sec3 .move_tet .text{ width:90%; margin:0 auto;text-align:left; padding-top:15px; padding-bottom:25px;}
	.sec3 .text_line p{ font-size:1.1rem; line-height:1.6rem; font-weight:lighter; }
	.sec3 .text_line p.tet_tit{ font-size:1.3rem; font-weight:normal; padding-bottom:10px;}
	.sec3 .move_tet .text p{ font-size:1.1rem; line-height:1.6rem; font-weight:lighter;}
	.sec3 .move_tet .text p.tet_tit{ font-weight:normal; font-size:1.3rem; padding-bottom:10px;}
	.sec2_btn{width:210px; margin:0 auto; padding-bottom:30px;}
	.sec2_btn a{ display:block; width:100px; height:30px; line-height:30px; color:#fff; border:#958064 solid 1px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; font-size:1.3rem; font-weight:lighter;}
	.sec2_btn a:hover{ color:#7b603d; background:#fff; border:#fff solid 1px;}
	.text_line{ display:block;}
}
@media screen and (max-width:800px){
	/*index-leader */
	.main .leader h1 { font-size:1.9rem; line-height:1.9rem; padding-top:30px; }
	.main .leader p{ font-size:1.3rem;  line-height:1.9rem;}
	.main .leader .tet1 { padding-top: 10px; padding-bottom: 20px;}
	.mr_frbox1{ display:none;}
	.mobile{ display:block;position:relative; top:0; left:0;}
	.sec1 .item a p{ color:#333; font-size:18px; line-height:24px; font-weight:lighter;padding-bottom:10px; text-align:center; opacity:0;}
	.sec1 .item a p span{ font-size:24px; font-weight:normal; padding-right:7px; display:block; text-align:right; width:80%; }
	.sec1 .owl-carousel{display: none;	position: relative;	width: 80%; margin-left:10%;	-ms-touch-action: pan-y;}
	.sec1 .owl-buttons div {position: absolute;top:10%;margin:0px;padding:0px;width:23px;height:39px;text-indent: -9999px;float:left;z-index:9999;}
	.sec1 .owl-buttons .owl-prev.disabled {background:url(../images/mfrl.png) no-repeat;}
	.sec1 .owl-buttons .owl-next.disabled { background:url(../images/mfrr.png) no-repeat; }
	.sec1 .owl-buttons .owl-prev{  left:-4%; top:142px; width:23px;  background:url(../images/mfrl_1.png) no-repeat;}
	.sec1 .owl-buttons .owl-next{right:-4%; top:142px;width:23px;background:url(../images/mfrr_1.png) no-repeat; }
	.sec1 .owl-buttons .owl-prev:hover{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=0.8);opacity: 0.8;}
	.sec1 .owl-buttons .owl-next:hover{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=0.8);opacity: 0.8;}
	.sec1 .owl-buttons .owl-prev.disabled:hover{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=1);opacity: 1;}
	.sec1 .owl-buttons .owl-next.disabled:hover{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=1);opacity: 1;}
	.sec1 .item a p{ font-size:1.3rem; line-height:1.6rem;opacity: 1;}
	.sec1 .item a p span{ font-size:1.6rem; }
	.sec1 .item img{ text-align:center; height:90%; width:auto;}
}

@media screen and (max-width:500px){
	/*banner */
	.banner{ height:420px; }
	.pc_banner{ display:none;}
	.mobile_banner{ display:block;}
	.flexslider{height:420px;}
	.banner_flexslider .flex-direction-nav a.flex-prev{  bottom: 110px; }
	.banner_flexslider .flex-direction-nav a.flex-next{ bottom: 110px;}
	.flex-direction-nav { width:70px; margin-left:-35px;}
	.flex-direction-nav a.flex-prev { background-size:20px auto;}
	.flex-direction-nav a.flex-next{ background-size:20px auto;}
	.flex-direction-nav a.flex-prev:hover{background:url(../images/banner-icon1.png) no-repeat center; background-size:20px auto;}
	.flex-direction-nav a.flex-next:hover{background:url(../images/banner-icon2.png) no-repeat center;background-size:20px auto; }
	.owl-buttons .owl-prev{ background-size:auto 20px;}
	.owl-buttons .owl-next{background-size:auto 20px;}
	
	.owl-buttons .owl-prev.disabled {background-size:auto 20px;}
	.owl-buttons .owl-next.disabled { background-size:auto 20px;}
}



@media screen and (max-width:460px){
.banner {height: 320px;}
.flexslider {    height: 320px;}
}