﻿/*

 * LankeCMS (http://lankecms.com)

 * Copyright (c) 2013-2015 http://lankecms.com All rights reserved.

 * Author: 钟若天 <lankecms@163.com>

 */



body{ background:url(../images/bg.jpg) top center repeat-x; background-color: #fff;}

ul{list-style:none;}

.logo{margin:0px 15px 0px 0px; max-width:220px;}

.flash{margin-top:50px;}

.flash img{ width: 100%}

.flash ul.bxslider{list-style:none;}

.flash div.bx-pager{bottom: 4%;}

.main{ padding:30px 0px 10px 0px;}

.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}



/*导航菜单*/

.navbar{ margin:0px;}

.navbar-nav > li > a {font-family:'microsoft yahei';}

.navbar-inverse .navbar-nav > li > a {color: #000;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #CCC;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{background:none; color:#ea042b}

.nav_small{ background-color:#222222; background: rgba(34,34,34,0.8); border: none;}

.nav_small li a{line-height:24px; font-size:13px;}

#app_menudown{position: absolute; top:0px; right:0px;opacity: 0.8;}

.navbar-inverse .navbar-nav > li > a:hover{background-color: #000;}



/*产品搜索*/

.search_group{ margin: 0 auto; margin-bottom:35px; width:280px;}

.search_group input.form-control{background-color:#24272e; border-color:#44474f;color:#b5b5b5;}

.mysearch_btn{ background-color:#44474f;color:#fff;}

.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#616162; color:#fff;}



/*公司简介*/

.index_about{ background-color:#f5f5f5;}

.about_box{background:url(../images/about_title.png) left top no-repeat; margin:25px 0px 0px 0px;}

.about_p{color:#898989; line-height:20px; font-size:26px; font-family:'Impact'; text-transform:uppercase; text-indent:25px;}

.about_h1{ display:inline; color:#24272e;line-height:14px; font-size:20px; font-family:'Microsoft Yahei'; margin:0px; padding-left:25px;}

.about_more{ float:right; background-color:#f5f5f5; display:inline-block; margin-top:-6px;}

.about_more a{color:#898989;}

.about_more a:hover{ text-decoration:none;}

.about_contents{color:#898989; line-height:28px; padding:8px 0px 10px 0px; text-indent:25px;}



/*首页新闻*/

.news_box{background:url(../images/about_title.png) left top no-repeat;margin:25px 0px 12px 0px;}

.index_news{list-style:none;margin:0px; padding:10px 0px 0px 0px;}

.index_news li{color:#898989;background: url(../images/li.png) no-repeat left 6px;line-height:21px; padding-bottom: 12px; padding-left:13px;}

.index_news li a{color:#898989;}

.index_news li a:hover{ text-decoration:none;color:#ea042b; }

.news_time{ float:right;}



/*首页产品*/

.index_product{background:url(../images/proico.gif) center top no-repeat #24272e;text-align:center;color:#fff; padding:70px 0px 50px 0px; margin-bottom:30px;}

.product_p{text-transform:uppercase;color:#ff002a;font:36px/36px 'Impact';}

.product_h2{ height:42px;background:url(../images/proline.gif) center  no-repeat ;font:22px/22px 'Microsoft Yahei'; display:block; margin:0 auto;}

.product_h3{ margin:0px; line-height:20px; padding: 6px 0px; font-size:14px;/*background-color: #1a1d22;*/}

.product_h3 a{ color:#FFF}

div.index_product a.bx-prev,div.index_product a.bx-next{ display:none;}



/*首页案例联系*/

.index_cases{ padding:0px 0px 10px 0px;}

.index_contact{padding-bottom:5px;color:#898989;}

.tel span{background:url(../images/tel.gif) left center no-repeat; padding-left:32px; font:22px/26px 'Microsoft Yahei'; color:#24272e;}

.tel p{ color:#898989;font:30px/40px 'Impact'; }

.cases_pic_bg{padding-right:5px; padding-left:5px;}

.cases_pic{ background:none; border:none;}

.cases_pic h3{ margin:0px; font-size:14px; line-height:28px; text-align:center;}

.cases_pic a{color:#898989;}

.csese_pic a:hover{ text-decoration:none;}



.cat_title{margin:0px 10px 15px 10px;height:36px;font-weight:bold;background:url(../images/line.jpg) left bottom no-repeat;}

.cat_title span{color:#24272e;font:22px/26px 'Microsoft Yahei'; padding-left:20px;background:url(../images/titlefl.png) left center no-repeat;} 

.cat_title small{ font-weight:normal;float:right;color:#898989; line-height:36px;}

.index_left_nav{ margin:0px 10px 0px 10px;}

/*左侧分类*/

.left_nav{background:url(../images/about_title.png) left top no-repeat;}

.left_h1{margin:0px;color:#1a1d22;font:22px/34px 'Microsoft Yahei'; padding:0px; text-indent:20px;}

.left_p{color:#ff002a;text-transform:uppercase; font:26px/24px 'impact'; height:10px; text-indent:20px;}

.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:7px 0px 25px 0px;}

.left_nav_ul li{margin-bottom:8px;  position:relative}

.left_nav_ul li a{text-decoration:none; color:#333;display:block; background:url(../images/left_li_bg.png) left center repeat-x; line-height:33px;  text-align:center; text-indent:10px;}

.left_nav_ul li a:hover,.left_nav_ul li a.left_active{background:url(../images/left_li_hover.png) left center repeat-x;color:#fff;}

.left_search{margin-bottom:26px;}

.left_search a{ background-color:#dddddd; color:#333333;}

.left_search a:hover{ background-color:#ea042b; color:#fff;}

/*小类*/

.left_snav_ul{list-style:none;padding:0px; background:#f7f7f7; display: none;}

.left_snav_ul li{ margin:0px;}

.left_snav_ul li a{border:0;border-bottom:1px solid #ccc;color:#6d6d6d; line-height:32px;background:none;}

.left_snav_ul li a:hover{ background:none;color:#ea042b;}



.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#FFF;display:inline-block;position: absolute; top:1px; right:0px;}

.menu_head:hover{ background: rgba(34,34,34,0.1);}





/*左侧新闻*/

.left_news{background:url(../images/about_title.png) left top no-repeat;}

.left_news ul{ padding:5px 0px 18px 0px;}

.left_news span.news_time{display:none;}

.left_news_p{ color:#898989;}



/*右侧新闻*/

.list_news{list-style:none;margin:0px; padding:0px 10px 20px 10px;}

.list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; text-indent:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }

.list_news li a{color:#898989;}

.list_news li a:hover{text-decoration:none;color:#ea042b;}



.contents{padding:0px 5px 20px 10px; margin-bottom: 20px; line-height:30px; color:#898989;overflow: auto;}

.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size: 28px; line-height: 34px; font-family: 'Microsoft Yahei';}



/*右侧产品*/

.pro_pic_bg{padding-right:5px; padding-left:5px; min-height:255px;}

.pro_pic{ background:none; border:none;}

.pro_pic h3{ margin:0px; font-size:14px;line-height:20px;text-align:center; padding-top:5px; }

.pro_pic a{color:#898989;}

.pro_pic a:hover{ text-decoration:none;color:#ea042b;}

.img-thumbnail{max-height:200px;}





/*分页样式*/

.page{clear:both; margin:10px 0px 40px 0px; text-align: center;}

.page a {display: inline-block;  font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #949494; text-decoration: none}

.page a:hover,.page a:focus{font-size: 13px;border: #727272 1px solid; padding:4px 9px;color: #fff; background-color: #727272;}

.page .current {border: #656565 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #727272}



/*产品展示*/

#pic-page {text-align: center; margin-top:10px;}

#pic-page a {margin: 0 2px;}

#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}

#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}

.product_h1{ margin:0px; line-height:22px; font-size:18px; text-align:center; font-weight:bold;padding-bottom:10px;border-bottom: 1px dotted #cccccc;}

.product_info{list-style:none; padding:0px; margin-top:10px;}

.product_info li{ line-height:24px; padding-bottom:12px;}

.product_con{border-top: 1px dotted #ea042b; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px; color:#898989;overflow: auto;}



.download_btn{text-align: right; margin: 10px 10px 20px 0px;}

.related_news{ margin-bottom: 15px;}



/*在线留言订购*/

.feedback{ padding:20px 10px 30px 10px;}

.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}

.codeimg{ margin: 0px 0px -10px -18px;}





/*上一个下一个*/

.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}

.point span.to_prev{text-align:center; }

.point span.to_prev a{color:#0068b7;}

.point span.to_prev a:hover{color: #ea042b}

.point span.to_next{text-align:center; }

.point span.to_next a{color:#0068b7;}

.point span.to_next a:hover{color: #ea042b}



/*标签样式*/

.tags{ margin: 8px 0px 10px 0px}

.tags a{ margin: 0px 5px 8px 0px}

.tags_list{padding: 5px 10px 20px 10px}



.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}

.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;}

.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;}



/*网站地图*/

.ul_sitemap{margin: 10px 0px 30px 30px;}

.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}

.ul_sitemap li a{color: #7d7d7d;}

li.small_li_sitemap{clear: both;padding-left: 12px;}

li.small_li2_sitemap{float: left; padding-left: 20px;}



#translate{width:180px; margin: 0 auto; }

#translate-this{margin: 15px 0px 10px 0px;}



/*底部信息*/

footer{ text-align:center;/* background-color: #31363a; */background:url(../images/foot_bg.jpg) top center repeat-x; color:#b5b5b5; padding:28px 0px 20px 0px; font-size:13px;}

.copyright{ line-height:20px;}

.copyright a{ color:#b5b5b5;}

.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;} 

.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}

.foot_nav a{color:#898989;display:block;}

.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}

.foot_nav span{display:block; padding:3px 0px 0px 0px;}

.webshare{width: 229px; padding: 5px;}

.webshare a{float: right;}



/*大屏幕*/

@media screen and (min-width: 769px) {

	.navbar{min-height: 70px;background: #fff;/*opacity:0.9*/}

	.navbar-nav{float:right;}

	.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;line-height: 40px; font-family:'microsoft yahei';}

	.flash{margin-top:70px;}

	.flash div.bx-controls-direction{ display:none; }

	#app_menudown{ display:none; }

	.index_left_nav,.footer_nav{display:none; }

}

/*小屏幕*/

@media screen and (max-width: 768px) {	

	.logo{margin:0px 0 0 5px; max-width:160px;}

	.flash div.bx-pager{ display:none;}

	.main{ padding:20px 0px 10px 0px;}

	.product_con img,.contents img{width:100%;}

	.about_box{margin:18px 0px 0px 0px;}

	.news_box{ display:none;}

	.about_more{ font-size:13px;}

	.search_group{width:250px;}

	.index_news li a:focus,.list_news li a:focus{ text-decoration:none;background-color:#e4e4e4;}

	.news_time{ display:none;}

	.product_h1{margin-top:35px;}

	.product_info{margin-bottom:0px;}

	#pic-page a img {width:35px;}

	#cmsFloatPanel{ display: none;}

	.point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}

	.cat_title small{display: none;}

	#product,#photo{ background: none; margin-top:45px;}

	#product div.flash,#photo div.flash{display: none;}

}

@media screen and (max-width: 767px) {	

	footer{ margin-bottom:50px;}

}

@media screen and (max-width: 240px) {

	.logo{margin:0px 0 0 5px; max-width:140px;}

}



/*420px到768px*/

@media screen and (min-width:420px) and (max-width:768px) {

  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {

    float: left;

  }

  .col-mm-12 {

    width: 100%;

  }

  .col-mm-11 {

    width: 91.66666667%;

  }

  .col-mm-10 {

    width: 83.33333333%;

  }

  .col-mm-9 {

    width: 75%;

  }

  .col-mm-8 {

    width: 66.66666667%;

  }

  .col-mm-7 {

    width: 58.33333333%;

  }

  .col-mm-6 {

    width: 50%;

  }

  .col-mm-5 {

    width: 41.66666667%;

  }

  .col-mm-4 {

    width: 33.33333333%;

  }

  .col-mm-3 {

    width: 25%;

  }

  .col-mm-2 {

    width: 16.66666667%;

  }

  .col-mm-1 {

    width: 8.33333333%;

  }

}











