@charset "utf-8";

.blue {
padding:0px;
margin:0px;
font-size: 14px;
line-height: 25px;
color:#505050;
text-align: left;
}
.blue .w100 {
max-width:1200px;
width: 100%;
padding: 0px;
margin: 0px auto;
border: none;
overflow: hidden;
}

.blue .all_title{
width:100%;
height:82px;
margin: 10px auto 0px auto;
padding: 0px;
overflow: hidden;
}
.blue .all_title h2{
margin:0px auto;
font-size: 30px;
line-height: 40px;
color: #343434;
font-weight: 500;
text-align: center;
}
.blue .all_title h3{
padding-top:10px;
font-size: 16px;
line-height: 20px;
color: #c3c3c3;
font-weight: 400;
text-align: center;
text-transform:uppercase;
}
.blue .index_more{
width: 116px;
height: 34px;
font-size: 18px;
line-height: 30px;
color: #131313;
text-align: center;
font-weight:600;
background:#b5030a;
}
.blue .index_more:hover{
color: #1c4283;

}
.blue .index_more a{
color: #131313;
}
.blue .fenlei {
max-width: 1200px;
width: 100%;
padding:0px;
margin:0px auto 0px auto;
text-align: center;
border: none;
overflow: hidden;
}
.blue .fenlei .content{
padding-top:20px;
}
.blue .fenlei li {
width:200px;
height:260px;
padding:0px;
float:left;
	cursor:pointer;
	overflow:hidden;
	margin:0;
}
.blue .fenlei li img{
	min-width:200px;
height:260px;
	position:absolute;
	z-index:1;
	left: 0;
	-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;
}
.blue .fenlei li:hover img{  
     -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; 
            }  
.blue .fenlei li a{
	display:block;position:relative;z-index:1000;text-decoration:none;
}
.blue .fenlei li span a{
	width:0;
	height:0;
	overflow:hidden;
}
.blue .fenlei li:hover span{
	padding-top:100px;
	color:#FFF;
	display: block;
	position: relative;
	width:200px;
    height:260px;
	margin:0;
	bottom:0;
	text-align: center;
	z-index: 10000;
	background: rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);
	cursor: pointer;
}
.blue .fenlei li:hover span a{
	padding:0.2rem 0.5rem 0.2rem 0.5rem;
	color:#FFF;
	font:1.2rem/1.5rem SourceHanSansSC-Light;
	text-align: center;
   /*border: 1px solid #fff;*/
   display:inline;
}

.blue .kecheng{
width: 1200px;
margin: 40px auto 10px;
padding:0px;
border: none;
overflow:hidden;
}
.blue .kecheng .content{
width:100%;
height: 400px;
margin-top: 20px;
font-size:13px;
line-height: 22px;
color: #262626;
text-align: left;
font-weight:400;
border: none;
overflow:hidden;
}
.blue .kecheng .content ul{
width:1300px;
display:block;
}

/*不要详情的height: 255px;*/
.blue .kecheng .content li{
width:272px;
height: 330px;
float:left;
margin-right:30px;
font-size:12px;
line-height: 25px;
color: #979797;
text-align: left;
font-weight:400;
-moz-box-shadow:5px 5px 7px #ddd;
-webkit-box-shadow:5px 5px 7px #ddd;
box-shadow:5px 5px 7px #ddd;
}
.product_pic {
    vertical-align: middle;
    width: 270px;
    height: 200px;
    background: #fff;
    overflow: hidden;
    margin: auto;
}
.product_pic img {
    width: 270px;
    min-height: 200px;
    display: block;
    overflow: hidden;
    transition: all 0.6s;
}

.blue .kecheng .content li p{
padding:0px 5px 3px 5px;
font-size:15px;
}

.blue .kecheng .content li span{
	margin:6px 0px 3px 0px;
font-size:16px;
line-height:30px;
color: #171717;
text-align: left;
font-weight:700;
display:block;
text-align: center;
}

