﻿

@media screen and (max-width: 768px) {
	
	
	.nav_mobile,.m_btn { display:block!important;}
	.header .header_content .fl_t ,.header .header_content .fr_t{ display:none !important;}
	.header {background:url(../images/header_bg1.png) center no-repeat !important; position:fixed !important;}
    .header .header_content { width:100% !important; }
    .footer .footer_content { width:90% !important; padding:20px 5% 20px 5% !important; background:url(../images/bottom_bg.jpg)  center bottom no-repeat; font-size:1.4em;}
    .footers { width:90% !important; padding:20px 5% 20px 5% !important;  height: auto !important; line-height:30px !important;font-size:1.4em;}
	
	
	.zooms {background-size:160%!important;-o-background-size:160%;-webkit-background-size:160%;-moz-background-size:160%;}
    .flexslider{height:350px !important; background:#440807}
	.flexslider .slides li{height:350px !important}
	.flexslider .slides li .img{height:350px !important}
	.flexslider .slides li a{height:350px !important}
	.flex-direction-nav a { display:none !important;}
	
	
	.index_main { background:url(../images/index_main1.jpg)  center top no-repeat #6c1317 !important; height: auto!important; overflow:hidden;}
    .index_main_content {width:90%!important; padding:50px 0 0px 0 !important; }
	.index_main_content div { margin:auto;float:none!important; overflow:hidden;width:100% !important;}
	.index_main_content .index_je a.img1 {width:42% !important;margin-right:8%;}
	.index_main_content .index_sp a.sp {width:42% !important;margin-right:6%;}
	.index_main_content .index_sp a.sp{border:solid 5px #8c1719 !important;}
	.index_main_content div a.img1 img,.index_main_content .index_sp a.sp img{ width:100% !important;height: auto!important; border:solid 5px #8c1719 !important;}
	.index_main_content div span { padding:5% 0!important;}
	.index_main_content div.je_r {width:46%!important;margin-left:0px!important; }
	.index_main_content div.je_r h1 a{font-size:1.2em !important;margin:0px 0 !important;}
	.index_main_content div.je_r span a{ font-size:1.6em !important;padding:0!important;line-height:1.6em !important; }
    .index_main_content .index_je,.index_main_content .index_sp,.index_main_content .index_xw { clear:both !important; margin-bottom:20px; margin-right:0; }
	.index_main_content .index_je,.index_main_content .index_sp{margin-bottom:20px; padding-bottom:20px; background:url(../images/line2x.jpg) bottom center repeat-x;}
    .index_main_content .more,.ck-slide h3{background:#9d1f25 !important; width:100px !important; height:30px !important;  line-height:30px !important; border-radius:20px;font-size:1.2em}
	
	
	.ck-slide {width:100%!important;height:250px!important;}
	.ck-slide ul.ck-slide-wrapper {height:250px!important;}
	.ck-slide ul.ck-slide-wrapper li {}
	.ck-slide ul.ck-slide-wrapper li img{width:42%!important;height: auto!important;margin-right:0%;border:solid 5px #8c1719 !important;}
	.ck-slide ul.ck-slide-wrapper li a ol {width:46%!important; padding-left:6% !important;}
	.ck-slide ul.ck-slide-wrapper li h1 {font-size:2.8em!important;}
	.ck-slide ul.ck-slide-wrapper li span { font-size:1.6em!important; line-height:1.6em !important; }
	.ck-slidebox { position:relative!important;right:auto!important; top:auto!important; }
}



/*广告图*/
.zooms { background-position:center top; background-repeat:no-repeat;}
.flexslider{width:100%;height:687px;margin:auto;position:relative;overflow:hidden;}
.flexslider .slides{}
.flexslider .slides li{width:100%;height:687px; position:relative;}
.flexslider .slides li .img{width:100%;height:687px;}
.flexslider .slides li a span{ position:absolute; left:50%; margin-left:-500px; top:150px;}
.flexslider .slides li a{width:100%;height:687px; display:block;}
.flex-direction-nav a{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next{background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev{left: 0;}
.flexslider:hover .flex-next{opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav{width: 100%;position: absolute;bottom:0px;text-align: center; background:url(../images/banner_nav.png) center bottom  no-repeat; height:39px;}
.flex-control-nav li{margin:7px 0px 0px 0px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a{background: url(../images/dot.png) no-repeat 0 -25px;display: block;height: 28px;overflow: hidden;text-indent: -99em;width: 20px;cursor: pointer;}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a{background-position: 0 1px;}
.flexslider .slides a img{width: 100%;height:687px;display: block;}




.index_main { background:url(../images/index_main.jpg)  center top no-repeat; height:271px;}
.index_main_content {width:1000px;position:relative; margin:auto; padding:70px 0 55px 0;overflow: hidden; min-height:100px;}
.index_main_content div * { display:block;}
.index_main_content div {float:left;}
.index_main_content div a.img1 {float:left;}
.index_main_content div a.img1 img{ border:solid 3px #8c1719; float:left; border-radius:5px; width:145px; height:105px;}
.index_main_content div span a:hover  { text-decoration:underline;}
.index_main_content div div.je_r {width:145px; margin-left:10px;}
.index_main_content div div.je_r h1 a{color:#feefb6; font-size:14px;}
.index_main_content div div.je_r span a{ color:#ae8a6a; padding:10px 0 20px 0; line-height:22px;}
.index_main_content div div.je_r a.more{ background:url(../images/more.png); width:64px; height:20px; text-align:center; line-height:20px; color:#ae8a6a;}
.index_main_content div div.je_r a:hover.more {color:#fff;background:url(../images/more2.png);}
.index_main_content .index_je {margin-right:40px;}
.index_main_content .index_sp {margin-right:40px; }
.index_main_content .index_sp a.sp { position:relative; float:left; background:#000;border-radius:10px;border:solid 3px #8c1719;}
.index_main_content .index_sp a.sp img{filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;border:none !important;border-radius:5px;width:145px;}
.index_main_content .index_sp a.sp i{ background:url(../images/play.png); position:absolute; width:45px; height:45px; left:50%;top:50%; margin-left:-22.5px; margin-top:-22.5px; z-index:10;}
.index_main_content .index_sp a.sp:hover img{filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;border:none !important;}
.index_main_content .index_xw {}


.ck-slide {width:300px;height:120px;margin:0;position:relative;overflow:hidden;float:left}
.ck-slide ul.ck-slide-wrapper { height: 120px;}
.ck-slide ul.ck-slide-wrapper li {position: absolute; padding-left:4px; left:0;}
.ck-slide ul.ck-slide-wrapper li a:hover span{ text-decoration:underline}
.ck-slide ul.ck-slide-wrapper li img{ border:solid 3px #8c1719;float:left;border-radius:5px; width:145px; height:105px;}
.ck-slide ul.ck-slide-wrapper li ol {width:135px;float:left; padding-left:10px;}
.ck-slide ul.ck-slide-wrapper li ol h1{color:#feefb6; font-size:14px;}
.ck-slide ul.ck-slide-wrapper li ol span{ color:#ae8a6a; padding:10px 0 20px 0; line-height:22px;}
.ck-slide ul.ck-slide-wrapper li ol h3{ background:url(../images/more.png); width:64px; height:20px; text-align:center; line-height:20px; color:#ae8a6a; font-size:12px}
.ck-slide ul.ck-slide-wrapper li ol h3:hover {color:#fff;background:url(../images/more2.png);}
.ck-slidebox { position: absolute; right: 0; top: 0px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; }
.ck-slidebox ul li { float: left; height: 5px; margin: 4px 3px;}
.ck-slidebox ul li em { display: block; width: 7px; height: 7px; border-radius:100%;background-color:#ad775f; text-indent: -9999px; cursor: pointer; border:#ad775f 1px solid;}
.ck-slidebox ul li.current em { background-color: transparent; border:#ad775f 1px solid;}
.ck-slidebox ul li em:hover { background-color: #ad775f;}


.inline { background:#fff8f2; padding:20px; border:#7a0d2d 10px solid; line-height:24px; font-size:12px; margin:-10px; display: none}
.inline h4{ font-size:18px; padding-bottom:20px; margin-bottom:20px;border-bottom:#CCC 1px solid; text-align:center;}
.inline strong { padding:20px 0 10px 0; display:block; color:#930; font-size:14px;}


.inline1 { background:#000; padding:0px; border:#7a0d2d 10px solid; margin:-10px -10px -10px -10px; display: none; text-align:center; height:520px; overflow:hidden;} 
































































