@charset "utf-8";
 /*  
*@description: 引导页
*@author: name 林异频  
* @update: name (2015-07-22 18:32)更新 */
body{ background: #f5f5f5;}
/****************************引导页****************************/
.guide_menu{ clear: both; position: absolute; left: 0; top: 0; width: 100%; z-index: 10; min-width: 320px;}
.guide_menu1{ overflow: visible; padding: 0;}
.guide_enter{ float:right; line-height: 28px; font-size: 12px;}
.guide_enter dd{ float: left; overflow: hidden;}
.guide_enter dd a{ background: url(../images/guide_2.png) repeat; margin-right: 1px; display: inline-block; float: left;overflow: hidden; color: #fff; padding: 0 15px;}
.guide_enter dd a em{ margin:6px 10px 7px 0; float: left; display: inline-block; overflow: hidden; height: 15px;}
.guide_enter dd a em img{ vertical-align: top;}
.guide_1{ border-radius: 0 0 0 5px;}
.guide_enter dt{ float: left; position: relative;}
.guide_enter dt span{ background: url(../images/guide_2.png) repeat;border-radius: 0 0 5px 0; display: inline-block; padding: 0 15px; color: #fff; cursor: pointer;}
.guide_enter dt p{ position: absolute; right: 0; top: 28px;background: url(../images/guide_2.png) repeat; border: 5px; min-width: 100%; text-align: center; display: none; z-index: 11;}
.guide_enter dt p a{ display: block; white-space: nowrap; color: #fff;}


.guide_logo{ clear: both; padding: 10px 0; overflow: visible; height: 55px;*height: 35px; position: relative;}
.guide_logo h2{ float: left; display: inline-block; overflow: hidden; height: 35px;}
.guide_logo h2 img{ height: 100%;}
.guide_2{ float: right; border-radius:5px; background: #ca0d12 ; cursor: pointer; padding: 4px;}
.guide_2 em{ width: 30px; display:block; clear: both; overflow: hidden; height: 3px; background: #fff; float: left; margin: 3px 0;}
.guide_logo1{ position: absolute; left: 0; top: 45px; text-align: center;background: url(../images/special_1.png) repeat; width: 100%; text-align: center; display: none;}
.guide_logo1 a{ color: #fff; display: block; clear: both; overflow: hidden;}


.guide{position:relative; z-index:1;clear:both; overflow:hidden;min-width:320px; width:100%; background-size: auto 100% !important; padding-top: 110px; }
.guide a{ overflow:hidden; /*display:block; */width:100%; display: none; text-align: center;}
.guide a img{ width:100%; vertical-align:top; float: right;}
.guide .slider .slick-slide{ overflow: hidden;}

.guide .slider .slick-slide.slick-active a{ -webkit-animation-name:'fadeInRight';-webkit-animation-duration:0.5s; display: block; clear:both; overflow: hidden;  width: 100%;}

.guide2 li{ float: left; width: 25%; padding: 10px; display: inline-block; overflow: hidden; text-align: center; border-right: 1px solid #e1e1e1; *width: 23%;}
.guide2 li.gr{ border: 0;}
.guide2 li a{ display: block; overflow: hidden; color: #000;}
.guide2 li em{ display: block; overflow: hidden; padding-bottom: 10px;}
.guide2 li em img{ width:80%; max-width:50px ;}
/* .guide_ss{ display: none; float: left; background: #fff; margin: 5px; border-radius: 25px; padding: 0 10px;} */
.guide_ss{ display: none; float: left; background: #fff; margin: 5px; border-radius: 25px; padding: 0 8px;}
.guide_ss input{ float: left; border: 0; outline: none; height: 25px; overflow: hidden; padding: 0; margin: 0;}
/* .guide_ss1{ line-height: 25px; width:100px;} */
.guide_ss1{ line-height: 25px; width:65px;}
.guide_ss2{ background: url(../images/top_ss.png) no-repeat 0 3px; width: 20px; cursor: pointer; line-height: 999;}
.bodyright .bd_r4{ display: none;}
@media only screen and (min-width: 768px) {
.guide a img{ /*width:70%;*/ max-width: 100%; width: auto;float: none;max-height: 550px;}
.guide a{ width: 768px !important; margin: 0 auto;}
.guide_enter{ margin-bottom: 15px;}
.guide_2{ display: none;}
.guide_logo1{ display: inline-block !important; background: #ca0d12; height: 35px; border-radius: 35px; float: right; position: static; width: auto;}	
.guide_3{ float: left; line-height: 35px;}
.guide_3 li{ float: left; margin: 0 10px; display: inline-block; clear: none;}
.guide2{ font-size: 18px;}
.guide2 li em img{max-width:80px ;}
.guide-enter{ display: none !important;}
}

@media only screen and (min-width: 960px) {
.guide a{ width: 960px !important}
.guide_logo{  height: 70px;*height: 50px;}
.guide_logo h2{height: 50px;}
.guide_logo1{ margin-top: 8px;}
.guide_ss{ display:inline-block;}
}
@media only screen and (min-width: 1160px) {
.guide a{ width:1160px !important}
.guide_logo1{ padding: 0 5px;}
/* .guide_3 li{ margin: 0 15px;} */
.guide_3 li{ margin: 0 8px;}
/* .guide_ss1{ width: 130px;} */
.guide_ss1{ width: 110px;}
}
@media only screen and (min-width: 1500px) {
/*.guide a img{ width:100%; }*/
}