.blue .kecheng .content li span a{
font-size:16px;
line-height:30px;
color: #171717;
text-align: left;
font-weight:700;
}
.blue .kecheng .content li span a:hover{
color: #f60;
}


.blue .jieshao_box{
width: 100%;
height: 389px;
margin: 0px;
padding:10px 0px 0px 0px;
border: none;
background:#f7f7f7;
overflow:hidden;
}
.blue .jieshao{
width: 1200px;
height: 389px;
margin: 10px auto;
padding:0px;
font-size:13px;
line-height: 22px;
color: #262626;
text-align: left;
font-weight:400;
border: none;
overflow:hidden;
}
.blue .jieshao .tu{
width: 485px;
height: 200px;
float:left;
margin-top:20px;
padding:0px;
border: none;
overflow:hidden;
}
.blue .jieshao .tu img{
width: 485px;
height: 200px;
}
.blue .jieshao .content{
width: 670px;
height: 250px;
float:right;
margin-top:20px;
padding:0px;
font-size:13px;
line-height: 22px;
color: #262626;
text-align: left;
font-weight:400;
border: none;
overflow:hidden;
}

.blue .jieshao_box .content ul{
width: 100%;
height: 72px;
padding:0px;
margin:20px auto 0px auto;
font-size:17px;
line-height: 25px;
color: #fff;
text-align: left;
font-weight:400;
display:block;
}
.blue .jieshao_box .content ul li{
width: 186px;
height: 60px;
float:left;
margin:10px 10px 0px 10px;
background:#b5030a;
border-radius: 6px;
overflow:hidden;
}
.blue .jieshao_box .content ul li img{
width: 32px;
height: 38px;
float:left;
margin:10px 0px 0px 30px;
}
.blue .jieshao_box .content ul li a{
padding-left:5px;
font-size:18px;
line-height: 60px;
color: #212121;
text-align: left;
font-weight:500;
}
.blue .news{
width: 1200px;
padding-top:20px;
margin: 20px auto 0px auto;
}
.blue .news .content{
padding-top:20px;
}
.blue .news li.news_one{
width: 550px;
height: 470px;
float:left;
margin-right:20px;
font-size:13px;
line-height: 25px;
color: #808080;
text-align: left;
font-weight:400;
border-bottom:none;
}
.blue .news li.news_one span{
font-size:16px;
line-height: 25px;
color: #808080;
text-align: left;
font-weight:700;
display:block;
}
.blue .news li.news_one span img{
width: 518px;
height: 295px;
display:block;
}
.blue .news li{
width:560px;
height: 85px;
margin:10px 0px 4px 0px;
padding-bottom:5px;
font-size: 12px;
line-height: 24px;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
}
.blue .news li .time{
width:71px;
height:80px;
padding:0px;
float:left;
margin:0px;
border:none;
font-size: 14px;
line-height:20px;
color:#adadad;
text-align:center;
}
.blue .news li .time b{
font-weight:400;
color:#adadad;
}
.blue .news li .time span{
padding-top:15px;
padding-bottom:10px;
font-size: 42px;
line-height:24px;
color:#666666;
text-align:center;
display:block;
}
.blue .news li .right{
width:470px;
height:74px;
padding:0;
float:right;
margin:0px;
border:none;
font-size: 13px;
line-height:20px;
font-weight:400;
color: #5a5a5a;
text-align:left;

}
.blue .news li .right span, .blue .news li .right span a{
font-size: 16px;
line-height:30px;
color:#5a5a5a;
text-align:left;
font-weight:700;
display:block;
}

