@charset "utf-8";

body{font-family: "微软雅黑","宋体";font-size: 12px;background:#FFFFFF;}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, td, th { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, h7 { font-size:14px; font-weight:bold;}
img, table, td, th { border:0;}
ul, ol { list-style-type:none; padding:0; margin:0;}
a:link,a:visited { color:#000; text-decoration:none;}
a:hover { color:#000; text-decoration: none;}
a{text-decoration:none;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.hidden {display: none !important;}
.clear{clear:both;  overflow:hidden;}
.clearfix:before,.clearfix:after,.container:before,.container:after {display: table;content: " ";}
.clearfix:after,.container:after{clear: both;}
span,a{display:inline-block;}


.container {max-width: 1200px;width: 100%;margin: 0 auto;box-sizing: border-box}

/*header*/
#header{margin:0 auto;height: 130px;line-height: 58px;}
	.header1{float:left;}
	.header2{float:right;}
		.menu{display:none;}
		.menu li{font-size:16px;list-style: none;float: left;padding: 0px 15px;height: 58px;line-height: 58px;}
		.menu li a{color: #4d4d4d;}
		.menu li.active{background: #fc433e;color:#FFFFFF;}
		.menu li.active a{color: #ffffff;}

/* navbox */
.navbox,.nav li,.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{}
	.navbox{height:58px;z-index:9;margin:0 auto;}
	.nav{margin:0 auto;text-align:center;}
	.nav li{float:left;height:58px;position:relative;}
	.nav li a{float:left;display:block;height:58px;line-height:58px;overflow:hidden;}
	.nav li a span{float:left;display:block;line-height:58px;font-size:16px;color:#ffffff;font-weight:bold;cursor:pointer;width:92px;text-align:center;}
	.nav li a:link span,.nav li a:visited span{color:#4d4d4d;text-decoration:none;}
	.nav li a:hover span{width:92px;height:58px;display:block;color:#fc433e;}
	.nav li.selected .submenu{display:block;}


	.nav li .submenu{display:none;position:absolute;top:0;left:0;}
	.nav li .submenu{width:90px;background:#fc433e;height:auto;}
	.nav li .submenu{-moz-border-radius:0 0 1px 1px;-webkit-border-radius:0 0 1px 1px;border-radius:0 0 1px 1px;-moz-box-shadow:0 1px 1px #D3D3D3;-webkit-box-shadow:0 1px 1px #D3D3D3;box-shadow:0 1px 1px #D3D3D3;}
	.nav li .submenu li{float:none;padding:0;background:none;height:36px;line-height:36px;}
	.nav li .submenu li.last{border:none;}
	.nav li .submenu li a{float:none;padding:0;text-align:center;  height:36px;line-height:36px; background:none;color:#FFFFFF;}
	.nav li .submenu li a:hover{color:#FFFFFF;}


/*main*/
#main{}



	/*swiper*/
	.swiper-container {width: 100%;height: 500px;}
		.swiper-slide {background-position:center;background-size:cover;}


	/*content*/
	.content{margin:0 auto;margin-top:10px;display: flex;justify-content: space-between;}

		.content1{width:338px;height:144px;overflow: hidden;}
			.deputy {width: 310px;height: 150px;margin-left: 0px;background-color: #ccc;}

		.content2{width:570px;height:144px;padding: 0;margin-top:-20px;}
			.tabtag ul{padding: 0px;margin:0;}
			.tabtag{ line-height:58px; height:58px; }
			.tabtag{border-bottom:2px solid #ddd;}
			.tabtag li{ float:left; width:85px; text-align:center; padding:0px 5px;list-style: none;font-weight: bold;font-size: 16px;border-bottom:2px solid #dddddd;}
			.tabtag li.cur{ color:#4d4d4d; border-bottom:2px solid #fb443c;}


			.tabcon{ height:100px; overflow:hidden;}
			.tabcon div{ padding:10px; color:#900; font-size:14px;}

			.ul_list1{padding:0 2px;width:400px;}
			.ul_list1 li{width:580px;line-height:26px; height:26px; text-align:left;font-size:12px;color: #777777;}
			.ul_list1 li span{ float:left;color: #777777;}
			.ul_list1 li a{ float:left;width:80%;text-overflow:ellipsis;white-space: nowrap;color: #777777;padding-right:35px;}
			.ul_list1 li a:hover{ text-decoration:underline;}


		.content3{width:270px;height:144px;overflow: hidden;display:none;}
		
		.content3_1{
			width:270px;height:144px;margin-left: 20px;
		}

        /*projects*/
        .g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}
		/* 滑块 start */
		#subjects {height:200px; background-color:#e0e2e4;position: relative;width:63%;}
		#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
		#subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;}
		#subjects .g-wrap .item-2 {z-index:2; background-color:#6666dd;}
		#subjects .g-wrap .item-3 {z-index:3; background-color:#fc433e;}
		#subjects .g-wrap .item-4 {z-index:4; background-color:#258a91;}
		#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
		#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
		#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;}
		#subjects .g-wrap .item-1 .p2 {left:350px; top:21px; z-index:2; width:189px; height:29px;}
		#subjects .g-wrap .item-2 .p1 {left:48px; top:50px;}
		#subjects .g-wrap .item-2 .p2 {left:240px; top:10px;}
		#subjects .g-wrap .item-3 .p1 {left:30px; top:90px; width:155px; height:50px;}
		#subjects .g-wrap .item-3 .p2 {left:190px; width:282px; height:122px;}
		#subjects .g-wrap .item-4 .p1 {left:30px; top:58px; width:256px; height:98px;}
		#subjects .g-wrap .item-4 .p2 {left:488px; top:21px; width:245px; height:122px;}

        .sub {position: relative;background: #e0e2e4;margin-top:40px;width: 100%;display: flex;justify-content: center;}
        .sub .huodong-l{position: absolute;width: 18.5%;z-index: 10;height: 100%;left:0}
        .sub .huodong-r{position: absolute;width: 18.5%;right:0;z-index: 10;height: 100%;}
        .sub .huodong-l img{width:100%;height: 100%;}
        .sub .huodong-r img{width:100%;height: 100%;}
		/*#subjects*/
		#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

		/* 逐个出现 */
		#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
		#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
		#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

		/* 没有指向 */
		#subjects .state-0 .item-1 {left:0;}
		#subjects .state-0 .item-2 {left:340px;}
		#subjects .state-0 .item-3 {left:617px;}
		#subjects .state-0 .item-4 {left:812px;}
		/* 指向第一个 */
		#subjects .state-1 .item-1 {left:0;}
		#subjects .state-1 .item-2 {left:492px;}
		#subjects .state-1 .item-3 {left:705px;}
		#subjects .state-1 .item-4 {left:917px;}
		#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
		/* 指向第二个 */
		#subjects .state-2 .item-1 {left:0;}
		#subjects .state-2 .item-2 {left:212px;}
		#subjects .state-2 .item-3 {left:705px;}
		#subjects .state-2 .item-4 {left:917px;}
		#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
		/* 指向第三个 */
		#subjects .state-3 .item-1 {left:0;}
		#subjects .state-3 .item-2 {left:212px;}
		#subjects .state-3 .item-3 {left:425px;}
		#subjects .state-3 .item-4 {left:917px;}
		#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
		/* 指向第四个 */
		#subjects .state-4 .item-1 {left:0;}
		#subjects .state-4 .item-2 {left:212px;}
		#subjects .state-4 .item-3 {left:425px;}
		#subjects .state-4 .item-4 {left:637px;}
		#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
		/* 滑块 end */


	/*blank*/
	.blank1{float:left;line-height:30px;margin-top:13px;}
	.blank1 a{padding:0 20px 0 40px;}
	.blank1 .guoxin{background:url(../images/about_28.png) no-repeat;}
	.blank1 .zhuangxiu{background:url(../images/about_30.png) no-repeat;}
	.blank1 .weibo{background:url(../images/about_32.png) no-repeat;}
	.blank1 .yu{background:url(../images/about_35.png) no-repeat;}
	.blank2{float: right;width:337px;height:66px;line-height:66px;background: #f2f2f2;color: #777777;font-size:14px;}
		.blank2 a{color:#777777;padding: 0 20px;}


/*footer*/
/* #footer{width:100%;height:130px;border-top:1px solid #eeeeee;text-align: center;padding-bottom: 10px;}
	.footer_left{width:100px;float:left;text-align:right;padding-top:24px;}
		.footer_left img{width:90px;}
	.footer_right{max-width:580px;float:right;text-align:left;}
		.footer_right .footer1{line-height: 36px;margin-top:20px;font-size:14px;}
		.footer_right .footer2{line-height: 36px;font-size:14px;width: 700px;}
		.footer_right .footer3{line-height: 36px;font-size:14px;margin-bottom: 20px;}
		 */
		
		#footer{width:100%;border-top:1px solid #eeeeee;text-align: center;float:left;}
			.footer1{line-height: 36px;margin-top:20px;font-size:14px;}
			.footer2{line-height: 36px;font-size:14px;}
			.footer3{line-height: 36px;font-size:14px;margin-bottom: 20px;}


/* ipad mini2 横*/
@media only screen and (max-width: 1080px){
	.container {width: 1000px;}

	.content1{width:420px;height:144px;float:left;overflow: hidden;}
	.content2{width:380px;height:144px;float:left;padding: 0;margin: 0;}
	.content3{width:200px;height:144px;float: right;overflow: hidden;}

	.pic1{width: 240px;float: left;}
	.pic4{width: 225px;float: left;overflow: hidden;}

	/*blank*/
	.blank2{float: right;width:225px;height:66px;line-height:66px;background: #f2f2f2;color: #777777;font-size:12px;}
		.blank2 a{color:#777777;padding: 0 2px;margin-left:12px;}
}

/* ipad mini2 纵*/
@media only screen and (max-width: 768px){
	.container {width: 768px;}

	.header1 img{width:220px;line-height: 78px;}
	.navbox{display:none;}
	.menu{display:block;}
	.menu li{font-size:16px;list-style: none;float: left;padding: 0px 5px;height: 78px;line-height: 78px;}

	#main{margin-top:0px;}
	.content1{width:420px;height:144px;float:left;overflow: hidden;}
	.content2{width:330px;height:144px;float:left;padding: 0;margin: 0;}
	.content3{display: none;}


	.pic3{width: 250px;float: left;overflow: hidden;}
	.pic4{display: none;}
	.pageselect{display: none;}{display:none;}

	/*blank*/
	.blank2{float: right;width:250px;height:66px;line-height:66px;background: #f2f2f2;color: #777777;font-size:12px;}
		.blank2 a{color:#777777;padding: 0 2px;margin-left:12px;}

}


/*iphone 6 纵*/
@media only screen and (max-width: 480px){
	#header{margin:0 auto;height:auto;border-bottom:1px solid #dddddd}
	#ad{display:none;}
	.gruop_top{width:95%;margin:0 auto;}
	.nav_er_zuo{padding-left:10px;}
	.deputy {
		display:none;
		width: 100%;
		height: 200px;
		margin-left: 0px;
		background-color: #ffffff;
	}

	body{width:100%;overflow-x: hidden;}
	.container {width: 375px;flex-wrap: wrap;}

	.header1{float: none;text-align: center;margin-bottom: 10px;width:100%;}
	.header1 img{width:50%;}
	.header2{float: none;width:100%;}

	.header2{padding: 0px;margin: 0px;border-top:1px solid #dddddd;padding-top:10px;}
	.navbox{display:none;}
	.menu{display:block;}
	.menu li{font-size:16px;list-style: none;display:inlinline;width:22%;height:36px;line-height: 36px;text-align: center;}

	.swiper-container {width: 100%;height: 200px;text-align: center;}

	.content1{width:100%;height:auto;overflow: hidden;}
	.content2{width:96%;height:auto;overflow-x: hidden;padding:0px 10px;}
		.tabcon li{height:36px;line-height:36px;font-size:14px;}

	.content3{display: none;}
	.content3_1{display: none;}
	.sub{display: none;}

	.pic1{display: none;}
	.pic2{display: none;}
	.pic3{display: none;}
	.pic4{display: none;}

	.blank{display: none;}

	.footer1{font-size:12px;display:none;}
	.pageselect{display: none;}
	.footer2{font-size:12px;}
	.footer3{display: none;}
	

}
.nav_er_zuo a,.pull-left,.nav_er_zuo{
	font-family:"微软雅黑";!important
	font-style: normal;!important;
	font-weight: normal;!important;
}