/*pad*/
img {
	max-width: 100%;
}
.toe {
	/*超出省略号*/
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}


@media screen and (max-width: 1239px) {
	.wrapper{width: auto;}
	.nav ul li {padding: 19px 7px;font-size: 14px;}
	.content{width: 1000px;}
	.hot ul li {width: 230px;}
	.cut2 .right {width: 730px;}
	.cut2 .tab-bd2 {width: 730px;}
	.cut2 .tab-bd2 .text {width: 480px;}
	.banner2 .text {margin-top: 50px;}
	.banner2 .text .btn{ margin-top:10px;}
}
@media screen and (max-width: 1000px) {
.method2 ul li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    font-size: 24px;
    margin: 0 6px;
}
.method2 ul li:hover i {opacity: .6}
.df-languages {position: relative;line-height: 30px}
.languages-list {right: 0;left: auto}
.languages-list:hover {opacity: 1}
.languages-list li {display: block!important; padding-left: 0}
	
	.content{width: auto;}
	.nav{display: none;}
	.header{clear: both;}
	.header .logo{margin-left: 5%;}
	.banner{width: 100%;height: auto!important;background: none!important;}
	.fullSlide{position:relative;height: auto;overflow:hidden;}
	.fullSlide .bd li img{width:100%;height: auto;}
	.method2{display: block;float: right;margin-top: 45px;margin-right: 2%;} 
	/*.method2 ul li{float: left;width: 30px;height: 30px;text-align: center;margin: 0 6px;}
	.method2 .li1 img{width:22px;height: 20px;}
	.method2 .li2 img{width:23px;height: 17px;}*/
	.method{display: none;}
	.navs{position: fixed;top: 0px;left: 0;background:rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 55;overflow: hidden;overflow-y: auto;}
	.navs .body{position: relative;}
	.navs .btn{width: 25px;height: 25px;position: absolute;top: -30px;right: 30px;background: url(/images/close.png) no-repeat center;background-size:100%;cursor:pointer}
	.navs .on dl{display: block;}
	.navs dl{display: none;}
	.navs ul{width: 100%;margin-top:60px;}
	.navs ul li {border-bottom: 1px solid #999999;}
	.navs ul li h3{width: 100%;text-align: center;font-size: 18px;height: auto;line-height: 52px;}
	.navs ul li a{color: #FFFFFF;display: block;}
	.navs ul li:hover h3{background: #873039;}
	.navs ul li dl{ padding:10px 0;border-top: 1px solid #999999;}
	.navs ul li dl dd{font-size: 14px;text-align: center;line-height: 32px;}
	.navs ul li dl dd a:hover{color:#db4f34;}
	/*index*/
	.hot {margin: 0px 0;width: 90%;margin: 0 5%;}
	.hot ul{margin-left: 0px;width: 100%;margin: 0 auto;}
	.hot ul li{width: 45%;margin:20px 0;}
	.hot .right{float: right;}
	.hot .first{background: #873039;}
	.hot .first h4{color: #FFFFFF;}
	.hot .first a{color: #FFFFFF;}
	.hot .first i{background: url(/images/icon4.png) no-repeat bottom !important;background-size:49px 53px;}
	.hot ul li:hover a{color: #FFFFFF;}
	.hot li:hover{background:  #873039;}
	.hot li:hover h4{color: #FFFFFF;}
	.tabBox .tab-bd .txt .body ul li {height: 30px;line-height: 30px;}
	.tabBox .tab-bd .txt .body ul li a p{height: 30px;}
	
	/*新闻列表*/
	.banner2 .text{margin-top: 40px;}
	.banner2 .text .btn{margin-top: 10px;}
	
	.cut2 .head{display:none;}
	.cut2 .head h3{font-size: 24px;color: #973122;padding:30px 0 15px 0;text-align: center;}
	.cut2 .tab-hd2 {width: 90%;margin: 0 5%; margin-top:30px;}
	.cut2 .tab-hd2 ul{ display:table; width: 100%; border-left: 1px solid #eae8e8;}
	.cut2 .tab-hd2 ul li{display: table-cell;width:auto;border-left:none;text-align: center;padding: 20px 0;}
	.cut2 .tab-hd2 ul li:hover{background: #973122;}
	.cut2 .tab-hd2 ul li:hover A{color: #FFFFFF;}
	.cut2 .tab-bd2{width: 100%;}
	.cut2 .tab-bd2 h3{text-align: center;}
	.cut2 .tab-bd2 h3 span{ display:none;}
	.cut2 .tab-bd2 .img{width: 30%;padding: 25px 0 10px 0;height: auto;}
	.cut2 .tab-bd2 .img img{width: 100%!important;height: 100%!important;}
	.cut2 .tab-bd2 a:hover p{color: #973122;}
	.cut2 .tab-bd2 .text{width: 65%;padding: 15px 2% 20px 0;float: right;}
	.cut2 .tab-bd2 .text h4{font-size: 15px;}
	.cut2 .right{width: 90%;margin: 0 5%;}
	/*新闻列表  end*/
	
	/*新闻详情*/
	.TopBox{width: 90%;margin:0 5%;}
	.TopBox h1{font-size: 30px;}
	.TopBox div{height: 50px;line-height: 50px;}
	.subject{padding: 20px 0 40px 0;width: 90%;margin: 0 5%;}
	.BottomBox{padding-bottom: 50px;width: 90%;margin: 0 auto;}
	.BottomBox .backlist{left: 47.5%;}
	/*新闻详情   end*/
	
	
	/*foot*/
	.footer .content{margin-top: 20px;width:90% ;margin: 0 5%;}
	.footer .info {width:30%;}
	.footer .info .clearfix ul{display: none;}
	.footer .h3 {display: block;color:#333333;font-size: 14px;margin-top: 25px;}
	.footer .info ul li a h3{font-size: 14px;line-height: 25px;}
	.footer .relation{width: 70%;}
	.footer .relation .icon {display: none;}
	.footer .relation .qr{float: right;margin-top: 25px;}
	.footer .relation .qr p{margin-top: 5px;}
	.downmost{height: auto;font-size: 11px;margin-top: 15px;padding: 15px 0;}
	.downmost .content{margin-top: 0;}
	.downmost p{float: none;line-height: 23px;}
	.downmost span{float: none;line-height: 10px;}
	.BottomBox{display: block;}
	/*foot  end*/
	
	.banner2 .text{margin-top: 50px;}
	.banner2 .text .btn{display: none;}

}
@media screen and (max-width: 900px) {
	.subject img {max-width: 100% !important;}
}
@media screen and (max-width: 768px) {
	.About_Us {padding-top: 20px;height: auto;}
	.About_Us .fl{width: 90%;margin: 0 5%;float: none;clear: both;}
	.About_Us .head{text-align: center;padding:20px 0 10px ;}
	.About_Us .fl h3{display: block;}
	.About_Us .fl h3 span{color: #999999;font-size: 15px;margin-left: 10px;display: block;}
	.About_Us .fl .text{margin-bottom: 0px;}
	.About_Us .fl .text p{margin-bottom: 10px;}
	.About_Us .fl a{float: right;}
	.About_Us .fr{width: 90%;height: auto;margin:0px 5% 0 5%;float: none;height: auto;}
	.About_Us .fr img{ display:block;}
	.About_Us .fr video{ display:none;}

    .banner2 .text{margin-top: 34px;}
    .banner2 .text h3{font-size: 26px;}
    .banner2 .text p{font-size: 18px;}
	
	.cut {width: 90%;margin:0 5%;}
	.tabBox .tab-bd .img{width: 100%;height: auto;}
	.tabBox .tab-bd .txt{width: 100%;height: auto;margin-top: 20px;}

	.BottomBox p{left: 47%;}
	.method2{margin-top: 22px;}
	.header{height: 70px;}
	.header .logo{width: 122px;height: 70px;background-size:122px 29px;}
	.subject p{font-size: 13px;}
	.subject td{ display:block; width:100%;}
	.TopBox h1{font-size: 20px;padding: 30px 0 20px 0; font-weight:bold;}
	.cut2 .tab-hd2 ul{ border:none;}
	.cut2 .tab-hd2 ul li{border:1px solid #eae8e8;float: left;width: 30%;margin:1.4%;padding: 10px 0;}
	.cut2 .tab-hd2 ul li:hover{background: #973122;}
	.cut2 .tab-hd2 ul li:hover a{color: #FFFFFF;}
	.cut2 .tab-hd2 .bottom{border-bottom: 1px solid #eae8e8;border-right:none ;}
	.cut2 .tab-bd2 .img{width: 90%;padding: 0;margin: 20px 5% 0 5%;}
	.cut2 .tab-bd2 .text{width: 90%;padding:0;margin:5px 5%;}
	.cut2 .tab-bd2 .text h4{ line-height:150%;}
	.cut2 .tab-bd2 .img a{width: 100%;height: 100%;}
	.cut2 .tab-hd2 .bottom{border-bottom: 1px solid #eae8e8;border-right: 1px solid #eae8e8 ;}
	.fullSlide .hd{bottom: 0px;}
	.cut .head h2{font-size:24px ;color: #973122;}
	.tabBox .tab-bd {padding-bottom: 40px;}
	.tabBox .tab-bd .txt .head2 h3{line-height: 20px;font-weight: 600px;margin-bottom: 10px;}
	.tabBox .tab-bd .txt .head2 p{font-size: 13px;line-height: 23px;font-weight: 600px;max-height: 5.5em;}
	.tabBox .tab-bd .txt .body ul{ margin-top:15px;}
	.tabBox .tab-bd .txt .body ul li{font-size: 12px;height: 20px;line-height: 20px;}

	/*翻页*/
	.page{height:auto;}
	.page ul {padding: 30px 0;}
	.page ul li{margin-top: 0;}
	
	.single_body td{ display:block; width:100%;}
	.pic_list li{width:44%;}
	
	/*职位列表表格*/
	.jobtable td{width:auto!important; display:block!important;}
}
@media screen and (max-width: 641px) {
	.fullSlide .hd li{ width:8px; height:8px;border-radius: 8px; margin:0 4px;}
    .banner2 .text{margin-top: 30px;}    
    .banner2 .text h3{font-size: 20px;}
    .banner2 .text p{font-size: 14px;}
	.cut2 .tab-hd2 ul li{margin: 1.3%;font-size: 12px;}
	.subject p{font-size: 12px;}
	.TopBox h3{text-align: center;font-size: 22px;color: #333333;font-weight: 600px;padding: 20px 0 20px 0;}
	.tabBox .tab-bd .txt .head2 h3{font-size: 16px;}
	.tabBox .tab-bd .txt .head2 p{font-size: 11px;}
	.hot ul li{height: 160px;}
	.tabBox .tab-bd .txt .body ul li{font-size: 10px;margin-top: 10px;}
	.tabBox .tab-bd .txt .body ul li a p{width:80%;}
	.hot ul li i{width: 76px;height: 76px;}
	.hot ul li p{font-size: 14px;}
	.pic_list ul{width: 100%;}
	.pic_list li{width: 100%;display: block;margin-right: 0;}
	.searc .box input{width: 92%;font-size: 16px;padding-left: 8%;}
	}

@media screen and (max-width: 592px) {    
    .banner2 .text{margin-top: 30px;}    
    .banner2 .text h3{font-size: 16px;}
    .banner2 .text p{font-size: 12px;}
	.hot ul li{width: 100%;}
	}
@media screen and (max-width: 480px) {    
    .banner2 .text{margin-top: 20px;}    
    .banner2 .text h3{font-size: 14px;}
    .banner2 .text p{font-size: 12px;}
	.BottomBox p{left: 46%;}
	.tabBox .tab-bd .txt .body ul li a p{width:70%;}
	.searc .box input{width: 90%;font-size: 15px;padding-left: 10%;}
	}
@media screen and (max-width: 450px) {
	.banner2 .text{margin-top: 18px;} 
	.searc .box input{width: 88%;font-size: 14px;padding-left: 12%;}

	}
@media screen and (max-width: 360px) {
	.banner2 .text{margin-top: 15px;}
	}