.blue .baoming{
	clear:both;
width:100%;
height:100px;
padding:10px 0px 10px 0px;
margin: 20px auto 0px auto;
border: none;
background:#b5030a;
}
.blue .baoming .content{
width:755px;
height:70px;
margin:0px auto;
padding:30px 0px 0px 445px;
border: none;
background: url(../images/baom.png) no-repeat left center;
}
.blue .baoming .content input{
width:150px;
height:40px;
padding-left:10px;
float:left;
margin:0px 10px 0px 0px;
border: none;
font-size:14px;
line-height: 40px;
color: #212121;
text-align: left;
font-weight:400;
background:#fff;
border-radius: 4px;
}
.blue .baoming .content input.yanzhengma{
width:80px;
height:40px;
float:left;
margin:0px 10px 0px 0px;
border: none;
font-size:14px;
line-height: 40px;
color: #212121;
text-align: left;
font-weight:400;
background:#fff;
border-radius: 4px;
}
.blue .baoming .content input.name{
width:0;
height:0;
background:none;
overflow:hidden;
}
.blue .baoming .content .anniu{
width:150px;
height:40px;
float:left;
margin:0px 0px 0px 10px;
border: none;
font-size:18px;
line-height: 40px;
color: #fff;
text-align: center;
font-weight:700;
background:#212121;
border-radius: 4px;
}

/*share*/
.bdsharebuttonbox {text-align: center;display: inline-block;}
.bdsharebuttonbox a { display:inline-block; margin-right:10px;}
.qzong_img{background-position: 0 0!important;}
.tsina_img{background-position: -40px 0!important;}
.qq_img{background-position: -80px 0!important;}
.wx_img{background-position: -120px 0!important;}
.qzong_img:hover{background-position: 0 -31px!important;}
.tsina_img:hover{background-position: -40px -31px!important;}
.qq_img:hover{background-position: -80px -31px!important;}
.wx_img:hover{background-position: -120px -31px!important;}

.blue .product .clearfix, .blue .fenlei .clearfix{
float: left;
}
#colee_left {
overflow: hidden;
width: 3150px;
height: 245px;
margin: 20px auto 0px auto;
}
#colee_left >div {
overflow: hidden;
height:271px;
width: 6300px;
}

/*单个li加间距宽315px*/
.colee_left-all {
overflow: hidden;
height: 246px;
width: 3150px;
float: left;
position: relative;
}
.blue .product {
width:1200px;
padding: 0;
margin: 30px auto;
border: none;
overflow: hidden;
}
.blue .product .content{
width: 100%;
height: 295px;
padding: 0;
margin: 20px auto 0px auto;
border: none;
overflow: hidden;
}
.blue .product li{
width: 295px;
height: 246px;
float: left;
margin: 0px 5px 0px 15px;
display: inline;
font-size: 18px;
line-height: 30px;
color: #000;
text-align: center;
background:#b7b7b7;
overflow: hidden;
}
.blue .product li:nth-child(odd){
	background:#b5030a;
	color:#fff;
} 

.blue .product li img {
width: 295px;
height: 200px;
margin-bottom:6px;
display: block;
}

.blue .contact_us {
width: 100%;
border: none;
background:#f2f2f2;
margin-top:40px;
overflow:hidden;
}

.bluecontact{
width: 232px;
height:165px;
padding-top:30px;
float:left;
margin-right:20px;
font-size: 30px;
line-height: 44px;
color: #fff;
font-weight: 500;
text-align: center;
display:block;
background:#b5030a;
}

.blue .contact_us .content{
width: 830px;
padding:0px;
margin: 10px 0px 0px 0px;
border: none;
font-size: 16px;
line-height: 30px;
color: #3b3b3b;
font-weight: 400;
text-align: left;
/*background: url(../images/ewm.jpg) no-repeat center right;*/
background-size:auto 100%;
overflow:hidden;
}

.blue .contact_us h1{
	font-size: 20px;
	font-weight:400;
  text-transform:uppercase; 
}

