﻿	.header{ background:#fff;}
.swiperbox{ width:100%;}
.swiper-container {width: 100%;position: relative;z-index:1;}
.swiper-wrapper{width:100%;height:auto !important;}
.swiper-slide {width: 100%;height: auto !important;position:relative;	}
.swiper-slide img{ width:100%;}
.slide-pagination{position: absolute;z-index: 20;left: 50%;margin-left: -49px;bottom: 4px;}
.slide-pagination .swiper-pagination-switch{display: inline-block;width: 43px;height: 6px;background: #fff;margin-right: 6px;opacity: 0.8;cursor: pointer;}
.video-box video{width:100%;}
.slide-pagination .swiper-active-switch{background: #5895e6;}
.banner,.banner img{ width:100%;}
@media screen and (min-width: 768px){
    .top-menu{ width: 100%;z-index: 2;position: relative;}	
	.line{ display:none;}
    .top-menu>ul{padding: 0 4%;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;
    justify-content: space-between; background: url(../images/top1.png);}
    .top-menu>ul>li{ flex-grow: 1;text-align: center;height: 38px;line-height: 38px; position: relative;z-index:2;  }
    .top-menu>ul>li>a{ font-size: 1.1em;color: #fff;display: block;}
	.secondlist{ display:none;position: absolute;top: 99%;left: 0;z-index:2;width:120%;background: #fff;padding: 5px 5px 5px 19px;box-shadow:0 1px 3px 1px #ccc;}
	.width-146{ width: 146px !important; }
	.secondlist li{ padding: 4px 0;}
	.secondlist li a{font-size: 1em;color: #666;display: block;text-align: left;line-height:1.2;    transition: all 0.5s ease;}
	.secondlist li a:hover{ color: #005480;transition: all 0.5s ease;}
	.secondshow ul{ display:block;}
	.secondshow{background: url(../images/menu_on.png) no-repeat top left;
    background-size: cover;}
}
@media screen and (min-width: 980px){
    .tab_box1 a .tab_mid1{width: 142px;}
}
@media screen and (max-width: 979px){
	html{ overflow-x: hidden;}
	.wapper{ width: 100%;padding:0;}
	.banner object,.banner embed{ width: 100%;height: 293px;}
	.m_left{ width: 58%;}
	.m_right{ width: 38%;}   
	.news{ margin-left:0;}
	.news h3{ background: url(../images/t_news.png) 100% top no-repeat;}
	.news .news_img{ width: 20%;padding: 20px 1% 10px 1%;box-sizing: border-box;}
	.news ul.news_list{width: 75%;margin-right: 2%;}
	.news ul.news_list li a{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 74%;}
	.news .news_img img{width: 100%;height: auto;}
	.project dl{ width: 28%;}
	.project dl dt{ width: 100%;height: 95px;}
	.project dl dt img{ width: 100%;height: 95px;}
	.project{ background-size: 100% 100%;}
	.video div{ height: auto;}
	.video div img{ width:100%;height: auto;}
	.job a{ background-size: contain;}
	.link select{ width:95%;}
	.cooperation{ width:100%;height: auto;background-size: cover;padding: 13px 0 17px 60px;box-sizing: border-box;}
	.f_logo{ width:100%;box-sizing: border-box;}
	.top-menu{ width:100%;}
	
	/* news*/
	.main_left{ width:23.5%;}
	.main_left_title,.main_left_main{ width:100%;}
	.main_left_main ul{ width:90%;}
	.main_left_main ul li{width: 100%;background-size: 100% 100%;}
	.main_right{ width:75.5%;margin-left: 1%;}
	.main_right_title{ width:99.5%;}
	.main_right_title span{ padding: 15px 10px 0 14px;}
	.main_right_title span a{ font-size:12px;}	
	 h3.right_title3,
	 h3.right_title2_1,h3.right_title2_2,h3.right_title2_3,h3.right_title2_4,
	 h3.right_title4_1,h3.right_title4_2,h3.right_title5_1,h3.right_title5_2,h3.right_title5_3,h3.right_title5_4,h3.right_title5_5,h3.right_title5_6,h3.right_title5_7,h3.right_title6,h3.right_title7_1,h3.right_title7_2,h3.right_title7_3,h3.right_title7_4,h3.right_title7_5,h3.right_title8_1,h3.right_title8_2,h3.right_title9_1,h3.right_title9_2,h3.right_title9_3,h3.right_title9_4,h3.right_title10_1,h3.right_title10_2,h3.right_title10_3{ width:100%;}
	.main_right_main{ width:99%;}
	.main_jtyw_pic ul{ width: 94%;}
    .main_jtyw_pic ul li{width: 18%;margin: 10px 1%;}
	.main_jtyw_pic ul li img{ width:100%;}
	.main_jtyw_font ul{ width: 92%;}
	.main_jtyw_font ul li{width: 100%;box-sizing: border-box;font-size:14px;}
	.main_left_main ul li a{width: 100%;box-sizing: border-box;white-space: nowrap;}
	h3.left_title2,h3.left_title3,h3.left_title4,h3.left_title5,h3.left_title6,h3.left_title7,h3.left_title8,h3.left_title9,h3.left_title10{ width: 100%;background-size: 100% 100%;}
	.main_detail h3.title{ line-height: 1.5;}
	.font_box img{ max-width:100%;height: auto;}
	.font_box table{width:100%;}
	.font_box div{  max-width:100%;}
	.main_jdgc,.main_wjds{ width:100% !important;box-sizing: border-box; }
	.main_jdgc ul li{ width: 31.3%;margin: 15px 1%;}
	.main_jdgc ul li .pic_box,.main_jdgc ul li .pic_box img,
	.main_wjds ul li .pic_box,.main_wjds ul li .pic_box img{ width: 100%;}
	.main_jwjg,.main_jwjg ul{ width:100%;}
	.main_jwjg ul li{ width: 50%;box-sizing: border-box;}
	.main_wjds ul li{ width: 30.3%;margin: 15px 1.5%;height: auto;min-height:200px;}
	.main_lyb_saying table,.main_lyb_say{ width:100%;}
	.main_lyb_saying,.main_lyb_say table,.main_person table{ width:98%;margin: 10px auto;}
	.main_person_box,.main_person_detail table{ width:98%;box-sizing: border-box;font-size:14px;}
	.tab_box{ height:auto;}	
    .tab_box ul:after,.tab_box1 ul:after{content:"";clear:both;display:block;font-size:0;height:0;}
	.tab_box1{ height:auto;overflow:visible;}
	.main_qywh{ width:100%;}
	.main_qywh dl dt{ width: 21%;padding: 18px 2%;}
	.main_qywh dl dd{ width: 68%;padding: 0px 2%;}
	div.pagelist{ padding-left:2%;}
	.main_qywh dl dt a img{ width:100%;height:auto;}
}
@media screen and (max-width: 768px){
    .top-menu{ display:none;}
	.logo{ width: 50%;height: auto;}
	.logo a img{ width: 100%;height: auto;}
	.top_right{ float: left;padding:10px 0 0 3%;} 
	.search_box{ display:none;}
	.header{ width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 10;}
    .banner{ padding-top: 83px;}
	.banner object, .banner embed{ height: auto;}
	.main_box{ height: 1160px;padding:20px 3% 0 3%;}
	.m_left{ width:100%;}
	.m_right{width:100%;}
	.news .news_img{ width:100%;}
	.news ul.news_list{width: 100%;font-size:14px;margin-right: 0;}
	.link select{ height: 23px;}
	.f_logo{ padding: 15px 0 0 22%;height: 122px;font-size: 14px;}
	.news ul.news_list li a{ width: 70%;}
	.m-btn{display: block;cursor: pointer;position: fixed;right: 0;top: 5px;z-index: 9999999999;width: 26px;height: 32px;padding: 10px;}
	.m-btn .box{display: block;width: 26px;height: 30px;overflow: hidden;position: relative;}
    .m-btn .line {display: block;width: 100%;height: 2px;background-color: #565656;position: absolute;left: 0;transition: all .5s;}
	.m-btn .line1 {width: 18px;top: 0;}
	.m-btn .line2 {width: 26px;top: 8px;}
	.m-btn .line3 {width: 22px;top: 16px;}
	.cur{ position:fixed;}
	.cur .line1,.cur .line2,.cur .line3{ width:100%;background:#fff;}
	.top-menu{ display:block;position: fixed;right: -100%;width: 70%;top: 0;z-index: 999;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;overflow-y: auto;overflow-x:hidden;}
	.top-menu .line{position: fixed;z-index: 10;height: 50px;width: 100%;background: #333;color: #fff;font-size: 16px;line-height: 50px;padding: 0 15px;}
	.show{ right: 0;transition: all 0.64s ease 0s;}
	.secondlist{ height:0;opacity: 0;padding-left: 17px;}
	.list-open{ height:auto;opacity: 1;}
	.top-menu>ul{padding: 60px 15px 15px;}
	.top-menu>ul>li{ border-bottom:1px solid #ccc;position:relative;}
	.top-menu ul li a{ font-size: 14px;padding: 5px 0;display: block;color: #333;}
	.top-menu>ul li a{ width: 100%;}
	.icon-up{ position: absolute;right: 0;top:0;height: 30px;width: 20%;z-index:9999;}
	.icon-up:after{ content: "+";position: absolute;top: 7px;right: 5px;font-size: 18px;}
	.icon-open:after{ content: "-";}
	.hidden{ overflow:hidden;}
	
	/**/
	.main{ padding: 20px 2% 0 2%;}
	.main_top{background-size: contain;}
	.main_left{ display:none;}
	.main_right{ width: 100%;margin-left: 0;background: #f1f1f3;}
	.main_right_main{ width:100%; box-sizing: border-box;}
	.main_right_title{ width:100%;}
	.main_right_title span{ display: block;margin-top: 0px;}
	.main_jtyw_pic ul li{ width: 48%;font-size: 14px;height:135px;}
	.main_jtyw_pic ul li img{ height: 108px;}
	.main_detail{ padding: 20px 5px;font-size: 14px;}
	.main_detail img{ margin:0;max-width:100%;}
	.font_box{ box-sizing:border-box;padding: 10px 5px;}
	.font_box p{ font-size:16px;}
	.main_jdgc ul li{ height: 120px;}
	.main_jdgc ul li .pic_box{ height: 81px;background-size: 100% 100%;}	
	.main_jdgc ul li .pic_box img{ height: 80px;}
	.main_right_main{ min-height:auto;}
	.main_jwjg ul li{ height:auto;min-height: 240px;}
	.main_wjds ul li{ min-height: 150px;}
	.main_wjds ul li .pic_box{ height: 134px;}
	.main_wjds ul li .pic_box img{ height:auto;min-height: 134px;}	
	.main_jwjg ul li .font_box{ font-size:14px;}
	.main_lyb_saying table{ table-layout: fixed;font-size: 14px;}
	.main_lyb_saying table th{width: 20%;white-space: nowrap;}
	.main_lyb_saying table td .input1{ width: 100%;box-sizing: border-box;}
	.main_lyb_saying table td .input2,.main_lyb_saying table td .text{ width:94%;}
	.main_person table{ font-size:14px;}
	.tab_box a{ width: 32%;}
    .tab_box a .tab_mid{ width: 80%;line-height: 27px;}
	.table-width td{max-width: 45.7px;}
	.tab_box1 a{ width: 48%;margin-right: 2%;margin-bottom: 10px;}
	.tab_box1 a .tab_mid1,.tab_box1 a.current .tab_mid1{width: 92%;padding: 0 1% 0 1%;background-size: contain;height: 60px;padding-top: 5px;box-sizing: border-box;}
	.tab_box1 a .tab_mid1{}
	.tab_box1 a.current .tab_right1,.tab_box1 a.current .tab_left1{height: 60px;background-size: cover; }
	.main_qywh dl dt{ width: 28%;}
	.main_qywh dl dd{ width: 61%;}
h3.right_titlenew {width:auto;}
}



 
