@media (max-width: 1681px) {

    li.development-history-item-active>div>a {
        margin-left: 210px;
    }
    li.development-history-item-active>div>h1,
    li.development-history-item-active>div>p,
    .development-history-item>div>div {
        padding-left: 210px;
    }
	
	
	.logo{ float:left; margin-left:1%; padding-top:26px;}
	.nav{ float:left; margin-left:2.1%; width:40%; }
	
	.navlist li{ float:left; line-height:100px; position:relative; font-size:16px; margin-right:7.25%}
	.wrap{ width:100%; padding:0 20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.footbox1{ float:left; width:500px;}
	

}






@media (max-width: 1661px) {

    li.development-history-item-active>div>a {
        margin-left: 210px;
    }
    li.development-history-item-active>div>h1,
    li.development-history-item-active>div>p,
    .development-history-item>div>div {
        padding-left: 210px;
    }
	
	
	.logo{ float:left; margin-left:10px; padding-top:26px;}
	.nav{ float:left; margin-left:40px; width:620px; } 
	.navlist li{ float:left; line-height:100px; position:relative; font-size:16px; margin-right:40px}
	
	.indexableft{ float:left; width:900px}
.ourleft{ float:left; padding-left:0; width:500px; height:700px;}
.huobanbox{ width:100%; padding:0 20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.serlist li img{ width:182px; height:88px; display:block; border:4px solid #fff}
.serlist li:hover img { border:4px solid #99cccc; }

.concbox{ width:100%; padding:0 20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.conclist li{ float:left; width:330px; overflow:hidden}

.footbox1{ float:left; width:400px;}
.footbox2{ float:left; width:750px;}
.footlist{ margin-right:50px; float:left;}

}


/*0.25*/
@media (max-width: 1440px) {
	
	
	 li.development-history-item-active>div>a {
        margin-left: 180px
    }
    li.development-history-item-active>div>h1,
    li.development-history-item-active>div>p,
    .development-history-item>div>div {
        padding-left: 180px;
    }
.hotline{ display:none}
	}


@media (max-width: 1400px) {
   
.logo img{ }
.nav{ float:left; margin-left:30px; width:620px; } 
.navlist li{ float:left; line-height:100px; position:relative; font-size:16px; margin-right:30px}

.indexableft{ float:left; width:760px}
.ourleft{ float:left; padding-left:0; width:550px; height:700px;}
.ourright{ float:right; width:710px; height:440px; margin-top:135px; overflow:hidden}
.ourlist2 li{ float:left; width:234px; height:218px; border:1px solid #a5a5a7; border-right:0; position:relative}
.ourlist2 li:hover a .ourbox1{ padding:20px 20px 0 20px;}

.serlist li img{ width:160px; height:75px;}
.conclist li{ float:left; width:315px; overflow:hidden}
.footbox2{ float:left; width:700px;}
.footlist{ margin-right:40px; float:left;}

.conclist li .condiv .mjia{ margin-top:10px;}


/*内页*/
.mwrap{ width:1100px; margin:0 auto;}

.aboutleft{ float:left; width:580px;}
.aboutimg{ float:right; width:500px;}
.abouttext{ float:right; width:500px; font-size:24px; line-height:68px; color:#fff; padding:85px 0 0 33px; }
.aboutlist3 li:nth-child(4n){ margin-right:22px;}
.aboutlist4 li:nth-child(4n){ margin-right:22px}
.prolist li:nth-child(4n){ margin-right:22px}

.mprocon .l{ float:left; width:540px; }
.mprocon .r{ float:right; width:540px; }
.mprocon .r h1{ height:62px; line-height:60px; border-bottom:1px solid #ccc;}
.prott{ line-height:40px; margin-top:20px;}
.protttext{ padding:15px 10px;}

.newsone .l{ width:500px; float:left;}

.newsone .r{ float:left; width:570px; padding-left:30px;}
.newslist li .r{ padding-left:20px; width:700px;}
.contab{  padding-left:50px;}

}


/*>=1280的设备*/


/*0.711*/

@media (max-width: 1366px) {


    li.development-history-item-active>div>a {
        margin-left: 100px;
    }
    li.development-history-item-active>div>h1,
    li.development-history-item-active>div>p,
    .development-history-item>div>div {
        padding-left: 100px;
    }
	
	
	
   
}


/*>=1100的设备*/


/*0.66*/

@media (max-width: 1300px) {
  
    li.development-history-item-active>div>a {
        margin-left: 80px;
    }
    li.development-history-item-active>div>h1,
    li.development-history-item-active>div>p,
    .development-history-item>div>div {
        padding-left: 80px;
    }
	
	.logo img{ width:250px; }
	.logo .pc{ display:none}
	.logo .sp{ display:block}
	
	.ourleft{ float:left; padding-left:0; width:450px; height:700px;}
.conclist li{ float:left; width:295px; overflow:hidden}
.footbox2{ float:left; width:600px;}
.footlist{ margin-right:20px; float:left;}

	
    
}


@media (max-width: 1200px) {
	.nav{ display:none}
	.head-search{ display:none}
	.eng{ display:none}
	.middlist{ display:block; position:absolute; right:25px; top:20px; cursor:pointer}
	.middlist img{ display:block; width:60px;}
	.sharediv{ display:none}
	.mmnavbg{ position:fixed; background:#000;filter:alpha(opacity=80);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; width:100%; height:100%; z-index:10000; display:none}
	.mmnav{ display:none; position:absolute; z-index:100001; top:100px; left:0; width:100%; padding:10px 0;}
	.mmnav li{ width:100%; line-height:40px; font-size:18px; float:left; text-align:center}
	.mmnav li a{ color:#fff}
	.mmnav li.hover a{ color:#99cccc}
	.wrap{ width:100%; padding:0 20px;}
	.indexabout{ padding-top:40px; padding-bottom:40px;}
	.indexableft{  width:100%}
	.indexabright{ width:100%; margin-top:20px;}
	.indexabright img{ display:block; width:100%;}
	.development-history-item>div>p{ display:none}
	.development-history-item>div>h1{ margin:0 auto; width:30px; margin-top:120px; height:220px;}
	.development-history-item .add-btn{ margin-top:20px}
	.development-history-item-active.development-history-item>div>h1{ width:auto; height:auto;}
	.development-history-item-active.development-history-item>div>p{ display:block}
	.indexour{ padding-top:40px;}
	.our1{ width:100%; padding:20px 20px 30px 20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.ourbg{ float:left; background:url(../images/bgm2.jpg) center 0 no-repeat; float:left; width:100%; height:1080px;}
	.ourleft{ float:left; padding-left:0; width:100%; height:350px;color:#ffffff; font-size:50px; font-weight:bold}
	.ourright{ float:left; width:100%; height:440px; margin-top:0px;}
	
	.ourlist2 li{ float:left; width:33%; height:219px; border:1px solid #a5a5a7; border-right:0; position:relative;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	
	.ourlist2 li .ourbox2{ padding:62px 0 0 29px;}
	.ourlist2 li .ourbox2 .ourtext{ font-size:14px; color:#ccc; margin-top:15px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
	.indexhuoban{ float:left; width:100%; padding:40px 0;}
	.huobanbox{ width:100%; margin:0 auto; overflow:auto; overflow-y:hidden; height:130px;}
	.serlist{display: flex;flex-direction: row;flex-wrap:nowrap;justify-content: flex-start;}
.serlist{ width:3304px;}	
.serlist li{ border:1px solid #dbdbdb; border-left:0; overflow:hidden; }
.serlist li:nth-child(7n){ border-right:1px solid #dbdbdb;}
.serlist li img{ width:228px; height:112px; display:block; border:4px solid #fff;}
.serlist li:hover img { border:4px solid #99cccc; }

.indexcon{  padding-top:40px; padding-bottom:50px;}
	.context{ width:100%; color:#666; padding:0 40px; padding-bottom:30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.concbox{ width:100%; margin:0 auto;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:0 20px;}
	.conclist li{ float:left; width:24%; overflow:hidden}

.conclist li .condiv h2{ font-size:18px; color:#fff; padding-top:30px;}
.conclist li .condiv .p1{ font-size:14px; margin-top:10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.conclist li .condiv .mjia{ display:inline-block;background:url(../images/jia2.png) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover; width:36px; height:36px; margin-top:20px;}
.footbox2{ display:none}
.foot{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:0 20px; padding-top:30px;}
	.footbox1{ width:100%}
	.footbox3{ float:inherit; margin:0 auto; display:block; clear:both;margin-top:20px;}
	.footbox4 .sp1{ float:left; width:100%; text-align:center}
	.footbox4{ float:left; width:100%; border-top:1px solid #484848; line-height:30px; padding:20px 0; margin-top:30px;}
.footbox4 .sp2{ float:right; width:100%; text-align:center} 
	.indexpro{ float:left; width:100%; background:#f0f0f2; padding:40px 0 30px 0;}
}


@media (max-width: 768px) {
	.logo img{ width:234px; }

.conclist li .condiv .mjia{ display:inline-block;background:url(../images/jia2.png) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover; width:18px; height:18px; margin-top:10px;}


}


@media (max-width: 765px) {
	.logo img{ width:234px; }

.head{ height:70px; background:#fff; width:100%; display:block; position:relative; z-index:11111; }
.middlist{ display:block; position:absolute; right:10px; top:15px; cursor:pointer}
.middlist img{ display:block; width:40px;}
.mmnav{ display:none; position:absolute; z-index:100001; top:70px; left:0; width:100%; padding:10px 0;}
.wrap{ width:100%; padding:0 10px;}
.development-history-item{ height:260px;}

li.development-history-item-active>div>h1 {    padding-left: 20px;    text-align: left;}
.development-history-item>div>h1{ margin-top:40px; font-size:18px;}
li.development-history-item-active>div>h1 i{  background:url(../images/jiao.png) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover;width:15px; height:15px; display:inline-block; margin-left:10px; vertical-align:middle}
li.development-history-item-active>div>p{ font-size:14px; padding-left:20px;}
li.development-history-item-active>div>a{ margin-left:20px; width:143px; margin-top:50px;}

.development-history-item>div>h1{ margin:0 auto; width:30px; margin-top:30px; height:125px;}
	.development-history-item .add-btn{ margin-top:0}


.indextt {width:100%;height:auto;position:relative; text-align:center; float:left; margin-bottom:30px; border-bottom:1px solid #cccccc; padding-bottom:20px;}
.indextt span {transition:all .5s;height:28px;width:80px;
	text-align:center;line-height:28px;margin-left:3px;margin-right:3px;font-size:13px;color:#666;cursor:pointer; display:inline-block; border:1px solid #ccc;border-radius:10px}

.neirong{ position:relative; width:100%; float:left; height:320px;}

.case_small #owl-demo2 .item {  margin:0 5px 0 5px; overflow:hidden }
.case_small #owl-demo2 .item a{ display:block; background:#fff; height:280px;transition:all .5s; color:#666; line-height:20px; font-size:14px;}
.case_small #owl-demo2 .item p{ padding:0 10px; font-size:14px;}
.case_small #owl-demo2 .item .tetil{font-size:16px; color:#333; margin-top:15px; margin-bottom:10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; text-align:center}
.case_small #owl-demo2 .item img{ width:100%; height:140px;}
.case_small #owl-demo2 .item p.pcc{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden; height:80px; text-align:left}

.case_small #owl-demo2 .item  a:hover .morebg{ background:url(../images/more.png) no-repeat; width:194px; height:18px; display:inline-block; margin-left:30px; margin-top:30px; display:none}
.our1{ width:100%; padding:0 10px 30px 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.ourbg{ float:left;background:url(../images/bgm2.jpg) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover; float:left; width:100%; height:540px;}
	.ourleft{ float:left; padding-left:0; width:100%; height:175px;color:#ffffff; font-size:25px; font-weight:bold}
	.ourleft h1{ color:#e3a207; font-size:25px; font-weight:bold}
.ourleft h1 i{ font-size:40px;}

	.ourright{ float:left; width:100%; height:440px; margin-top:0px;}
	
	.ourlist2 li{ float:left; width:33%; height:140px; border:1px solid #a5a5a7; border-right:0; position:relative;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	
	.ourlist2 li .ourbox2{ padding:20px 0 0 10px;}

.ourlist2 li .ourbox2 .ourimg{ display:inline-block; border-bottom:1px solid #a5a5a7; padding-bottom:10px; vertical-align:top; margin-right:5px;}
.ourlist2 li .ourbox2 .ourimg img{ width:30px; height:30px;}
.ourlist2 li .ourbox2 span{ padding-top:10px; display:inline-block; font-size:14px;}
.ourlist2 li .ourbox2 .ourtext{ font-size:14px; color:#ccc; margin-top:15px;}

.ourlist2 li:hover a .ourbox1{ position:absolute; left:0; top:0; width:100%; height:100%; padding:10px; padding-bottom:30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  background:#99cccc; z-index:2; display:block; color:#fff; font-size:12px;}
.ourlist2 li:hover a .appheight{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical; overflow:hidden; height:84px; line-height:14px;}
.ourlist2 li:hover a .ourbox1 h1{ font-size:16px; margin-bottom:10px;}




.huobanbox{ width:100%; margin:0 auto; overflow:auto; overflow-y:hidden; height:90px;}
.serlist{ width:2352px;}	
.serlist li{ border:1px solid #dbdbdb; border-left:0; overflow:hidden; }
.serlist li:nth-child(7n){ border-right:1px solid #dbdbdb;}
.serlist li img{ width:160px; height:78px; display:block; border:4px solid #fff;}
.serlist li:hover img { border:4px solid #99cccc; }
.huobantext{ text-align:center; font-size:18px; }

.context{ width:100%; color:#666; padding:0 40px; padding-bottom:30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.concbox{ width:100%; margin:0 auto;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:0 10px; overflow:auto; overflow-y:hidden;}
.context{ width:100%; color:#666; padding:0 10px; padding-bottom:30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.conclist{display: flex;flex-direction: row;flex-wrap:nowrap;justify-content: center;justify-content: flex-start; width:600px;}
.conclist li{ float:left; width:140px; margin-right:10px; overflow:hidden}

.conclist li .condiv h2{ font-size:14px; color:#fff; padding-top:10px;}
.conclist li .condiv .p1{ font-size:12px; margin-top:10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.conclist li .condiv .mjia{ display:inline-block;background:url(../images/jia2.png) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover; width:18px; height:18px; margin-top:10px;}

.foot{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:0 10px; padding-top:30px;}
	.footbox1{ width:100%}
	.footlogo img{ width:300px}
	.footext img{ margin-right:5px;}
	.footshare{ margin-bottom:20px;}
	.footbox3{ float:inherit; margin:0 auto; display:block; clear:both;}


}



/*内页*/

@media (max-width: 1100px) {
	
	.mwrap{ width:100%; padding:0 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.aboutnav .mwrap{ padding:0;}
	.aboutlist li{ float:left; width:50%; line-height:60px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.aboutcon{ float:left; width:100%; padding-top:40px;}
	.aboutleft{ float:left; width:100%;}
.aboutimg{ float:right; width:100%; margin-top:10px;}

.aboutbg2{  background:none; height:auto; padding:0 0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.abouttext{ float:right; width:100%; height:auto;  font-size:18px; line-height:40px; color:#fff; padding:40px 10px 40px 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.aboutcon2{ float:left; width:100%; padding:40px 0 60px 0;}

.fazhantt{ float:left; width:100%; height:auto; margin-bottom:50px; background:none; flex-wrap:wrap;justify-content: flex-start}

.fazhantt span{ border:1px solid #cecece; width:62px;  display:block; background:#fff;border-radius:50%; text-align:center; line-height:62px; float:left; margin:0 8px; margin-bottom:10px;}
.fazhantt span a{ font-size:18px; }
.fazhantt span.hover{ width:82px;  line-height:82px;}
.fazhantt span.hover a{ font-size:24px;}

.picScroll-left{  height:auto;   }
.picScroll-left .hd{ display:none}



		.picScroll-left .bd{ width:100%; background:#f8f8f8; height:auto;-moz-box-shadow:2px 2px 10px #eaeaea; -webkit-box-shadow:2px 2px 10px #eaeaea; box-shadow:2px 2px 10px #eaeaea; margin:0 auto;  }
		.picScroll-left .bd ul{}
		.picScroll-left .bd ul li{ padding:10px; margin-bottom:20px; float:left; width:100%; background:#f5f5f5;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
		.picScroll-left .bd ul li .picleft{ float:left; width:100%; padding-left:0}
		.picScroll-left .bd ul li .picleft img{ display:block; width:100%; margin-bottom:10px;}
		.picScroll-left .bd ul li .picright{ float:left; width:100%; font-size:14px; line-height:28px; padding-left:0}


.aboutbg3{padding:40px 0 60px;}


.aboutlist3 li{ float:left; width:50%; margin-right:0; margin-bottom:20px; padding:0 5px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.aboutlist3 li:nth-child(2n){ margin-right:0;}

.aboutlist3 li img{ width:100%; height:100%; display:block}

.aboutlist3 li h2{ line-height:40px; }

.shipindiv{ position:fixed; width:100%; padding:10px; background:#fff; margin-left:0; left:0; z-index:222224; top:10%; margin-top:0; overflow:hidden; display:none;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.pages{ text-align:center; padding-top:30px;}


.aboutlist4 li{float:left; width:50%; margin-right:0; margin-bottom:20px; padding:0 5px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.aboutlist4 li:nth-child(2n){ margin-right:0}
.aboutlist4 li img{ width:100%; height:100%; margin-bottom:10px; }
.aboutlist4 li h2{ line-height:21px; height:42px; text-align:center; font-size:14px; color:#555; overflow:hidden; display: flex;flex-direction:row; padding:0 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}

.imgdiv{ position:fixed; width:90%;border:3px solid #99cccc; background:#fff; margin-left:-0; left:5%; right:5%; z-index:222224; top:10%;  overflow:hidden; display:none;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.imgdivbig{ padding:40px 5px; text-align:center}
.imgdivbig img{ height:auto; width:100%;}

.probg{ float:left; padding:40px 0 60px;}
.pronav{ float:left; width:100%; height:auto; background:#e2e2e2; margin-bottom:20px; padding:10px 0;justify-content: flex-start;flex-wrap:wrap}
.pronav span{ margin:0 10px; font-size:16px; float:left; margin-bottom:15px;}

.prolist li{  margin:0 0 20px 0; overflow:hidden; float:left; width:50%; padding:0 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.prolist li a{ display:block; background:#fff; padding-bottom:10px; height:auto;transition:all .5s; color:#666; line-height:24px; font-size:14px;}
.prolist li p{ padding:0 10px;}
.prolist li .tetil{font-size:16px; color:#333; margin-top:15px; margin-bottom:10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; text-align:center}
.prolist li img{ height:100%;display:block; }
.prolist li p.pcc{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden; height:96px; text-align:left}
.prolist li:nth-child(4n){ margin-right:0}

.curr{ float:left; width:100%; background:#f5f5f5; line-height:60px; font-size:14px;}

.mprocon{ padding:40px 0;float:left; width:100%;}
.mprocon .l{ float:left; width:100%; }

.mprocon .r{ float:right; width:100%; margin-top:30px; }
.mprocon .r h1{ color:#333; font-size:28px; height:auto; line-height:30px; padding-bottom:30px;}
.prott{ float:left; width:100%; line-height:30px; margin-top:20px; padding-bottom:10px;}
.protttext{ font-size:14px; line-height:32px; padding:15px 10px;}

.probtn{ padding-top:30px; float:left; width:100%}


.mprocon2{ float:left; width:100%; background:#f5f5f5; padding:30px 0}
.zhichicon { float:left; width:100%; padding-bottom:50px;}

.zhichicon li{ float: left; position: relative; width: 33.33%; height: 200px;}
.zhichicon li .p1 img{ display:block; margin:0 auto; margin-bottom:15px; width:80%}
.zhichicon li .p1{ font-size:20px; color:#555;}
.zhichicon li div{  text-align: center; box-sizing: border-box; padding: 0 10px;}

.newsone{ float:left; width:100%; background:#f5f5f5; padding:30px 0; margin-bottom:20px; line-height:31px; font-size:14px;}
.newsone .l{ width:100%; float:left;}
.newsone .r{ float:left; width:100%; padding-left:0; margin-top:20px;}
.newsone .r h1{ font-size:28px; margin-bottom:15px;}
.newsone .r h4{ color:#999; padding-left:30px; background:url(../images/time1.png) 0 center no-repeat; line-height:18px; margin-bottom:10px; line-height:32px;}
.newsone .r .p1{ background:url(../images/newslist.png) 0 center no-repeat; padding-left:30px; margin-top:20px;}

..newscon{ float:left; width:100%; padding-bottom:60px;}

.newslist li{ padding:20px 0; width:100%; float:left;}
.newslist li .l{ float:left; width:100%;}
.newslist li .r{ float:left; padding-left:0; width:100%; font-size:14px; line-height:31px; margin-top:10px;}
.newslist li .r h2{ font-size:18px; margin-bottom:10px; font-weight:bold}
.newslist li .r h2 a{ color:#333}
.newslist li .p2{ background:url(../images/time1.png) 0 center no-repeat; padding-left:30px; color:#999; font-size:12px;}
.newslist li .p1{ min-height:100px;}
.newslist li .gonews{ display:none}


.probg2{ float:left; width:100%; background:#f5f5f5; padding:30px 0;}
.newsdett{ float:left; width:100%; text-align:center; border-bottom:1px dashed #dddddd; padding-bottom:20px;}
.newsdett h1{ font-size:28px; color:#333; margin-bottom:20px;}
.newsdett img{ vertical-align:middle; margin-right:6px;}
.newsdett span{ margin:0 10px;}
.prenext{ float:left; width:100%; padding-top:20px; border-top:1px solid #ccc; font-size:16px; margin-bottom:60px; line-height:40px;}
.prenext .l{ float:left; color:#999; width:100%;}
.prenext .r{ float:right; color:#999; width:100%;}

.conbox2{  background:#fff; display:block; clear:both; overflow:hidden; padding:30px 10px}

.contab{ float:left; width:100%; padding-left:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:14px; line-height:31px; border-right:0; min-height:auto; margin-bottom:30px; }

.conbox2 h2{ font-size:24px; color:#333; margin-bottom:10px;}

.conditu1{ float:left; width:100%; border-right:0; padding-right:0; margin-bottom:20px;}
.conditu2{ float:right; width:100%;}


.jianyi{ float:left; width:100%; padding-bottom:30px;}
.jianyi td{ padding-bottom:0;}
.jytab{ float:left; width:100%; position:relative; margin-bottom:20px;}
.txtjy1{ width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left:110px; height:54px; vertical-align:middle; border:1px solid #ebebeb;font-size:14px;}
.jytab2{float:left; width:100%; position:relative; padding-left:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:20px;  }
.jytab2 h2{ left:15px;}
.txtjy2{width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left:120px; height:54px; vertical-align:middle; border:1px solid #ebebeb; font-size:14px; background:#fff url(../images/xz.png) right center no-repeat; -moz-appearance: none;-webkit-appearance: none;}
.jytab3{ float:left; width:100%; position:relative; margin-bottom:20px;}

.jytab4{ float:left; width:100%; position:relative; margin-bottom:20px;}
.txtjy3{ width:100%; height:54px; background:#fff;opacity:0; position:absolute; z-index:3; left:0; top:0}
.xuanze{ position:absolute; right:2px; top:2px; width:120px; line-height:50px; border-left:1px solid #ddd; text-align:center; font-size:14px; background:#f5f5f5}
.jytab5{ margin-bottom:20px;}
.btnjy{ width:100%; height:54px; font-size:18px; color:#fff; background:#e3a207; border:0; cursor:pointer}


.hrtitle li{ float:left; width:100%;}
.hrtitle li h2{ background:#e3a207; line-height:62px; color:#fff; font-size:14px; font-weight:bold; float:left; width:100%;}
.hrtitle li span{ float:left;}
.hrtitle li .sp1{ width:30%; padding-left:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.hrtitle li .sp2{ width:20%; text-align:center}
.hrtitle li .sp3{ width:30%; text-align:center}
.hrtitle li .sp4{ width:20%; text-align:center}

.hrlist li{ float:left; width:100%; border-bottom:1px dashed #ccc}
.hrlist li h2{ line-height:60px; font-size:14px;  float:left; width:100%; cursor:pointer}
.hrlist li span{ float:left;}
.hrlist li .sp1{ width:30%; padding-left:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.hrlist li .sp2{ width:20%; text-align:center}
.hrlist li .sp3{ width:30%; text-align:center}
.hrlist li .sp4{ width:20%; text-align:center; display: flex; flex-direction: column;justify-content: center; align-items: center; height:60px;}

.hrlist li h2.hover{border-bottom:1px dashed #ccc}
.hrbox{ float:left; width:100%;display:none; font-size:14px;}
.hrboxcon{ padding:10px 10px 20px 10px;line-height:24px; font-size:12px;}
.hrcon{ float:left; width:100%; padding-bottom:40px;}







}


@media (max-width: 767px) {
	
	
	#timeline { position: relative; overflow: hidden; margin: 0 auto; width: 100%; height: 600px;  }

#timeline:after { position: absolute; top: 33px; left: 0; display: inline-block; width: 100%; height: 1px; background-color: #ccc; content: ""; }

#dates { position: relative; z-index: 999; margin-bottom: 70px; width: 100%; height: 65px; line-height: 65px; }

#dates li { float: left; width: 100px; height: 30px;  list-style: none; text-align: center; font-size: 16px; }

#dates a { display: inline-block; width: 65px; height: 65px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; color: #666; font-size: 14px; font-family: arial; line-height: 65px; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; transition: All 0.4s ease-in-out; }

#dates .selected { position: relative; width: 65px; height: 65px; border-color: #ccc; border-width: 2px; color: #e3a207; font-weight: bold; font-size: 18px; line-height: 65px; }

#dates .selected:after { position: absolute; bottom: -35px; left: 50%; display: inline-block; margin-left: -12.5px; width: 25px; height: 14px; background:url(../images/jiaoab.png) no-repeat center; content: ""; z-index:22 }

#issues { overflow: hidden; width: 100%; height: auto; margin:0 auto;}

#issues li { position: absolute; left:0; margin-left:0; float: left;  width: 100%; height: auto; list-style: none; text-align: center; }



#next, #prev { position: absolute; top: 0; top: 40%; overflow: hidden; margin-top:0; width: 40px; height: 40px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; font-size: 70px; }


#next { right: 0; background:url(../images/abr.png) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover;}

#prev { left: 0; background:url(../images/abl.png) no-repeat; background-position:center top; background-repeat:no-repeat;background-size:cover; }

#next.disabled, #prev.disabled { opacity: 0.2; }

.history-box { padding:10px; background:#f8f8f8; height:auto; display:block; clear:both; float:left; width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.history-box .picleft{ float:left; width:100%; padding-left:0;}
.history-box .picleft img{ display:block; width:100%; margin-bottom:10px;}
.history-box .picright{ float:left; width:100%; font-size:14px; line-height:28px; padding-left:0; text-align:left;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	

.fuwubox{ position:absolute; width:100px; height:110px; color:#fff; left:-10px; top:0; background:#76c1c1; z-index:2; line-height:21px; font-size:14px; text-align:center;display: flex;flex-direction: column;justify-content: center;opacity:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.fuwubox h2{ font-size:16px; margin-bottom:5px;}
	
	
}