/*搴曢儴*/
.blue #globalFooter{
width: 100%;
height:auto;
padding:0;
margin:0px;
background: #2d2d2d;
}
.blue #globalFooter_copyright{
max-width:1200px;
width: 100%;
padding:20px 0px 10px 0px;
margin:0px auto;
font-size: 15px;
line-height: 30px;
color: #fff;
font-weight: 400;
text-align: center;
}
.blue #globalFooter_copyright a{
margin:10px 16px 10px 10px;
color: #fff;
font-size: 15px;
line-height: 30px;
}
.blue #globalFooter_copyright ul{
width:100%;
margin-bottom:6px;
text-align: center;
display:block;
}
.blue #globalFooter_copyright ul li{
margin:10px 8px 10px 8px;
color: #fff;
font-size: 15px;
line-height: 30px;
text-align: center;
display:inline;
}
.blue .W30 .title, .blue .small_title {
width:100%;
height: 40px;
margin: 0px auto;
padding: 0px;
border: none;
overflow: hidden;
}
.blue .W30 .title h2, .blue .small_title h2 {
height: 40px;
padding: 0px 0px 0px 15px;
margin: 0px;
float: left;
border: none;
font-size: 17px;
line-height: 40px;
color: #fff;
font-weight: 400;
text-align: left;
}
.blue .W30 .title span, .blue .small_title span {
min-width: 50px;
_width: 50px;
height: 30px;
padding: 5px 10px 5px 0px;
float: right;
margin: 0px;
text-align: right;
}
.blue .W70 .title, .blue .big_title {
width: 99%;
height: 50px;
padding: 0px;
margin: 0px auto;
border: none;
border-bottom:1px solid #b5b5b5;
overflow: hidden;
}
.blue .W70 .title h2, .blue .big_title h2 {
height: 30px;
padding: 10px 0px 12px 0;
float:left;
margin: 0px;
border: none;
font-family: "寰蒋闆呴粦";
font-size: 24px;
color: #b5030a;
font-weight: 400;
line-height:30px;
text-align: center;
border-radius: 0px;

}
.blue .W70 .title h1, .blue .big_title h1 {
width: 5px;
height: 20px;
padding: 0px;
float: left;
margin: 15px 10px 0px 5px;
border: none;
background: #b5030a;
}
.blue .W70 .title span, .blue .big_title span {
min-width: 50px;
_width: 50px;
height: 35px;
padding: 5px 10px 0px 0px;
float: right;
margin: 0px;
text-align: right;
}
.blue #inlcude_contact_p {
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px;
border: none;
}
.blue #inlcude_contact_p .content {
min-height: 190px;
_height: 190px;
overflow: visible;
padding: 10px 0px 0px 0px;
border: none;
text-align: left;
}
.blue #inlcude_contact_p .content .p, .blue #contact_us .p {
font-size: 12px;
line-height: 23px;
color: #555555;
text-align: left;
}
.blue #include_article_son_txtli{
width:100%;
margin:10px 0px 10px 0px;
padding:0px;
border: none;
}
.blue #include_article_son_txtli .content{
margin:0px;
padding:15px 0px 0px 0px;
border:none;
}
.blue #include_article_son_txtli .content li{
	width:98%;
	height:32px;
	margin:4px auto;
	padding:0px;
	border:none;
	background:#e9e9e9;
	overflow:hidden;
}
.blue #include_article_son_txtli .content li a{
	padding-left:36%;
	font-size: 14px;
	line-height:32px;
	color:#333;
	text-align:left;
	}
