.navigation{background: #f6f6f6;}
section{background: #eee;}
.Title{font-size: 18px;color: #fff;background: #bd4e00;height: 50px;line-height: 50px;cursor: pointer;font-weight: bold;}
.Title img{margin:0 10px;}
.tab{width: 220px;float: left;background: #fff;}
.tab_content{width: 900px;float: left;margin-left: 20px;background: #fff;padding: 20px;}
.About_us img{width: 100%;}
#home p{color: #333333;font-size: 16px;margin: 15px 0;}
.nav-tabs{border: none;}
.nav-tabs > li{float: none;    border-bottom: 1px solid #e8e8e8;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #bd4e00;
    font-weight: bold;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    font-weight: bold;
}

.nav-tabs>li>a{
	color: #333333;

    padding: 0px 10px;
    height: 45px;
    line-height: 45px;

}
.logo {
    height: 105px;
}
.logo img {

    float: right;
    margin-right: 60px;
    width: 80px;
    margin-top: 10px;
}
.Breadcrumb_navigation{background: #fff;height: 60px;line-height: 60px;}
.Breadcrumb_navigation img{margin-right: 10px;}
.Breadcrumb_navigation a{color: #333333;font-size: 16px;margin: 0 5px;}
.Tab_navigation{padding-top: 20px;padding-bottom: 50px;}

.Products .col-lg-3{padding: 0PX 10px 10px 10px;margin-bottom: 30px;}
.Products .col-lg-3:hover{box-shadow: 0px 0px 10px #3336;cursor: pointer;}
.Products .col-lg-3:hover .shoes{border: none;}
.shoes{border: 1px solid #cccccc;}
.shoes img{width: 100%;}
.Products .col-lg-3 p{font-size: 12px;color: #333333;}
.contact{background: #bd4e00;height: 34px;line-height: 34px;color: #fff;text-align: center;font-size: 12px;}
.contact img{margin-right:15px;}
.lianx{width: 350px;float: left;border-right: 1px solid #e7e7e7;}
.lianx p{width: 250px;}
.ditu{width: 780px;float: left;padding-left: 50px;}
.ditu img{width: 100%;}
.Contact_information{padding-left: 40px;}

.zhuti{padding-bottom: 50px;}
.subject{background: #fff;margin-top:30px;padding:20px}
.icon{font-size: 16px;color: #bd4e00;font-weight: bold;}
.icon img{margin-right: 10px;}
.subject_top{border-bottom: 1px solid #e6e6e6;overflow: hidden;padding-bottom: 30px;}
.subject_bottom .left{width: 390px;float: left;}
.subject_bottom table{color: #333333;margin: 5px 0 5px 0;}
.subject_bottom .left input{width: 100%;height: 40px;border: 1px solid #cccccc;}
.subject_bottom .left div{margin-top: 20px;}
.subject_bottom .left div input{width: 40%;float: left;margin-top: 20px;}
.Verification_Code{width: 100px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #ccc;float: left;margin-left: 10px;}
.subject_bottom .left button{width: 100%;background: #bd4e00;height: 50px;border: none;color: #fff;font-size: 22px;margin-top: 20px;}
.subject_bottom .right{width: 706px;float: right;}
.subject_bottom .right textarea{width: 100%;height: 200px;border: 1px solid #cccccc;}

.Journalism{border: 1px solid #e1e1e1;padding: 20px;overflow: hidden;margin-bottom: 20px;}
.Journalism:hover{box-shadow: 0 0 5px #3336;cursor: pointer;}
.Journalism a{color: #bd4e00;}
.Journalism a span{margin-left: 5px;}
.Journalism_icon{color: #bd4e00;}
.Journalism p{word-wrap: break-word;color: #999999;}
.Journalism_img{width: 316px;float: left;}
.Journalism_text{width: 500px;float: left;padding-left: 20px;}
.Journalism_text p{color: #999;}
.glyphicon-user{margin-right: 10px;}
.glyphicon-time{margin: 0 10px;border-left: 1px solid #999999;padding-left: 15px;}
.Journalism_text h2{color: #bd4e00;}
.Big_picture{width: 100%;}
.icon_details{margin: 30px 0;}
.icon_details .item{cursor: pointer;position: relative;}
h4{color: #333333;font-size: 32px;border-left: 5px solid #bd4e00;padding-left: 50px;}
.gray{background: #f0f0f0;height: 110px;padding: 20px 0;margin: 30px 0;position: relative;}
.Symbol{position: absolute;top: 0px;left:0px;}
.News_detail>p{line-height: 34px;color: #333333;word-wrap:break-word;}
.share{width: 80PX;height: 35px;line-height: 35px;display: inline-block;border: 1px solid #bd4e00;text-align: center;margin-right: 10px;color: #bd4e00;}
.share_icon{overflow: hidden;border-top: 1px solid #e1e1e1;padding-top: 30px;margin-top: 30px;}
.share_icon a img{margin: 0 5px;}
.Head_portraityi{width: 205px;height: 205px;position: absolute;top: 4px;left:4px;border-radius: 50%;overflow: hidden;}
.Head_portraiter{background: red;width: 205px;height: 205px;position: absolute;top: 4px;right:1px;border-radius: 50%;z-index: 99;overflow: hidden;}
.Idea{position: relative;}
.Idea  .bj{margin:20px auto;}
.bj h1{font-size: 40px;font-weight: bold;}
.bj h2{font-size: 20px;font-weight: bold;}
.bj p{font-size: 16px;}
.bj_Bigpicture{width: 100%;}
.certificate img{border: 2px solid #bd4e00;width: 100%;margin-bottom: 20px;}

.One{position: absolute;top: 20%;left: 8%;text-align: center;color: #fff;}
.Two{position: absolute;top: 2%;left:40%;text-align: center;color: #fff;}
.Three{position: absolute;top: 20%;right:11%;text-align: center;color: #fff;}
.Four{position: absolute;bottom: 22%;right:15%;text-align: center;color: #fff;}

.Five{position: absolute;bottom: 5%;left:35%;text-align: center;color: #fff;}
.Six{position: absolute;bottom: 20%;left:13%;text-align: center;color: #fff;}

.brand_t{border-bottom: 1px dashed #cccccc;overflow: hidden;padding: 30px 0;}
.brand_t p{font-size: 16px;color: #333333;}
.brand_b{padding: 30PX 0;}
.brand_b p{font-size: 16px;color: #333333;}
.brand_l{float: left;width: 55%;}
.Symbol{margin: 0 20px 0 0;}
.brand_r{float: right;width: 40%;}
.brand_r .datu{width: 100%;}
.txiang{margin-top: 30px;}
.yi{position: absolute;top:10px;left:230px;width: 550px;}
.er{position: absolute;position: absolute;top:30px;left:100px;width: 550px;}
.yi h3{font-size: 24px;color: #bd4e00;}
.er h3{font-size: 24px;color: #bd4e00;}
.product_details{border-bottom: 1px solid #ccc;}
.product_bj{background: #fff;}
.Recommend{margin: 30px auto;}

.chanp{margin-top: 20px;}
.thumbnail_l{width: 108px;float: left;}
.thumbnail_l ul{list-style: none;}
.thumbnail_l ul li{border: 1px solid #ccc;margin-top: 10px;cursor: pointer;}
.thumbnail_l img{max-width: 106px;}
.low_source{float: left;width: 580px;}
.low_source img{width: 80%;margin-left: 10%;}
.introduce{float: left;width: 447px;}
.introduce h2{margin-top: 7px;}
.introduce ul{list-style: none;min-height: 90px;}
.introduce>ul>li{border-bottom: 1px dashed #cccccc;line-height: 40px;}

.introduce ul li span{color: #bd4e00;font-size: 18px;font-weight: bold;margin-right: 30px;}
.introduce img{margin:0 10px 10px 0px;}
.icon_details .item{float: left;}
.share_btn{background: #bd4e00;width: 180px;height: 45px;line-height: 45px;color: #fff;font-size: 12px;float: left;margin-right: 15px;cursor: pointer;margin-top: 5px;}
.share_btn:active{background: #bd4e00;}
.share_btn img{vertical-align: middle;margin: 0 5px 0 10px;}
.shangbiao{position: absolute;left: 50%;top: 50%;margin-left: -90px;margin-top: -85px;}
.ck{position: absolute;background: url(/template/default/images/cahnkan_03.png)center bottom;width: 180px;text-align: center;;color: #fff;top: -42px;left:-100%;height: 40px;line-height: 30px;display: none;cursor: pointer;}
.pagination_page{width: 500px;float: left;}
.pagination_Jump{float: right;margin-top: 10px;}
.pagination_Jump input{width: 30px;height: 24px;border: 1px solid #cccccc;}
.pagination_Jump button{width: 40px;height: 24px;border: 1px solid #cccccc;}
.fenye{;float:left;list-style: none;overflow: hidden;width: 370px;height: 40px;line-height: 40px;border-radius: 50px;box-shadow: 0 0 10px #3333;padding-left: 15px;margin:0 10px;}
.fenye li{float: left;margin: 0 12px;}

.fenye li a{color: #333333;background: #fff;border-radius: 50%;display: inline-block;width: 25px;height: 25px;line-height: 25px;margin-top: 8px;text-align: center;}
.fenye .active a{background: #bd4e00;color: #fff;border-radius: 50%;display: inline-block;width: 25px;height: 25px;line-height: 25px;margin-top: 8px;text-align: center;}
.fenye li a:hover{background: #bd4e00;color: #fff;border-radius: 50%;display: inline-block;width: 25px;height: 25px;line-height: 25px;margin-top: 8px;text-align: center;}
.fenye_l{float: left;width: 40px;height: 40px;line-height: 40px;background: #fff;border-radius: 50%;box-shadow: 0 0 10px #3333;text-align: center;background: url(/template/default/images/l_03.png)no-repeat center center;cursor: pointer;}
.fenye_l:hover{background:#bd4e00 url(/template/default/images/l_11.png)no-repeat center center;}
.fenye_r{float: left;width: 40px;height: 40px;line-height: 40px;background: #fff;border-radius: 50%;box-shadow: 0 0 10px #3333;text-align: center;background: url(/template/default/images/r1.png)no-repeat center center;cursor: pointer;}
.fenye_r:hover{background:#bd4e00 url(/template/default/images/r_11.png)no-repeat center center;}
.fenye_l a,.fenye_r a {display: inline-block;width: 100%;height: 100%;}
@media all and (max-width:1200px){
	.tab{width: 200px;}
	.tab_content{width: 720px;}
	.ditu{width: 580px;}
	.subject_bottom .left{width: 350px;}
	.subject_bottom .right{width: 550px;}
	.introduce{float: left;width: 400px;}
	.low_source{width: 500px;}
	.introduce{width: 320px;}
	.Journalism_text {
    width: 320px;
}
.bjtuxiang{width: 670px;}
.Head_portraityi{width: 160px;height: 160px;position: absolute;top: 4px;left:4px;border-radius: 50%;overflow: hidden;}
.Head_portraiter{background: red;width: 160px;height: 160px;position: absolute;top: 4px;right:12px;border-radius: 50%;z-index: 99;overflow: hidden;}
.yi {
    position: absolute;
    top: 3px;
    left: 175px;
    width: 450px;
}
.er {
    position: absolute;
    position: absolute;
    top: 0px;
    left: 63px;
    width: 450px;
}

.bj h1 {

    font-size: 31px;
    font-weight: bold;

}
.bj h2 {

    font-size: 16px;
    font-weight: bold;

}
.bj p {

    font-size: 14px;

}
.One {
    position: absolute;
    top: 20%;
    left: 6%;
    text-align: center;
    color: #fff;
}
.Three {
    position: absolute;
    top: 18%;
    right: 8%;
    text-align: center;
    color: #fff;
}
.Two {
    position: absolute;
    top: -2%;
    left: 35%;
    text-align: center;
    color: #fff;
}
.Six {
    position: absolute;
    bottom: 25%;
    left: 15%;
    text-align: center;
    color: #fff;
}
}
@media all and (max-width:992px){
	.tab_content{width: 500px;}
	.lianx{width: 280px;}
	.ditu{width: 430px;}
	.subject_bottom .left{width: 300px;}
	.subject_bottom .right{width: 400px;}
	.brand_l {
    float: none;
    width: 100%;
}
.brand_r{
    float: none;
    width: 100%;
}
.introduce{width: 100%;float: none;clear: both;}
.tab_content{width: 500px;}
.Journalism_img{width:100%}
.Journalism_img img{width: 100%;}
.Journalism_text{padding-left: 0px;margin-top: 20px;}
.bjtuxiang {
    width: 460px;
}
.Head_portraityi {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    overflow: hidden;
}
.Head_portraiter {
    background: red;
    width: 108px;
    height: 108px;
    position: absolute;
    top: 3px;
    right: 2px;
    border-radius: 50%;
    z-index: 99;
    overflow: hidden;
}
.yi {
    position: absolute;
    top: 0px;
    left: 119px;
    width: 300px;
    
}
.yi p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.er {
    position: absolute;
    position: absolute;
    top: 0px;
    left: 40px;
    width: 300px;
}
.er p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bj h1 {
    font-size: 20px;
    font-weight: bold;
}
.bj h2 {

    font-size: 12px;
    font-weight: bold;

}
.bj p {

    font-size: 10px;width: 130px

}
.
.One {
    position: absolute;
    top: 13%;
    left: 6%;
    text-align: center;
    color: #fff;
}
.shangbiao {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -53px;
    margin-top: -53px;
    width: 100px;
}
.Four {
    position: absolute;
    bottom: 23%;
    right: 9%;
    text-align: center;
    color: #fff;
}
.Five {
    position: absolute;
    bottom: 5%;
    left: 35%;
    text-align: center;
    color: #fff;
}
.Six {

    position: absolute;
    bottom: 25%;
    left: 8%;
    text-align: center;
    color: #fff;

}
}

@media all and (max-width:768px){
	
	
	.txiang {
    margin-top: 30px;
    width: 459px;
}
	.tab{width: 100%;}
	.tab_content{width: 100%;margin:30px 0 0 0;}
	.lianx {
    width: 265px;
}
	.ditu{width: 344px;padding-left: 15px;}
.subject_bottom .left{width: 250px;}
.subject_bottom .right{width: 350px;}
.Recommend .col-xs-12{padding: 0px;}
.One {

    position: absolute;
    top: 20%;
    left: 12%;
    text-align: center;
    color: #fff;

}
.Two {
    position: absolute;
    top: 2%;
    left: 39%;
    text-align: center;
    color: #fff;
}
.Three {

    position: absolute;
    top: 18%;
    right: 15%;
    text-align: center;
    color: #fff;

}

.Four {

    position: absolute;
    bottom: 23%;
    right: 14%;
    text-align: center;
    color: #fff;

}
.Five {

    position: absolute;
    bottom: 5%;
    left: 39%;
    text-align: center;
    color: #fff;

}
.Six {
    position: absolute;
    bottom: 25%;
    left: 12%;
    text-align: center;
    color: #fff;
}
.introduce h2{font-size: 26px;}
.Journalism_text {

    width: 100%;

}
}
@media all and (max-width:650px){
	.lianx{width: 100%;border-right: none;}
	.lianx>div{width: 50%;float: left;margin: 20px 0;}
	.ditu{width: 100%;padding-left: 0px;}
	.subject_bottom .left{width: 100%}
	.subject_bottom .right{width: 100%}
}
@media all and (max-width:630px){
	.thumbnail_l{float: none;width: 100%;}
	.thumbnail_l ul{list-style: none;}
.thumbnail_l ul li{border: 1px solid #ccc;margin-top: 10px;width: 18%;float: left;margin-right: 4px;}
.thumbnail_l ul li:last-child{margin-right: 0px;}
.thumbnail_l img{width: 100%;}
.low_source{width: 100%;margin: 20px 0;}
.low_source img{width: 100%;margin-left: 0%;}

}
@media all and (max-width:580px){
	.bj p {

    font-size: 8px;width: 130px

}
	.One {
    position: absolute;
    top: 17%;
    left: 8%;
    text-align: center;
    color: #fff;
}

.Two {

    position: absolute;
    top: 0%;
    left: 37%;
    text-align: center;
    color: #fff;

}
.Three {
    position: absolute;
    top: 18%;
    right: 10%;
    text-align: center;
    color: #fff;
}
.Four {
    position: absolute;
    bottom: 23%;
    right: 10%;
    text-align: center;
    color: #fff;
}
.Five {

    position: absolute;
    bottom: 5%;
    left: 36%;
    text-align: center;
    color: #fff;

}
.Six {
    position: absolute;
    bottom: 22%;
    left: 10%;
    text-align: center;
    color: #fff;
}

}

@media all and (max-width:530px){
	.bj h1 {
    font-size: 14px;
    font-weight: bold;
}
.bj p {

    font-size: 8px;
    width: 100px;

}
.Two {
    position: absolute;
    top: -3%;
    left: 34%;
    text-align: center;
    color: #fff;
}
.Three {
    position: absolute;
    top: 18%;
    right: 7%;
    text-align: center;
    color: #fff;
}
	.bj h2 {
    font-size: 12px;
    font-weight: bold;
}
.fenye{width: 50%;}
}
@media all and (max-width:500px){
		.lianx>div{width: 50%;float: none;}
		.bjtuxiang {
    width: 350px;
}
.Head_portraityi {
    width: 83px;
    height: 83px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    overflow: hidden;
}
.Head_portraiter {

    background: red;
    width: 82px;
    height: 82px;
    position: absolute;
    top: 2px;
    right: 111px;
    border-radius: 50%;
    z-index: 99;
    overflow: hidden;

}
.yi{left:99px;width: 220px;}
.er{width: 220px;}
.yi h3{font-size: 18px;color: #bd4e00;}
.er h3{font-size: 18px;color: #bd4e00;}
}

@media all and (max-width:450px){
	.shangbiao {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -44px;
    margin-top: -41px;
    width: 80px;

}
}
@media all and (max-width:430px){
	.bj h1 {
    font-size: 10px;
    font-weight: bold;
}
.bj h2 {

    font-size: 8px;
    font-weight: bold;

}
.bj p {

    font-size: 5px;
    width: 100px;

}
.bj h1{

    margin-top: 20px;
    margin-bottom: 0px;

}
..bj h2{
    margin-top: 0px;
    margin-bottom: 0px;

}
}

@media all and (max-width:400px){
	.bjtuxiang {
    width: 280px;
}
.Head_portraityi {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    overflow: hidden;
}
.yi {

    left: 72px;
    width: 190px;

}
.yi h3{margin-top: 5px;font-size: 14px;}
.er{left: 30px;width: 190px;}
.er h3{margin-top: 5px;font-size: 14px;}
.Head_portraiter {
    background: red;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 2px;
    right: 182px;
    border-radius: 50%;
    z-index: 99;
    overflow: hidden;
}
.fenye {

    width: 40%;

}
}
@media all and (max-width:380px){
	.bj h1 {
    font-size: 8px;
    font-weight: bold;
}
.bj h2 {

    font-size: 6px;
    font-weight: bold;

}
.bj p {
    font-size: 4px;
    width: 100px;
}
.One {

    position: absolute;
    top: 15%;
    left: 5%;
    text-align: center;
    color: #fff;

}
.Two {

    position: absolute;
    top: -4%;
    left: 33%;
    text-align: center;
    color: #fff;

}
.Three {

    position: absolute;
    top: 16%;
    right: 6%;
    text-align: center;
    color: #fff;

}
.Four {

    position: absolute;
    bottom: 21%;
    right: 5%;
    text-align: center;
    color: #fff;

}
.Five {
    position: absolute;
    bottom: 0%;
    left: 33%;
    text-align: center;
    color: #fff;
}
.Six {
    position: absolute;
    bottom: 22%;
    left: 5%;
    text-align: center;
    color: #fff;
}
}


.cl {
	clear:both;
}