html {overflow-y:scroll;}
html{ font-size: 100px;}
body {margin:0; padding:0; font:12px/1.5 'microsoft yahei',Arial,sans-serif;background:#fff;/*font-family:'Microsoft Yahei';*/ font-size:14px; color:#555}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.alt{ display:none}
a{ color:#111; text-decoration:none }
.fr{ float:right}
.fl{ float:left}
.clear{ clear:both; height:1px; line-height:1px; width:100%}
.color01{ color:#390}
.color02{ color:#f7760e}
.color03{ color:#b4c4dd }


.ml30{margin-left:30px;}
.mt10{ margin-top:10px;}
.mt04{ margin-top:4px;}
.ml09{ margin-left:9px;}
.mr10{ margin-right:10px;}
.ml06{ margin-left:6px;}
.ml07{ margin-left:7px;}
.ml14{ margin-left:12px;}
.ml18{ margin-left:18px;}
.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
.mb08{ margin-bottom:8px;}
.mt30{ margin-top:30px;}
.mt14{ margin-top:14px;}
.mt84{ margin-top:84px}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr24{ margin-right:24px; }
.ml24{ margin-left:24px}
.break { word-wrap: break-word; width: inherit; }
.linkhidden { text-indent: -9999em; overflow: hidden; }
.hidden { display: none; }
a{ text-decoration:none;}
.mtp15{ margin-top:15%}
.cgreen{ color:#007737}


/*网站导航*/
nav{  width:166px; height:100%; background:rgba(255, 255, 255, 0.7) url(../img/menubg.png) no-repeat right 500px;  padding:0; margin:0 auto; position:fixed; left:0; z-index:100000  }
nav .logo{display:block;width: 134px;height: 60px;margin:65px auto 106px auto;}
nav .logo img{ width: 100%;}
nav .navbar-header{padding: 0px 0; border-bottom:2px solid #87c438;}
nav .navbar-header .logo{ float: left; position:absolute; left:0; top:-10px}
nav .navbar-header .button{ float: right;padding-right: 10px; padding-top:5px;}
nav .navbar-header .button img{ width: 30px;}
nav ul.menu{ margin:0 auto}
nav ul.menu li{  height:30px; line-height:30px; font-size:16px;width: 86px; text-align:center;margin: 0 auto 22px auto; border-radius:15px}
nav ul.menu li a{font: 100 16px/30px "Microsoft YaHei";color: #000000; border-radius:15px}
nav ul.menu li:hover a{ background:#007737; color:#fff; border-radius:15px}
nav ul.menu li:hover{ background:#007737; color:#fff; border-radius:15px}
nav ul.menu li a:hover{ background:#007737; color:#fff; border-radius:15px}
nav ul.menu li.no_sub{ background:#007737; color:#fff; border-radius:15px}
	nav ul.menu li.no_sub a{ color:#fff; border-radius:15px}
nav .menu_down{ margin:0 8px; font-size:12px; color:#000; position:relative; bottom:20px}	
nav .menu_down .cgreen{ display:block}


/***下拉菜单***/
.menu{font-family:"Microsoft Yahei",Tahoma, Geneva, sans-serif; _overflow:hidden}
.menu a{color:#fff;position:relative}
.top{position:relative;z-index:2}
.menu li{font-size:16px;position:relative;}
.menu ul{width:162px;   background:#8e0f16;position:absolute;left:166px;top:0;z-index:99999;display:none; border-radius:0px 6px 6px 0px; color:#fff; font-size:16px;}
.menu li:hover ul{left:166px;display:block}
.menu li:hover ul li{border:none;float:left; width:100%; text-align:center; height:60px; line-height:60px;;}
.menu li:hover ul li a{color:#fff;text-decoration:none;padding:0;height:60px; line-height:60px;text-align:center; }
.menu li:hover ul li a:hover{text-decoration:underline}
/*IE6*/
.menu li.hover{background-color:#fff;border:1px solid #629d2a;border-bottom:none;padding:8px 11px}
.menu li.hover a{color:#357d13}
.menu li.hover ul{top:31px;display:block}
.menu li.hover ul li{border:none;width:70px;float:left;padding:4px 0 4px 10px}
.menu li.hover ul li a{height:16px;line-height:16px;font-size:12px;color:#333;text-decoration:none;padding:0}
.menu li.hover ul li a:hover{text-decoration:underline}
.menu li.no_sub.hover{border:1px solid #629d2a;padding:7px 11px}
@media(min-width: 768px) {
    nav{ padding:0px;}
    nav .navbar-header{ float: left; padding: 0;  border: none; background:#fff}
    
	
    nav .logo{ /*position:absolute;*/ left: 0;top:0 ; z-index:500; }
    nav ul.menu{display: block; }
    nav ul.menu li a{ font-size:16px;}
	
	 nav ul.menu li a:hover{ color:#fff;  }

	
}

@media screen and (min-width: 980px) and (max-width: 1200px)  {nav ul.menu li a{  font-size:14px;}}
@media screen and (min-width: 768px) and (max-width: 980px)  {nav ul.menu li a{ font-size:12px;}}
@media(max-width: 768px) {
    nav{ padding:0px; background:#0a54ab}
    nav .navbar-header{ float: left; padding: 0;  border: none; background:#0a54ab}
	
    nav .logo{ position:absolute; width:10%; left: 0;top:0 ; z-index:500; }
    nav ul{display: block; float: right;}
    nav ul li{ float: left;}
    nav ul li a{ padding: 0 10px; font-size:14px;}
	 nav ul li a:hover{ color:#0a54ab}
	.op-section:first-child{ display:none}
	
}


/***name***/
.tabname1{  width:30%; height:28%;1 text-align:left; margin:0% 0 0 14%; position:absolute; left:0%; }
	.tabname1 a{ color:#d6444c; font-size:16px; text-transform:uppercase; font-weight:bold; margin:18px 0 0 19px;; display:block; cursor:pointer}
.tab2 .tabname1{  width:100%; height:163px; padding-right:20%; text-align:right; margin-top:40px;margin: 0; position:relative}


/********************************************************二级公共***************************************************/
.arc-banner{}
.arc-banner img{ width: 100%;}
.arc{ padding:1px 0 0 0;}
.bread{padding:10px;}
.bread .float_r{display: none;}
.bread .float_r a{color: #000000;}
.bread .float_r span{color: #000000;}
.bread-left span{display: block;}
.bread-left .ch{ font:400 24px/36px "Microsoft YaHei"; color: #000000}
.bread-left .ru{ font:400 12px/21px "Microsoft YaHei"; color: #333333;}
.arc-left-title{ padding:20px 0 20px 15px; font:bold 24px/30px "Microsoft YaHei"; color: #5c5c5c;}
.arc-left ul{}
.arc-left ul li{border-bottom: 1px solid #ebebeb; text-align: center;}
.arc-left ul li a{display:block; padding: 5px 0; background: url("../img/jian2.png") no-repeat 10% center;}
.arc-left ul li span{display: block; padding: 5px 0; color: #5c5c5c;}
.arc-left ul li .ch{ font: 100 14px/21px "Microsoft YaHei";}
.arc-left ul li a:hover{ background: #00a0ea url("../img/jian1.png") no-repeat 10% center;}
.arc-left ul li a:hover span{color: #FFFFFF;}
.arc-right{padding:10px 10px 0 10px;}
@media(max-width: 768px) {
    .arc{ padding: 25px 0 0 0;}
    .bread{padding: 20px 0;}
    .bread .float_r{display: block; margin: 25px 0 0 0;}
    .arc-left{ padding: 0 20px 0 0;}
    .arc-left ul li a{display:block; padding: 10px 0;}
    .arc-left ul li .ch{ font: 100 18px/24px "Microsoft YaHei";}
    .arc-right{padding:30px 20px 0 20px; background: url("../images/border.png") no-repeat 0 0;}
}

/*二级页页脚*/
.foot-contacts .foot-contact{display: none;}
.foot-contacts{padding:5px 5px 0 5px;  background: #333333; text-align: right; color: #FFFFFF;}
.foot-contact-right{display: inline-block; width:320px; text-align: left;}
.foot-contact-right img{ margin:40px 0;}
.foot-contacts p{ font:400 14px/24px "Microsoft YaHei";}
.foot-contacts footer{margin: 5px 0 0 0; padding: 5px 0; text-align: center; background: #700b11;}
.foot-contacts footer span{display: inline-block; padding: 0 5px; color: #eeeeee;}
.foot-contacts footer a{display: inline-block; color:#eeeeee;}
@media(max-width: 768px) {
    .foot-contacts{padding: 20px 5px 0 5px;}
    .foot-contacts .foot-contact{display: block; height:300px;background: url("../images/tab7_contact.jpg") no-repeat center center;}
}


/**************************************************网站翻页************************************************************/
.pages{ padding:37px 0; text-align:center; color:#4c4c4c; font-size:16px; font-weight:bold}
.pages span{display: inline-block;}
.pages span a{display: inline-block; padding: 0 5px; color: #000000;}
.pages span a:hover{ color: #01aeff;}
.pages .active{ color: #01aeff;}

.about{ background: url("../images/about_bg.jpg") no-repeat center 0; background-attachment: fixed;}
.about-head{ margin:5px 0; padding:5px 0; font:bold 18px/30px 'Microsoft YaHei'; text-align: center; border-bottom: 1px solid #000000;}
.about article p{ margin: 10px 0; font: 400 14px/24px "Microsoft YaHei"; }
@media (min-width: 768px) {
    .about-head{ margin: 20px 0; padding:10px 0; font:bold 24px/42px 'Microsoft YaHei';}
	.info_area .tabareatext img{ display:inline-block; width:30%; margin:4% 1%}
}




footer{padding: 5px 0; text-align: center; background: #007737;width:100%;  bottom:0; position:absolute}
footer span{display: inline-block; padding: 0 5px; color: #eeeeee;}
footer a{display: inline-block; color:#eeeeee;}

/***article关于***/


.bodybg{  background:url(../images/home4_bg.png) repeat-y top center}
	.crumbs{ max-width:1200px; height:68px; line-height:28px; font-size:12px; color:#fff; text-align:center; margin:220px auto 0 auto}
		.crumbs a{ color:#fff}
		.mobile .crumbs{ max-width:1200px; height:68px; line-height:28px; font-size:12px; color:#fff; text-align:center; margin:230px auto 0 auto}
		.crumbs span{ margin:0 8px; font-size:16px}
	.pc .info_h{ width:100%; box-sizing:border-box; height:50px; margin:0 auto 64px 0;  }
	.infoh_pl{ padding-left:166px;}
	.info_area{ width:100%; boxsizing:border-box;   margin:-10px auto 0px auto; padding-bottom:0px; max-width:1200px   }
	
	.info_h3{ width:200px; height:50px; float:left; background:#0a54ab; color:#fff; text-align:center; line-height:50px;}
	
	.info_area .abouth3{ width:100%; text-align:left; color:#007737; font-size:29px; font-weight:bold; line-height:29px;}
		.info_area .abouth3 span{ font-size:14px; line-height:14px; font-weight:100;  color:#000; text-transform:uppercase}
		
	.info_area .newsh3{ width:100%; text-align:center; color:#007737; font-size:29px; font-weight:bold; line-height:29px;}
		.info_area .newsh3 span{ font-size:14px; line-height:14px; font-weight:100;  color:#000; text-transform:uppercase}	
		
		.info_area .imgarea{ width:100%; height:388px; padding-top:50px;}
			.info_area .imgarea img{ margin-bottom:4px; margin-right:4px; float:left}
				.info_area .imgarea img:first-child{ width:45.2%}
				.info_area .imgarea img:last-child{ margin-right:0; width:26.8%}
				.imgarea .mid{ width:26.8%; float:left; height:345px; margin-right:4px}
				.imgarea .mid img:first-child{ width:100%}
				.imgarea .mid img:last-child{ width:100%}

	.sec{ width:100%; height:100%; y-overflow:scroll;}
		.secback1{ background:url(../img/banner1.png) no-repeat center top}
		.secback2{ background:url(../img/banner2.png) no-repeat center top}
		.secback3{ background:url(../img/banner3.png) no-repeat center top}
		
	.sec_space{ width:100%; height:359px;}
		
	.sec_h{ width:100%; max-width:1200px;  height:296px; text-align:center; background:url(../img/sechbg.png) no-repeat center top; margin:0 auto}
		.sec .sec_h .text{ width:185px; margin:0 auto; padding-top:92px; text-align:center; font-size:24px; color:#000; line-height:24px; height:260px;}
			.sec .sec_h .text span{ font-size:14px;}
	
	
	
	.info_h .tabmenu {color:#272727; height:60px;width:100%; padding-top:10px; max-width:1180px; margin:0 auto}
	.info_h .tabmenu ul {margin:0 auto; padding:0px; list-style:none; width:100%; max-width:1180px; text-align:center;}
	.info_h .tabmenu li {display:inline-block; line-height:28px; height:28px; width:100px;  text-align:center; width:100px; background:#dcdcdc; color:#000; border-radius:8px; margin-right:3%; font-size:16px;}
	.info_h .tabmenu li a {color:#000; text-decoration:none; height:28px; display:block; overflow:hidden}
	.info_h .tabmenu li a.tabactive { background-color:#007737; color:#fff;  position:relative;border-radius:8px;}
	.info_area #tabcontent1,.info_area #tabcontent2,.info_area #tabcontent3,.info_area #tabcontent4 { font-size:12px; }
	.info_area .tabarea{  clear:both;min-height:645px; margin:0 auto; padding: 0; max-width:1200px; width:100%; background:#f1f1f1; border-radius:8px; padding:48px 42px; }
	.info_area .tabareah3{ width:100%; height:auto; line-height:38px; text-align:center; font-weight:bold; font-size:20px; color:#ae121b; margin-top:-8px; margin-bottom:10px}
	.info_area .tabareah6{ width:100%; height:auto; line-height:20px; text-align:center; font-weight:100; font-size:12px; text-transform:capitalize}
	.info_area .tabareatext{ width:100%; min-height:120px; margin:0px auto 0 auto; padding-top:20px; line-height:32px; font-size:16px; text-align:left;  color:#000}
	.info_area .tabareatext img{ display:inline-block; width:100%; margin:4% 1%}
	
	.info_dieal{ overflow-y:auto;height:605px;}
	
	
	
.pcfooter{ width:100%; height:400px; border-top:1px solid #7f8082; background:#007737; margin-top:70px;}
	.pcfooter .footercon{ width:98%; max-width:1200px; min-width:1000px; margin:0 auto; padding-top:62px; color:#fff}
		.pcfooter .footercon .map{ width:35%; height:auto; max-width:596px; margin-right:16px; float:left; border:2px solid #fff; margin-left:116px}
		.pcfooter .footercon .qc{ width:20.5%; max-width:247px; height:auto; margin-right:16px; float:left; text-align:center; font-size:18px; line-height:30px;}
		
		.pcfooter .footercon .txt{ width:26.1%; height:auto; text-align:left; float:left; line-height:20px; font-size:16px;}
			.pcfooter .footercon .txt p{ margin-bottom:20px;}
			
			
	.tabarea .tab4img1{ width:32.2%; margin-right:0.5%; margin-left:0.5%; margin-top:5px; margin-top:8px; height:342px;; position:relative; float:left}
			.tabarea .tab4img1 img{ z-index:50; position:absolute; width:100%; height:100%}
			.tabarea .tab4img1 a{ width:100%; z-index:200; position:absolute; top:0; background:rgba(0, 0, 0, 0.4); text-align:center; color:#fff; display:none; vertical-align:middle; height:342px; line-height:80px; font-size:24px; font-weight:bold}
			.tabarea .tab4img1 a{ padding-top:80px;}
			.tabarea .tab4img1 a span.tab4more{ width:46px; height:46px; text-align:center; line-height:38px; color:#fff; border:4px solid #fff; display:block; margin:0 auto; border-radius:25px; font-size:24px; font-weight:bold}
			.tabarea .tab4img1:hover a{ display:block}
			
			.mobile #tabcontent1 .tab4img1{ width:100%; margin-right:0.5%; margin-left:0.5%; margin-top:5px; margin-top:8px; height:342px;; position:relative; float:left}
			
			
	.imginfo{ width:90%; margin:0 auto; height:auto; min-height:438px;}
		.imginfo h4{ width:45%; height:70px; line-height:34px; font-size:22px; color:#007737; padding-top:20px; float:left; font-weight:bold}
		.imginfo img.fl{ width:45%; height:auto; margin-right:4%}
		.imginfo .img-infotxt{ width:45%; height:auto; line-height:25px; min-height:25px; text-align:left; color:#007737; font-size:18px; font-family:'黑体'; float:left; margin-bottom:20px}
			.imginfo .img-infotxt span{ min-width:94px; padding:0 6px; color:#fff; display:inline-block; background:#007737; margin-right:10px}
			
	.imginfotxt{ width:98%; margin:56px auto 10px auto; height:auto; font-size:14px; line-height:32px; color:#000}
		.imginfotxt h4{ width:100%; line-height:56px; height:56px; border-bottom:1px solid #007737; text-align:left; font-size:26px; font-weight:bold; margin-bottom:8px; color:#007737}
	
	
	
	
	.mobile .imginfo img.fl{ width:100%;}
	.mobile .imginfo .img-infotxt{ width:100%;}
	.mobile .imginfotxt{margin:226px auto 6px auto;}
	
	.mobile .tit{ width:100%; padding-top:10px}
	.mobile .tit img{ width:30%}
	.mobile .info_h{ width:100%; padding:0}
	.mobile .info_h .tabmenu{ width:100%; text-align:center; padding:15px 0 6px 0}
	.mobile .info_area .tabareatext img{ width:100%}
	.mobile .info_h .tabmenu li {    width:25%; padding:0 5px;  margin:8px 6px}
	.mobile .info_area{ padding:0; width:100%}
	.mobile .info_area .tabareatext{ text-indent:inherit; text-align:left}
	.mobile{ background:url(../img/hand_bg.jpg) no-repeat center top; background-size:auto 100%}
	



.newlist h5{
	    overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
@media (max-width: 768px) {
	.info_h3{ width:100%; float:left}
	.info_h .tabmenu{ width:100%; float:left; padding-right:0}
    
}

	.piclist_er .info_h{ background:none; border-bottom:1px solid #ccc; width:89.4%}
		.piclist_er .info_h .tabmenu{ width:auto; max-width:860px;padding-right: 0px;}
		.piclist_er .info_h .tabmenu li{ width:auto; padding:0 10px;}
		.piclist_er .info_h .tabmenu li a { width:auto; padding:0;}
		
	.piclist_er .tabarea{ min-height:500px}
	
	
	
	
	
	
	
	.bodybg .tabcon{ margin:0 0 0 166px;}
	.bodybg .tabcon .tabname1{width: 100%;    position:relative; margin:0 auto; max-width:1040px;  padding-top:14%; height:auto}
	.bodybg .tabname2 { width: 100%;    position: relative;    margin: 0 auto;    max-width: 1180px;    padding-top: 0%;    height: auto;}
	.bodybg .tabcon .fenhuicon{ width:100%; max-width:1000px; height:460px; margin:0 auto}
		.bodybg .tabcon .fenhuicon .tab4btn{ margin:50px 0px 0px 0px}

/***新闻中心***/
	.newhot{ width:96%; max-width:1180px; margin:36px auto; display:block; overflow:hidden}
		.newhot img{ margin-right:30px;}
		.newhot h4{ width:90%; color:#ae121b; height:50px; line-height:50px; text-align:left; margin-left:8%; font-size:18px; font-weight:bold}
		.newhot h4 span{ float:right; color:#706f6c}
		.newhotcon{ width:90%; height:90px; line-height:28px; font-size:13px;text-align:left; margin-left:8%; color:#3c3c3c}
		
	.newlist{ width:46%; max-width:580px; margin:26px auto 0px 20px; background:#fff; display:block; overflow:hidden; height:236px; padding:32px 64px; float:left}
	
		.newlist h5{ width:100%; height:40px; line-height:40px; color:#ae121b; font-size:18px;color:#000;}
		.newlist h6{ color:#000; font-size:16px; width:100%}
		.newlist .con{ color:#3c3c3c; font-size:14px; text-align:left; overflow:hidden; height:76px; line-height:24px; color:#666}
		.newlist:hover{ background:#308f5c}
		.newlist:hover h5{ color:#fff}
		.newlist:hover h6{ color:#fff}
		.newlist:hover .con{ color:#fff}
		
		
		.pageinfo{ width:125px; height:45px; background:url(../img/page1.png) no-repeat left top; display:inline-block; text-align:center; color:#000; line-height:42px;}
		.pageall{ width:412px; height:45px; background:url(../img/page2.png) no-repeat left top; display:inline-block; padding-top:5px;}
		.pageall a{ display:inline-block; text-align:center; font-size:14px; color:#000; width:43px; height:28px; line-height:28px; font-weight:100 }
			.pageall a:first-child, .pageall a:last-child{ color:#007737; font-size:10px;}
			.pageall a:hover{  border-radius: 50%;
  background-image: -moz-linear-gradient( 90deg, rgb(0,130,22) 0%, rgb(0,155,15) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,130,22) 0%, rgb(0,155,15) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,130,22) 0%, rgb(0,155,15) 100%);
  box-shadow: 1.678px 2.487px 0px 0px rgba(0, 0, 0, 0.075); border-radius:14px; color:#fff}
	
			
/**分会**/			
	.fenhui{ width:23%; margin:0 0 0 2%; height:354px; border-bottom:2px solid #ae121b; position:relative; float:left; display:block}	
		.fenhui img{ width:100%; height:auto;}
		.fenhui .fenhuiname{ position:absolute; width:100%; background:rgba(117, 11, 17, 0.5);  color:#fff; text-align:center; bottom:82px; height:45px; line-height:45px; z-index:500; font-size:16px; }
		.fenhui .fenhuitext{ width:100%; padding-top:20px; height:80px; line-height:36px; overflow:hidden}
		.fenhuiarea{ width:100%; max-width:1080px; margin:50px auto}
		
	.tabmap{ width:36%; margin-left:2%; height:auto; padding-top:108px;}
	.tabcon_no2{ width:100%; line-height:42px; margin-top:26px;}
		.tabcon_no2 .tabcon_h{margin: 0px 10px 6px 0px;}
	
	.mobile .fenhuiarea{ margin:10px auto; }	
	.mobile .fenhui{ width:94%; margin:0 auto; float:none; height:auto;}
		.mobile .fenhui .fenhuiname{ position:inherit; z-index:0; bottom:0; background:#ae121b}
		
		
	.mobile .tabname1 { width:100%}
	
	
			
/**底部loading问题**/
.ui-loader-default{ display:none}  
.ui-mobile-viewport{ border:none;}  
.ui-page {padding: 0; margin: 0; outline: 0} 

@media(max-height:900px){
	nav ul.menu li {   height: 28px;    line-height: 32px;     font-size: 14px; margin-bottom:14px;}
	nav ul.menu li a {    display: block;    font: 100 14px/32px "Microsoft YaHei"; height: 32px;    line-height: 32px;}
	nav .container {    min-height: 680px;}
	nav .logo {
    display: block;
    width: 92px;
    height: 105px;
    margin: 55px auto 26px auto}
	.menu li:hover ul li a{height: 28px;    line-height: 28px;}
	.pc .info_area .tabarea {   height:486px;/* overflow:hidden;*/ max-width:1040px;}
	.info_dieal{ overflow-y:auto;height:480px}
	.info_h .tabmenu{ max-width:1080px;}
	
	.tabcon{ min-height:200px;}
	.menu li:hover ul li{    height: 28px;    line-height: 28px;}
	.tab4img {    width: 48%;    margin: 0 0 0 36%;}
	.accordion{ margin-left: 36%;    max-width:640px;height: 96%;}
	
	
	.fenhui .fenhuiname{ bottom:114px;}
	
	.tabname1{margin: 0% 0 0 14%;}
	.tab6_con{ padding-top:80px}
	.tab7logo{ height:320px}
	.tab7logo img{ width:21%}
	
	.tab8contact{ width:48%}
	
	.pc .info_h {width:90%;    padding-top: 3%; margin:0 auto 40px auto}
	.tit{ width:100%; margin:0 auto}
	.tab4_h{ padding-top:8%}
	.tab2con{ padding-top:8%}
	.tab5news { padding:20px}
	.tab5news p{ height:50px;}
	/*.tab6{background: url(../img/home6_bg.png) repeat-x left 465px;}*/
	.tab6con .contact{ width:100%; height:auto; color:#fff; text-align:center; line-height:16px; padding-top:20px; font-size:14px;} 
			.tab6r{ width:26%; float:right; height:auto; line-height:18px; font-size:14px; 6 }
	.tab6con .qc{ width:80%;  height:auto; text-align:center; font-size:16px;max-width:238px; margin:0 auto 20px auto}
		.tab6con .qc img{ width:100%; height:auto}



		
	
	.tab5con{ width:928px; height:618px; margin:0 auto;-webkit-transform:scale(0.9);transform:scale(0.9); margin-top:-20px; }
	


	}
	
@media(max-height:768px){
	nav ul.menu li {    text-align: left;    height: 28px;    line-height: 28px;    padding-left: 14px;margin-bottom:4px;    font-size: 13px;   }
	nav ul.menu li a {    display: block;    font: 100 13px/28px "Microsoft YaHei";    height: 28px;    line-height: 28px;}
	nav .container {    min-height: 510px;}
	.menu li:hover ul li a{height: 28px;    line-height: 28px;}
	
	.home3b01 img{ width:100%; height:auto}
	
	.tabcon{ margin-top:0px;}
	
	.tab3 .tabcon{ margin-top:-7%}
	
	.home3b01 { width:76%}
	/*.tab4img1{ height:180px;}
	.tab4img2{ height:180px;}
	.tab4img3{ height:180px;}*/
	
	.info_area {    boxsizing: border-box;    /*max-width: 800px;*/}
	.info_area .tabarea {   /* height:auto;  overflow:hidden;*/ min-height:450px; max-width:1040px;}
	.info_dieal{ overflow-y:auto;height:480px}
	
	.info_area .tabareatext{ min-height:440px;}
	
	.info_area .tabareatext img {
    margin: 4% 0.5%;}
	
	
	.info_h .tabmenu{ max-width:1080px;}
	.newhot{ margin: 30px auto 6px auto}
	.newlist{ margin:16px auto 0px auto; font-size:13px;}
/*	.newlist:nth-child(3){ display:none}*/
	.pages{ font-size:12px; padding:10px 0}
	.newlist .con{ height:30px;}
	
	.tabcon{ min-height:200px;}
	.menu li:hover ul li{    height: 48px;    line-height: 48px;}
	.tab4img {    width: 44%;    margin: 0 0 0 36%;}
	.accordion{margin-left: 42%;    max-width: 480px;    height: 480px;   padding-top: 50px;}
	
	.tab6_text {    width: 100%;    height: 84px;    margin-top: 00px;    margin: 0 auto 0 auto;    font-size: 15px;    line-height: 28px;    color: rgba(223, 3, 18, 0.7);    padding-top: 0;
	
}	
	
	.tab5news { padding:20px}
	.tab5news p{ height:50px;}
	
	.fenhui .fenhuiname{ bottom:114px;}
	
	.tabname1{margin: 0% 0 0 14%;}
	.tab6_con{ padding-top:30px}
	.tab7logo{ height:220px}
	.tab7logo img{ width:21%}
	.tab7title{ padding:40px 0 10px 0;}
	
	.pc .info_h {width:90%;    padding-top: 0.5%; margin:0 auto 40px auto}
	.tit{ width:100%; margin:0 auto}
	.tab8 .play{ margin:10px auto 0}
	.tab8 .tab8contact{    padding-top: 10px; width:41%; font-size:12px; line-height:}
	.tab8 .tab8contact .tabcon_no{ margin-top:0px}
	.tab8contact .tit {    width: 99%;    text-align: left;
    line-height: 28px;    font-size: 14px;    color: #e46c6f
	}
	.tab4_h{ padding-top:2.5%;height:140px}
	.tab2con{ padding-top:4%}
	
	.tab6con .contact{ padding-top:10px}
	.tab6{background: url(../img/home6_bg.png) repeat-x left 355px;}
	.tab_box div .tab4img1 div {    padding-top: 80px;}
	.pcfooter .footercon .qc img{ width:100%}
	.pcfooter .footercon{ max-width:800}
	.pcfooter .footercon .txt{ width: 24.1%; font-size:14px; line-height:18px;}
}
	
	
.titname{ width:100%; border-left:3px solid #ae121b; color:#d90e19; padding-left:17px; font-family:'黑体'; text-align:left;}
	.titname .nameh3{ font-size:36px; display:block; text-align:left; line-height:36px; }
	.titname .nameh5{ font-size:16px; display:block; text-align:left; text-transform:uppercase; line-height:16px;}
	
	.mobile .titname{-webkit-transform:scale(0.8);transform:scale(0.8);    margin-left: -8%;}
	.mobile .tabname1 p span{ margin-left:19px; display:block}
	
	
/***时间轴***/

	.tabarea #timeline {
		
		width: 100%;
		height: 350px;
		overflow: hidden;
		margin:10% auto 10px;
		position: relative;
		border-radius:5px;
		background: url('../images/dot.gif') left 55px repeat-x;
		border-top:2px solid #C00
	}
		.tabarea #dates {
			width: 100%;
			height: 120px;
			overflow: hidden;
			padding-top:0px;
			
		}
			.tabarea #dates li {
				list-style: none;
				float: left;
				width: 140px;
				height: 80px;
				font-size: 24px;
				text-align: center;
				background:url(../images/timelinebg2.png) no-repeat center top;
				padding-top:20px
			}
				.tabarea #dates a {
					line-height: 38px;
					padding-bottom: 10px;
				}
				.tabarea #dates .selected {
			        font-size: 32px;
			        color:#ed0808; margin-top:50px; line-height:80px;		}
		
		.tabarea #issues {
			width: 100%;
			height: 350px;
			overflow: hidden;
			text-align:center
		}	
			.tabarea #issues li {
				width: 100%;
				max-width:800px;
				height: 350px;
				list-style: none;
				float: left;
				text-align:left
			}
				.tabarea #issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					border-radius:4px;
				}
				.tabarea #issues li h1 {
					width:740px;
					color: #d90e19;
					font-size: 24px;
					margin:5px 0;
				}
				.tabarea #issues li p {
					font-size: 17.6px;
					margin-right: 60px;
					font-weight: normal;
					line-height: 30px;
					text-indent:2em;
				}
		
		.tabarea #grad_left,
		.tabarea #grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			.tabarea #grad_left {
		        left: 0;
		        border-radius:5px;
		        background: url('../images/grad_left.png') repeat-y;
			}
			.tabarea #grad_right {
		        right: 0;
		        background: url('../images/grad_right.png') repeat-y;
			}
		
		.tabarea #next,
		.tabarea #prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			.tabarea #next:hover,
			.tabarea #prev:hover {
				background-position: 0 -76px;
			}
			.tabarea #next {
				right: 0;
				background-image: url('../images/next.png');
			}
			.tabarea #prev {
				left: 0;
				background-image: url('../images/prev.png');
			}
				.tabarea #next.disabled,
				.tabarea #prev.disabled {
					opacity: 0.2;
				}
.tabarea .tabarea #zhuanti_top{width:100%;height:65px; position:fixed; top:0px; left:0px; z-index:999; text-align:center;background:url(../images/top_bg1.png) #fff repeat-x; margin:0 auto;}
.tabarea .tabarea #zhuanti_center{width:1000px;margin:5px auto 0px;font-size:16px;color:#000;height:55px;line-height:12px;clear:both;}
.tabarea #zhuanti_center a.mLink{color:#828282;text-decoration:none;}
.tabarea #zhuanti_center a.mLink:hover{color:red;}
.tabarea #zhuanti_center #miniLogo{float:left;}
.tabarea #zhuanti_center #miniLogo img{border:0;height:55px;}
.tabarea #zhuanti_center #miniLink{float:right;padding:23px 8px 0 0;}
.footer span{font-size:18px;color:#fff;}
#jump{position:fixed;top:50%;right:5px;width:40px;z-index:400;_position:absolute;_top:expression(documentElement.scrollTop + "px");}
#weixin{display:block;width:40px;height:40px;cursor:pointer;}
#weixin{background:url(../images/st-weixin.png) repeat scroll 0% 0% transparent;}
#EWM{ position:absolute; right:45px; top:-135px; display:none;}
#EWM img{ width:150px; height:150px;}
#issues li span a{color:#f40;}
#issues li h1 a{color:#d90e19;}

.container {width: 161px;}


/*第三屏效果*/
.wrapper {
  text-align: center;
  padding: 0;
}

.steps {
  margin: 0 auto;
  height: 462px;
  list-style: none;
  width: 468px;
  z-index: 0;
  position: relative;
  color: #da9c36;
  border-radius: 50%;
  background:url(../img/tab3_conbg.png) no-repeat center
}
.steps__icon {
  padding-top: 100px;
  width: 40%;
}
.steps__description {
  padding: 0 100px;
  position: absolute;
  bottom: 100px;
  font-size: 0.9em;
  color:#999;
  font-size:12px;
  margin:0 80px; 
  text-transform:uppercase
}	
.steps__description span {
  font-weight: bold;
  padding-right: 0.3em;
  color:#e2a32e;
  font-size:16px;
}
.steps__description a {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
 /* border: 1px solid #373232;*/
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 6px 20px;
  margin-top: 0.6em;
  font-size: 0.9em;
  background:#007737;
}
.steps__description a:hover {
 /* border: 1px solid #fff;*/
  color: #fff;
  background: #007737;
}

.is-active a {
  font-size: 2em !important;
  background: #e1a434 !important;
  box-shadow:0 0 0px 3px #007737;
}

#steps-menu ul li {
  -moz-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  -webkit-transition: all 1.2s ease-in-out;
  -ms-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
  border-left: 140px solid transparent;
  border-top: 1px solid transparent;
  font-size: 0.65em;
  left: 50%;
  list-style: none;
  position: absolute;
  top: 50%;
  transform-origin: 0 0;
  
}
#steps-menu ul li:after {
  content: " ";
  background: url("http://krystalcampioni.com/testes/arrow.png") red;
  width: 0.7em;
  height: 0.4em;/*
  margin-left: -0.14em;
  margin-top: -2.1em;*/
  position: absolute;
  font-size: 3.5em;
  background-size: 100%;
  background-color: transparent;
  transform: rotate(-29deg);
  background-repeat: no-repeat;
}
#steps-menu ul li a {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #007737;
  color: #fff;
  text-decoration: none;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  height: 66px;
  width: 66px;
  font-size: 1.6em;
  line-height: 2;
  box-shadow: 0 0 0 0 transparent;
}
#steps-menu ul li a:hover {
  background: #FFB533;
 box-shadow: 0 0 0px 3px #FFB533;
/*  border:5px solid #007737;*/
}


.step-1 ul li:nth-of-type(1) {
  transform: rotate(-97deg);
}
.step-1 ul li:nth-of-type(1) a {
  transform: rotate(97deg);
}

.step-2 ul li:nth-of-type(1) {
  transform: rotate(-187deg);
}
.step-2 ul li:nth-of-type(1) a {
  transform: rotate(187deg);
}

.step-3 ul li:nth-of-type(1) {
  transform: rotate(-277deg);
}
.step-3 ul li:nth-of-type(1) a {
  transform: rotate(277deg);
}

.step-4 ul li:nth-of-type(1) {
  transform: rotate(-367deg);
}
.step-4 ul li:nth-of-type(1) a {
  transform: rotate(367deg);
}


.step-1 ul li:nth-of-type(2) {
  transform: rotate(-7deg);
}
.step-1 ul li:nth-of-type(2) a {
  transform: rotate(7deg);
}

.step-2 ul li:nth-of-type(2) {
  transform: rotate(-97deg);
}
.step-2 ul li:nth-of-type(2) a {
  transform: rotate(97deg);
}

.step-3 ul li:nth-of-type(2) {
  transform: rotate(-187deg);
}
.step-3 ul li:nth-of-type(2) a {
  transform: rotate(187deg);
}

.step-4 ul li:nth-of-type(2) {
  transform: rotate(-277deg);
}
.step-4 ul li:nth-of-type(2) a {
  transform: rotate(277deg);
}

.step-1 ul li:nth-of-type(3) {
  transform: rotate(83deg);
}
.step-1 ul li:nth-of-type(3) a {
  transform: rotate(-83deg);
}

.step-2 ul li:nth-of-type(3) {
  transform: rotate(-7deg);
}
.step-2 ul li:nth-of-type(3) a {
  transform: rotate(7deg);
}

.step-3 ul li:nth-of-type(3) {
  transform: rotate(-97deg);
}
.step-3 ul li:nth-of-type(3) a {
  transform: rotate(97deg);
}

.step-4 ul li:nth-of-type(3) {
  transform: rotate(-187deg);
}
.step-4 ul li:nth-of-type(3) a {
  transform: rotate(187deg);
}


.step-1 ul li:nth-of-type(4) {
  transform: rotate(173deg);
}
.step-1 ul li:nth-of-type(4) a {
  transform: rotate(-173deg);
}

.step-2 ul li:nth-of-type(4) {
  transform: rotate(83deg);
}
.step-2 ul li:nth-of-type(4) a {
  transform: rotate(-83deg);
}

.step-3 ul li:nth-of-type(4) {
  transform: rotate(-7deg);
}
.step-3 ul li:nth-of-type(4) a {
  transform: rotate(7deg);
}

.step-4 ul li:nth-of-type(4) {
  transform: rotate(-97deg);
}
.step-4 ul li:nth-of-type(4) a {
  transform: rotate(97deg);
}

.step-content {
  display: none;
}

#step-1 {
  display: block;
}
/*
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}*/


/*联系我们*/
		
.sec_aboutcon {
    width: 95%;
    margin: 0px auto;
    height: auto;
    line-height: 30px;
	max-width:1200px;
}		

.sec .tabarea {
    clear: both;
    min-height: 645px;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    width: 100%;
    background: #f1f1f1;
    border-radius: 8px;
    padding: 48px 42px;
	height:auto
}
.message_h {
    width: 90%;
    text-align: center;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 3px dotted #919191;
    margin: 0 auto 30px auto;
}
.contactr{ width:49%; float:right; border-left:1px dashed  #069; padding-left:3%}
.contactl{ width:49%; float:left; padding-left:1%}

	.contactr .tabarea{  clear:both;min-height:656px; margin:0 auto;  background:#fff }
	.contactr .tabareah3{ width:100%; height:auto; line-height:38px; text-align:center; font-weight:bold; font-size:30px;padding:45px 40px 0 0px;}
	.contactr .tabareah6{ width:100%; height:auto; line-height:20px; text-align:center; font-weight:100; font-size:16px; text-transform:capitalize;color:#090; text-align:LEFT; margin-bottom:10PX;padding:0px;}
	.contactr .tabareatext{ width:100%; min-height:506px; margin:0px auto 0 auto; padding-top:50px; line-height:37px; font-size:14px}

		.crumbs{ width:100%; height:39px; line-height:39px; border-top:1px solid #fff; margin:0;
		  		background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
			background: -webkit-linear-gradient(top, #fff 0%,#efefef 100%);
			background: linear-gradient(to bottom, #fff 0%,#efefef 100%); text-align:left; font-size:14px; color:#333; }
			 .contactr .crumbs a{ color:#333 }

	.messul{ width:70%; margin: 0 auto; padding-top:4px }
	.messul li{ width:100%; margin-top:30px; }
		.messul li label{ width:20%; max-width:80px; text-align:right; color:#169967; display:inline-block}
		.messul li input[type='text']{  border:1px solid #169967; height:35px; padding:4px; background:#fff; border-radius:5px; display:inline-block}
		.messulinput1{ width:80%}
		.messulinput2{ width:35%}
		.messul li textarea{ width:70%; height:50px; border:1px solid #169967;padding:4px; background:#fff; border-radius:5px;}
	.surebtn{ width:238px; height:36px; line-height:36px; color:#fff; background:#008944; border:none; border-radius:8px; margin:36px auto 0 30% }
	

.pc .tabcon .info_area .tabarea{ height:auto}
.pcfooter .footercon .qc img{ width:100%}


@media (min-width: 768px) {
	p iframe{ width: 90%!important; height: 500px!important;}
}