.blue #include_article_son_txtli .content li a:hover{
	font-size: 14px;
	line-height:32px;
	color:#f60;
}
/*
.blue #include_article_son_txtli .content li{
display: flex;
justify-center: center;
align-items:center;
}

.blue #include_article_son_txtli .content li.two_fl{
padding:8px 10px 8px 10px;
margin:0px 6px 0px 6px;
font-family: "寰蒋闆呴粦";
font-size: 14px;
line-height: 45px;
font-weight:100;
color: #fff;
text-align:center;
border-collapse:collapse; 
display:inline;
background:#1c4283;
border: 2px solid #fbca18;
border-radius: 4px;

}
.blue #include_article_son_txtli .content li.two_fl a{
font-family: "寰蒋闆呴粦";
font-size: 14px;
line-height: 45px;
font-weight:100;
color: #fff;
text-align:center;
}
.blue #include_article_son_txtli .content li.tree_fl{
float:left;
padding:8px 10px 8px 10px;
margin:0px 6px 0px 6px;
text-align:center;
font-family: "寰蒋闆呴粦";
font-size: 13px;
line-height: 45px;
font-weight:100;
color: #333;
text-align:center;
border: 1px solid #1c4283;
border-radius: 6px;
}
.blue #include_article_son_txtli .content li.two_fl:hover{
padding:8px 10px 8px 10px;
margin:0px 6px 0px 6px;
font-size: 14px;
line-height: 45px;
color: #fff;
font-weight:100;
text-align:center;
background:#fbca18;
border-radius: 4px;
}
.blue #include_article_son_txtli .content li.two_fl:hover a{
font-size: 14px;
line-height: 45px;
color: #fff;
font-weight:100;
text-align:center;
}*/
.blue .news_box {
margin: 0px;
padding: 0px;
border: none;
}
.blue .news_box .content {
margin: 0px;
padding: 0px;
border: none;
}
.blue .news_box .content ul {
width: 100%;
margin: 10px auto;
}
.blue .news_box .content li {
width: 100%;
height: 35px;
margin: 0px auto;
text-align: left;
}
.blue .news_box .content li:nth-child(odd) {
background: #f3f3f3;
}
.blue .news_box .content li a {
float: left;
font-size: 13px;
line-height: 35px;
color: #555555;
text-align: left;
text-indent: 24px;
background: url(../images/xd.jpg) no-repeat 15px center;
}
.blue .news_box .content li a:hover {
line-height: 35px;
color: #f60;
}
.blue .xiangmus, .blue .news_box_two{
width: 100%;
padding: 0px;
margin: 0px auto;
border: none;
}
.blue .xiangmus .content, .blue .news_box_two .content{
padding: 0px;
margin: 0px;
border: none;
}
.blue .xiangmus ul {
padding: 0px;
margin: 0px;
border: none;
}
.blue .xiangmus li {
width: 100%;
height: 115px;
padding: 0px 0px 4px 0px;
margin: 10px auto 6px auto;
font-size: 15px;
line-height: 20px;
color: #666666;
text-align: left;
overflow: hidden;
}
.blue .xiangmus li img {
height: 110px;
padding: 3px 16px 0px 3px;
float:left;
margin: 0px;
}
.blue .xiangmus li p {
padding: 0px 0px 0px 10px;
margin: 0px;
font-size: 12px;
line-height: 20px;
color: #666666;
text-align: left;
}
.blue .xiangmus li span a{
font-size: 17px;
line-height: 22px;
color: #383838;
text-align: left;
font-weight: 400;
display: block;
}
.blue .xiangmus li a{
padding: 0px 0px 0px 10px;
margin: 0px;
font-size: 12px;
line-height: 20px;
color: #f60;
text-align: left;
}
.blue .xiangmus li span a:link, .blue .xiangmus li span a:visited {
font-size: 17px;
line-height: 30px;
color: #383838;
text-align: left;
text-decoration: none;
}
.blue .xiangmus li span a:hover {
color: #f60;
}
.blue .xiangmus li .more {
width: 96%;
height: 25px;
padding: 6px 0px 0px 0px;
margin: 0px auto;
text-align: left;
}
.blue .xiangmus li .more img {
width: 35px;
height: 12px;
float: left;
}

.blue .products {
padding: 0px;
margin: 0px;
border: none;
}
.blue .products .content {
width: 100%;
padding: 0px;
margin: 0px auto;
border: none;
text-align: center;
}
.blue .products .content li {
width: 290px;
height:230px;
padding: 5px 0px 10px 0px;
margin: 10px 5px 5px 5px;
font-size: 14px;
line-height: 30px;
color: #333;
text-align: center;
display: inline-block;
overflow: hidden;
}

