@media screen and (max-width:1600px){

}
@media screen and (max-width:1450px){

}
@media screen and (max-width:1345px){

}
@media screen and (max-width:1280px){
	.w1220 { width: 100%;}
	.inner { width: 98%;}
	.inner_w100 { width: 100%;}
	.slick-prev { left: 0px;background: url(../images/020.jpg) no-repeat; z-index:2;}
	.slick-prev:hover { left: 0px;background: url(../images/020-.jpg) no-repeat;}

	.slick-next { right: 0px;background: url(../images/021.jpg) no-repeat; z-index: 2;}
	.slick-next:hover { right: 0px;background: url(../images/021-.jpg) no-repeat;}
	.news1 li .text{ float:left; width:640px; padding:0 45px; background:none;}
	.news1 li .morebox { display: none}

}
@media screen and (max-width:1200px){
	.logo{ width:247px;}
	.header-ri a{ width:72px; height:92px; }
	.navMenu{ margin-left:-220px; }
	.nav >li{ padding:0 18px;}
	.strategy li{ padding-left:530px; height:290px;}
	.strategy li .imgDiv{ width:497px;}
	.strategy li .name{ padding:25px 0 15px;}
	.strategy li .name b{ font-size:24px;}
	.strategy li .name em{ font-size:24px;}
	.strategy li .content{ padding-top:0px;  padding-right:40px;}
	.strategy li.liNow{ padding-right:530px; padding-left:40px;}
}
@media screen and (max-width:1100px){
	.cs-lst li {
    width:30.3%;
	margin:0px 1.5% 0px 1.5%;
	float:left; }
	.news1 li .text{ float:left; width:600px; padding:0 45px; background:none;}


}
@media screen and (max-width:1024px){
	body{ cursor:pointer;}
	.menuBtn,.header .so-btn-m{display: block;}
	.menuBtn {top: 22px;}
	.mtop{ display:block; height:65px;} 
	.header-box{ background:#fff; height:65px;}
	.header{ width:100%; margin:auto;}
	.navMenu{ display:none;}
	.header:before{ display:none;}
	.header-ri{ display:none;}
	.logo{ float:left; overflow:hidden; height: 65px; width:200px; }
	.logo img{height:40px; width:auto; padding-top: 10px;}
	.banner .flex-control-nav{ bottom:25px;}
	.bamnline { width: 600px;  margin-left:-300px;  margin-top:0px; }
	.bbox{ width:450px; margin:auto; position:absolute; left:50%; margin-left:-110px; top:50%; text-align:center; margin-top:-103px;background:url(../images/001.png) no-repeat; background-size: 100% auto;height: 157px;}
	.i_service{ padding-top: 32px;}
	.i_service .name{margin-bottom: 35px;}
	.slick-prev { left: 0px;background: url(../images/s_jiantou.png) no-repeat; z-index:2;}
	.slick-prev:hover { left: 0px;background: url(../images/s_jiantou.png) no-repeat;}

	.slick-next { right: 0px;background: url(../images/s_jiantou2.png) no-repeat; z-index: 2;}
	.slick-next:hover { right: 0px;background: url(../images/s_jiantou2.png) no-repeat;}
	.i_about {padding: 50px 0 50px 0;}
	.i_about .left {  padding: 40px 0 40px 2%;}
	.i_about .left h2 { margin-bottom: 35px;}
	.i_a_button {height: 50px; line-height: 50px;  font-size: 16px; margin-top: 35px;}
	.i_about .left .more { height: 42px; line-height: 42px; margin-top: 35px; }
	.i_about .right{  padding-top: 50px;}
	.i_case {padding: 40px 0 78px 0;}
	.i_n_box {padding: 38px 0 58px 0;}
	.i_n_box .name{ width: 100%;  margin-bottom: 40px;}
	
	.footer .ft-b{text-align:center;}
	.footer .ft-b span { }
	
	.pbanner { margin-top: 0px; }
	.pbanner .load-img {  width: 130%; margin-left: -15%;}
	
	.abouttitle{ background-attachment:local !important; padding:80px 0;}
  	.about-title{ padding:60px 0;}
  	.abouttitle h3{ font-size:40px; padding-top:25px; padding-bottom:25px;}
	
	.pageNum{ display:none;}
	.news1 li{ padding-bottom:20px; margin-bottom:20px;}
	.news1 li .imgDiv{ width:150px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{ float:none; width:auto; padding-right:0; padding-left:170px; background:none;}
	.news1 li .text h3{font-size:16px; padding-bottom:10px; margin-bottom:7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.news1 li .text p{line-height:1.5; height:37px; overflow:hidden; font-size:12px;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;}
	.wal{ width:auto; margin:0 10px;}
	
	.newshow1 .title{padding-bottom:10px; margin-bottom:30px;}
	.newshow1 .title h1{ font-size:18px;}
	.newshow1 .contentbox{ font-size:14px; color:#8b8b8c;}
	.newshow1 .contentbox .text{ padding-bottom:40px;}
	.newshow1 .contentbox .imgDiv{ padding-bottom:20px; text-align:center;}
	.newshow1 .contentbox .imgDiv img{ width:100%;}
	.newshow1 .contentbox .name{ text-align:center; padding-bottom:40px;}
	
	.project1 .titlelist{ margin-bottom:20px; margin-left:10px;}
	.project1 .titlelist ul{ width:auto;}
	.project1 .titlelist li{ width:33.33%; margin-bottom:10px;}
	.project1 .titlelist li .box{ margin-right:10px;}
	.project1 .titlelist li a{ height:40px; line-height:40px;}
	.project1 .listzz{ margin-left:10px;}
	.project1 .listzz ul{ width:auto;}
	.project1 .listzz li{ width:50%; margin-bottom:10px;}
	.project1 .listzz li .box{ margin-right:10px;}
	.project1 .listzz li h2{ padding:10px 0;}
	.project1 .listzz li h3{ padding-bottom:10px;}
	
	
	.projectshow1 .title{padding-bottom:10px; margin-bottom:30px;}
	.projectshow1 .title h1{ font-size:18px;}
	
	.strategy li{ height:auto; padding-left:0px; margin-bottom:35px;}
	.strategy li .imgDiv{ position:relative; width:100%;}
	.strategy li.liNow{ padding-right:0px; padding-left:0px;}
	.strategy li.liNow .imgDiv{ position:relative;}
	.strategy li .name{ padding:30px 20px 20px;}
	.strategy li .name b{ font-size:20px;}
	.strategy li .name em{ font-size:20px;}
	.strategy li .msg{ background:url(../images/nimg13_1.png) 20px top no-repeat; padding:3px 20px 0 42px;}
	.strategy li .content{ padding:20px 20px 40px;}
	
	.cs-lst li {
    width: 30.3%;
	margin:0px 1.5% 0px 1.5%;
	float:left;}
	.gallery2{width:210px; height:auto; }
	.gallery2 .img_box{width:210px; height:140px;}
	.gallery2 .img_box img{ max-width:210px; max-height:140px}
	.new-list dd{ box-shadow:0 0 14px rgba(0,0,0,0.1);}
	.new-list .con{  padding-top: 17px; width: 50%;}
	.new-list .t{ font-size: 18px; }
	.new-list .c{ margin-bottom: 8%;}
	.new-list .more i{ width: 100%;}
	.new-list .img{  width:284px;height: 190px;  }   
	.new-list .img img{ height:190px;}
	.new-titd{ padding-top:20px;}
   .new-titlea h3{ font-size:18px; margin-bottom:20px;}
   .new-text{ padding:30px 0 70px;}
   .new-text img{ margin-bottom:22px;}
   .new-text p{ margin-bottom:20px; font-size: 14px;}
	.share-box{  margin-bottom: 30px;}
	.page{ float:left; margin: 8px 0; width: 95%; padding-left:10px; }
		.hrList{ font-size: 14px;}
	.hrList .hspan{ width: 21%;}
	.hrList .hspan:nth-child(3){ display: none;}
	.address{ margin-bottom:32px;}
   .address h2{ font-size:24px; margin-bottom:24px;}
   .address span{ font-size:16px;}
	
	
} 
@media screen and (max-width:768px){
	.header-box{ background:#fff; height:50px;}
	.mtop{ display:block; height:50px;}
	.menuBtn {top: 15px;}
	.row_d {
	  margin-left: 0px;
	  margin-right: 0px;
	}
	.logo{ float:left; line-height:1; overflow:hidden; height: 50px; width:170px;}
	.logo img{height:35px; width:auto; padding-top: 6px;}
	#aside {top: 50px;}
	.bbox{ width:250px; margin:auto; position:absolute; left:50%; margin-left:-110px; top:50%; text-align:center; margin-top:-63px;background:url(../images/001.png) no-repeat; background-size: 100% auto;height: 87px;}
	.bamnline { width: 600px;  margin-left:-300px;  margin-top:0px;  display: none;}
	
	.i_service{ padding-top: 20px;}
	.i_service .name{margin-bottom: 15px;}
	.i_service .name .n_txt h2 { font-size:24px;line-height: 24px;}
	.i_service .name .n_txt h3 { font-size:18px; line-height:18px;}
	.i_ser_box .box .txt { padding: 10px 0% 10px 6%;}
	.i_ser_box .box .txt .more{margin-top: 10px;}

	
	.i_about {padding: 20px 0 20px 0;}
	.i_about .left { width: 96%;  padding: 10px 2% 0px 2%;}
	.i_about .left h2 { margin-bottom: 35px; font-size: 20px;margin-bottom: 15px;}
	.i_a_button {height:45px; line-height: 45px;  font-size: 16px; margin-top: 20px;}
	.i_about .left .more { display: none;}
	.i_about .right{ width: 100%; float: left; background:none; padding-top:0px; margin-top: 20px; }
	.i_about .right .tu{width: 100%;margin-right: 0%;}
	.i_about .right .honor{display: none;}
	
	.i_case {padding: 20px 0 68px 0;}
	.i_case .name{ margin-bottom: 25px;}
	.i_case .name .line{ width:30%;margin-top: 18px; }
	.i_case .name .n_txt h2 { font-size:24px;line-height: 24px;}
	.i_case .name .n_txt h3 { font-size:18px; line-height:18px;}
	.i_case_box{  margin: 0 12px 0 12px;}
	.i_case_box .txt {  height: 48px; line-height: 48px; color: #454545; overflow: hidden;}
	
	.i_n_box {padding: 20px 0 28px 0;}
	.i_n_box .name{ margin-bottom: 25px;}
	.i_n_box .name .n_txt h2 { font-size:24px;line-height: 24px; }
	.i_n_box .name .n_txt h3 {font-size:18px; line-height:18px;}
	.i_n_box ul { height: 330px; overflow: hidden;}
	.i_n_box ul li { width: 100%; padding: 0px 0 0px 0; margin-bottom: 20px; }
	.i_news .txt{margin: 0 auto 20PX auto;}
	.i_news .txt h2 {font-size: 16px;}
	
	
	.footer .ft-t{ padding: 30px 10px;}
	.footer .ft-t .logo {margin-bottom: 10px;text-align: center;}
    .footer .ft-t .logo img{height: 50px;}
    .footer .ft-t .col-r,.footer .ft-t .col-l {width: auto;float: none; } 
    .footer .ft-t .col-l{text-align: center; background: none; min-height: auto; } 
    .footer .ft-t .col-r dl,
    .footer .ft-t .col-r dl:last-child{float: none; width: auto; padding-left: 0;height:auto; border-right: none;} 
    .footer .ft-t .col-r dl.open{}
    .footer .ft-t .col-r dt {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: 1px solid #666;
        background: url(../images/ico-arrows01.png) 98% center no-repeat;
        background-size: auto 16px;
		text-align: left;
    }
    .footer .ft-t .col-r .open dt {
        background: url(../images/ico-arrows02.png) 98% center no-repeat;
        background-size: 16px auto;
    }
    .footer .ft-t .col-r dd{display: none;}
    .footer .ft-t .col-r dd a{
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 1px solid #444;
		text-align: left;color: #666;
    }

    .footer .ft-t .col-r dd a:hover{
        color: #fff;
        background-color: #000;
    }
    .footer .ft-t .col-l .m-tel1 p{display: inline-block;}
    .footer .ft-t .col-l .tel {font-size: 18px; margin: 0;display: inline-block; margin-bottom: 20px;} 
    .footer .ft-t .col-l .help {float: none; margin: 10px auto; width: 100%; } 
    .footer .ft-t .about {padding: 15px 0; text-align: left; }
    .footer .ft-t .about .tit{display: none;}
    .footer .ft-t .about .subtit {display: inline-block;}
    .footer .ft-t .about .weixin, .footer .ft-t .about .weibo {width: 30px; height: 30px; } 
    .pop_weixin {top: -130px; margin-left: 0;left: 20px; }
    .footer .ft-b {padding: 12px 10px; margin-bottom: 42px; }
    .footer .ft-b span {float: none; display: block; width: 100%}
    .gaba{margin:0 auto;}

    .footer .ft-t .col-l .m-tel2{display: block;font-size: 14px;}
    .footer .ft-t .col-l .m-tel2 em{font-size: 16px;}	
	.footer_tabbar { display: block;}
	.pbanner { margin-top: 0px; }
	.pbanner .load-img {  width: 130%; margin-left: -15%;}
	
	.pagecontent{ padding-bottom:0px;}
	.pagenavpc,.pagenavpc02{ display:none;}
	.pagenavph{ display:block; position:relative; margin-bottom:0px;}
	.pagenavph .back{ position:absolute; left:0; top:0px;}
	.pagenavph .back img{ height:50px;}
	.pagenavph .top{ height:50px; line-height:50px; text-align:center; font-size:16px; background:url(../images/ico30_5.png) no-repeat right center; background-color:#f5f5f5;}
	.pagenavph .list{ display:none; position:absolute; z-index:22; top:50px; left:0; width:100%;}
	.pagenavph .list li{ height:40px; line-height:40px; font-size:14px; color:#8b8b8c; border-bottom:1px #eee solid;}
	.pagenavph .list li a{ display:block; color:#8b8b8c; background-color:#fff; text-align:center;}
	.pagenavph .list li a:hover{ background-color:#ec6c21; color:#fff;}
	
	.about{ width:90%;}
	.about-title{ padding:30px 0 20px;}
	.about-title h2{ font-size:24px; margin-bottom:18px;}
  	.abouetext{ padding:30px 0 20px;}
  	.abouttitle h3{ font-size:30px;}
	
	.pagePadding{padding: 28px 0px 20px 0;}
	
	.mtp-40 { margin-top: 0px;  padding:40px 0px 40px 0;}
	.por-info-box{ padding:20px 5%; width: 82%; }
	.por-info-t{ font-size: 20px; margin-bottom: 20px;}
	.n_title { font-size: 18px;margin-top: 20px; margin-bottom: 15px; }
	.n_case_box{ margin: 0 10px 0 0px;}
	.n_case_box .txt { width: 95%; padding: 0 2.5%; background: #f5f5f5; text-align: center; height: 48px; line-height: 48px; color: #454545;}
	
	
	.projectshow1 .contentbox img{ width: 100%; height: auto;}
	.newshow1 .contentbox img{width: 100%; height: auto;}
	.detailsshare{  padding-top:0px;}
	
	
/*slider*/
#slider{width:100%;position:relative; }
.slider_box{width:360px; margin:0 auto;height: 304px; position: relative; overflow:hidden; }
.silder_con{ width:360px; height:320px;overflow: hidden;position: absolute; background:#fff;}
.silder_panel{width:360px;height:320px; overflow: hidden;float: left; }
.silder_panel table tr td img{max-width: 100%; max-height: 100%;}
.silder_nav{display: none; width:700px; height:66px;margin: 0 auto;bottom: 0;position: absolute;overflow: hidden; left: 40px}
.silder_nav li{ width:90px; height:66px; margin:0px 10px 0 0px; float: left;padding:0px;border:0px solid #fff; }
.silder_nav li.current{border:0px solid #0a963f; margin:0 10px 0 0px;}
.silder_nav img{display: block;width:90px;height:65px; overflow: hidden;}
#slider a.prev,#slider a.next{display: block;width:40px;height:74px;cursor: pointer; top: 50%; margin: -64px 0 0 0px; position:absolute;} 
#slider a.prev{left:0px;background: url(../images/zjt.png) center center no-repeat; }
#slider a.next{right:0px;background: url(../images/yjt.png) center center no-repeat; }
.silderBox{height:8px; line-height:8px;}	
	
	.about_text img{width: 100%  }
	
	
	
	
	
	
	
	.cpnavbox a{font-size: 14px;}
	.cs-lst {
  	padding-top: 0px; }
	.cs-lst li {
    width:47%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	.m-back{bottom: 0px;width: 80px;font-size: 12px;}
    .m-details dt{float: none;width: auto;}
    .m-section4{padding: 20px 0;}
    .m-details dd{padding: 0;}
    .m-details h2{height: auto;margin: 5px 0;}
    .m-details dl{padding: 0 10px;}
    .m-details p{padding-top: 10px;height: auto;}
    .m-details h2{font-size: 16px;line-height: 24px;height: auto;}
    .m-details dd{line-height: 22px; margin-top: 20px;}
    .m-details .buy{margin-top: 10px;}
    .ul-list5{float: none;width: auto !important;}
    .m-parameter{line-height: 30px;font-size: 14px;}
    .ul-list5 li{height: auto;}
    .m-parameter h3{font-size: 16px;margin-bottom: 0;height: 30px;line-height: 30px;}
    .parameter-table tr td{padding: 0 4px;}
    .ul-list9 a{line-height: 30px;height: auto;font-size: 13px;}
    .ul-list9 i{right: 10px;}
    .ul-list9 span{line-height: 30px;height: 30px;}
    .ul-list9 .span1{float: none;width: auto;}
    .ul-list9 .span2,.ul-list9 .span3,.ul-list9 .span4{color: #666;}
    .ul-list9{padding: 20px 10px;}
    .ul-list9 .span2{width: 30%;}
    .ul-list9 .span3{width: 40%;}
    .ul-list9 .span4{width: 30%;}
    .m-details .slick-dots button{width: 40px;}
	.g-tab2 li{width:100%;display: block;float: left;}
    .g-tab2 a{padding: 0;}
	.tab-show {padding: 20px;}
		.new-list .con{ padding-top: 3%; margin-left: 4%; }
	.new-list .img{ padding: 5px;}
	.new-list .t{ font-size: 16px;}
	.new-list .c{ margin-bottom: 5%;}
	.new-page-c{ display: block; width: 95%; margin: 0 auto; padding-top: 15px;}
	.new-list dd{ margin-bottom:20px;}
	.recruitment-info{ padding: 0px 5% 30px 5%;}
	.recruitment-info h3{  font-size: 18px;}
	
	.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(1){ width: 74%;}
	.hrList .ib{ margin-top: 14px;}
	.recruitment-info{ padding: 20px 5%; margin-top: 0px;}
	.hrList{ margin: 20px 10px 20px; font-size: 14px;}
	.address .footer-right{ margin-top:30px;} 
	.address h2{ padding-right:0; font-size:20px;}
	.footer-right{ width:100%; float:left; margin-top:26px; display: none;}
	.map{ height:388px;}
	.address{ padding-top: 30px; margin-bottom: 20px;}
	.mapwr{margin-bottom: 20px;}
	.pageNavBox { height: 45px;}
	.cpnavbox { height: 45px; line-height: 45px; }
	.gallery2 .img_title{padding:5px 0px;}
	.pageC p { margin-bottom: 10px; line-height:1.6rem;}
	.pageC_wh p { padding-bottom: 10px; width: 100%; float: none;margin: 0 0% 20px 0%;}
	.pageC_wh span{ font-size: 16px; font-weight: normal; color: #333;}
	.left_tu { width: 100%; float: none;}
	.right_txt{ width:100%; float: none; margin-top: 10px;}
	
	
}
@media screen and (min-width: 640px) and (max-width: 767px) {		.new-list{ padding-bottom: 0px;}
	.new-list .img{ padding: 20px; float: none; width: auto;}
	.new-list .con{ padding: 0px 20px 10px; float: none; margin-left: 0; width: auto;}
	.new-list .c{ margin-bottom: 20px;}
}
@media screen and (max-width: 640px) {
	.cs-lst li {
    width: 47%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	.gallery2{ margin:0 auto 10px auto;}
.gallery2{width:200px; height:auto; }
.gallery2 .img_box{width:200px; height:133px;}
.gallery2 .img_box img{ max-width:200px; max-height:133px}
		.new-list{ padding-bottom:0px;}
	.new-list .img{ padding: 20px; float: none; width: auto;}
	.new-list .con{ padding: 0px 20px 10px; float: none; margin-left: 0; width: auto;}
	.new-list .c{ margin-bottom: 20px;}
}
@media screen and (min-width: 414px) and (max-width: 640px) {
.gallery2{width:180px; height:auto; }
.gallery2 .img_box{width:180px; height:120px;}
.gallery2 .img_box img{ max-width:180px; max-height:120px}
}
@media screen and (min-width: 375px) and (max-width: 414px) {
.gallery2{width:180px; height:auto; }
.gallery2 .img_box{width:180px; height:120px;}
.gallery2 .img_box img{ max-width:180px; max-height:120px}
}

@media screen and (min-width: 320px) and (max-width: 375px) {
.gallery2{width:160px; height:auto; }
.gallery2 .img_box{width:160px; height:107px;}
.gallery2 .img_box img{ max-width:160px; max-height:107px}
}

@media screen and (max-width: 320px) {
.gallery2{width:140px; height:auto; }
.gallery2 .img_box{width:140px; height:93px;}
.gallery2 .img_box img{ max-width:140px; max-height:93px}
	
}

@media screen and (max-width: 640px) {

.content_pic{ width:100%; text-align:center; padding-bottom:10px; padding-top:10px; position:relative;text-align: center;}
.content_pic img{ width: 100%; max-width:800px; max-height: 500px}

#pos{width: 100%; height: 45px;}

.nexts{ float:left; width:40px; height:100px; position:absolute; left:0; top:50%; margin-top: -50px}
.nextx{ float:right; width:40px; height:100px; position:absolute; right:0; top:50%; margin-top: -50px}
.nexts a{ width:40px; height:100px; display:block; background:url(../images/jt.png) left top no-repeat}
.nextx a{ width:40px; height:100px; display:block; background:url(../images/jt.png) left bottom no-repeat}
.nexts a:hover{ background:url(../images/jt.png) center top no-repeat}
.nextx a:hover{background:url(../images/jt.png) center bottom no-repeat}
.nexts span{ width:40px; height:100px; display:block; background:url(../images/jt.png) right top no-repeat}
.nextx span{ width:40px; height:100px; display:block; background:url(../images/jt.png) right bottom no-repeat}
}