.blue .products .pro li:nth-child(1) {
width: 700px;
height:230px;
padding: 5px 0px 10px 0px;
margin: 10px 5px 5px 5px;
font-size: 14px;
line-height: 30px;
color: #333;
text-align: center;
display: inline-block;
overflow: hidden;
}


.tc{
	width: 290px;
	height:230px;
	overflow: hidden;
}
.blue .products li img {
max-width: 290px;
height: 200px;
margin: 0 auto;
display: block;
overflow: hidden;
}

.blue .products .content li p {
height: 30px;
margin: 0px;
font-size: 15px;
line-height: 30px;
color: #333;
text-align: center;
display: block;
overflow: hidden;
}
.blue .products .content li a {
font-size: 15px;
line-height: 30px;
color: #333;
text-align: center;
}

.blue .main_box{width:100%}
.blue .main{max-width:1200px;width:100%; margin:0px auto;}
.blue .W30 {
width: 280px;
padding: 0px;
float: left;
margin: 0px;
background: none;
}
.blue .W70 {
width: 900px;
padding: 0px;
float: right;
margin: 0px;
border: none;
}
.blue a {
color: #555555;
font-size: 13px;
text-decoration: none;
}
.blue a:hover {
color: #f60;
}
.blue span a {
color: #555;
font-size: 13px;
text-decoration: none;
}
.blue span a:hover {
color: #f60;
font-size: 13px;
text-decoration: none;
}
.blue .skins .pubdate {
width: 90%;
height: 25px;
padding: 0px;
margin: 5px auto 5px auto;
border: none;
font-size: 12px;
line-height: 25px;
color: #828282;
text-align: center;
display: block;
}
.blue .blocks {
padding: 0px;
margin: 0px;
border: none;
}
.blue .skins {
padding: 0px;
margin: 0px;
}
.blue .skins .titles {
width: 100%;
margin: 15px 0px 10px 0px;
padding: 0px;
border: none;
}
.blue .skins .titles h1 {
width: 100%;
margin: 0px;
padding: 0px;
border: none;
font-size: 18px;
line-height: 30px;
font-weight: bold;
text-align: center;
}
.blue .skins .titles h3 {
min-width: 50px;
_width: 50px;
height: 31px;
float: right;
}
.blue .skins .titles span {
}
.blue .skins .contents {
width: 96%;
padding: 0px;
margin: 0px auto;
background: none;
border: none;
}
.blue .skins .contents img{
max-width: 100%;
height:auto !important;
margin: 10px auto;
display:block;
}
.blue #sidebar {
border: none;
}
.blue .btn_order {
padding: 10px;
display: block;
font-size: 16px;
font-weight: bold;
letter-spacing: 1em;
text-align: center;
text-decoration: none;
color: #202020;
}
.blue #ArticleContent_body, .blue . imgtxt {
width:96%;
margin:10px auto;
font-size:13px;
line-height: 25px;
color: #202020;
text-align: left;
text-indent:22px;
font-weight:normal;
}
.blue .crumbNav {
width: 99%;
line-height: 20px;
padding: 10px 0px 0;
margin: 0 auto;
border: none;
}
.blue .table, .blue .table .bg2, .blue .pages, .blue table td, .blue table th {
background: none;
color: #555;
}
.blue .table .wenzi {
width: 120px;
}
.blue .crumbNav .floatL{
    font-size: 14px;
    font-weight: bold;
}

/*在线留言*/
.blue .productContent {
	max-width: 50rem;
	width: 96%;
	margin: 0px auto 10px auto;
}
.blue .guestbook #truename {
	height: 34px;
	width: 96%;
	margin: 0px auto 10px auto;
	border: 1px solid #ddd;
	color: #777;
	font-size: 14px;
	text-indent: 10px;
}
.blue .guestbook #telephone {
	height: 34px;
	width: 96%;
	margin: 0px auto 10px auto;
	border: 1px solid #ddd;
	color: #777;
	font-size: 14px;
	text-indent: 10px;
}
.blue .guestbook #email {
	height: 34px;
	width: 96%;
	margin: 0px auto 10px auto;
	border: 1px solid #ddd;
	color: #777;
	font-size: 14px;
	text-indent: 10px;
}
.blue .guestbook .neirong {
	height: 100px;
	width: 96%;
	margin: 0px auto 10px auto;
	border: 1px solid #ddd;
	color: #777;
	font-size: 14px;
	text-indent: 10px;
}
.blue .guestbook .bm_xiangmu{
	height: 34px;
	line-height: 34px;
	width: 96%;
	margin: 0px auto 10px auto;
	border: 1px solid #ddd;
	color: #777;
	font-size: 14px;
	text-indent: 10px;
}
.blue .guestbook #captcha {
	width: 60%;
	height: 34px;
	padding-left: 10px;
	line-height: 34px;
	color: #777;
	font-size: 14px;
	border: 1px solid #ddd;
	margin: 0px auto 14px auto;
	float: left;
}
.blue .guestbook .anniu {
	height: 34px;
	width: 96%;
	background: #aaa;
	border: 1px solid #aaa;
	font-size: 16px;
	color: #fff;
}
.blue .guestbook .anniu:hover {
	background: #e1b154;
	border: 1px solid #e1b154;
}


/*--------分页---------*/
.blue .pages {
text-align: center;
font-size: small;
margin-top:20px;
}

.blue .pages a {
background-color: #f3f3f5;
display: inline-block;
padding: 2px 6px;
color: #333
}

.blue .pages a:hover {
border: 1px solid #666;
padding: 1px 5px;
text-decoration: none
}

.blue .pages strong {
font-weight: bold;
background-color: #f3f3f5;
display: inline-block;
padding: 2px 6px;
}

.blue .pages .current {
background-color: #278cd2;
display: inline-block;
padding: 2px 6px;
color: #fff
}

/*left fenlei*/
.leftsidebar_box {
width:100%;
height: auto !important;
overflow: visible !important;
height: 100% !important;
background-color: #ffffff;
}
.line {
height: 2px;
width: 100%;
}
.leftsidebar_box .til-cons {
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
}
.leftsidebar_box .til-cons h1 {
position: relative;
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 40px;
cursor: pointer;
background:#6d6d6d url(../images/xd.png) no-repeat 40px center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.leftsidebar_box .til-cons h1 a{
color: #fff;
font-weight: 500;
font-size:16px;
line-height: 40px;
}
.leftsidebar_box .til-cons .h1-hover, .leftsidebar_box .til-cons .h1-click {
background: #212121;
color: #fff;
}
.leftsidebar_box .til-cons .h1-hover a, .leftsidebar_box .til-cons .h1-click a{
color: #fff;
}
.leftsidebar_box .til-details {
width: 150px;
position: absolute;
right: -150px;
top: 0;
background-color: #212121;
line-height:40px;
z-index: 100;
display: none;
}
.leftsidebar_box .til-details li {
cursor: pointer;
border-top: 2px solid #1c4283;
font-size: 15px;
color:#fff;
}
.leftsidebar_box .til-details li a{

font-size: 15px;
color:#fff;
}
.leftsidebar_box .til-cons:hover h1:after {
z-index: 101;
position: absolute;
top: 0;
right: -15px;
content: "";
display: block;
width: 16px;
height: 40px;
color:#fff;
}
.leftsidebar_box .til-details .li-hover, .leftsidebar_box .til-details li:hover {
color: #fff;
background: #212121;
}
.blue .zx-til{
width: 100%;
height: 60px;
font-size: 24px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 60px;
background-color: #b5030a;
}
.blue .chosecolor{
/*background:#b5030a;*/
background:#b5030a;
}
.blue .end_color{
background:#2d2d2d;
}