/*
* jQueryTab v2.0
* Copyright Dharma Poudel (@rogercomred)
* Free to use under the GPLv3 license.
* http://www.gnu.org/licenses/gpl-3.0.html
*/



#container{ width:80%; padding:0px 50px; margin:0 auto;}




/*  == tab heading */
.tabs {overflow:hidden; }
.tabs li{ float:left; background-color:#e30110; margin-right:5px; border-radius:10px 10px 0px 0px; font-size:16px;  }
.tabs li a{color:#fff; display:block;text-decoration:none; padding: 8px 35px; }
.tabs li:first-child a{ border-left: none; }
.tabs li a:hover, .tabs li a:focus{ color:#666; background-color:#FFF;border-radius:10px 10px 0px 0px; }
.tabs .active a{ color: #666;background-color:#FFF;border-radius:10px 10px 0px 0px; }

/* == accordion */
.accordion_tabs { display:none;padding: 10px; font-weight: bold; background: #fff; }
.tab_content_wrapper > .accordion_tabs:first-child{  }
a.accordion_tabs:link, a.accordion_tabs:visited{ color: #21759B; }
a.accordion_tabs:hover, a.accordion_tabs:focus{ color:#D54E21; }
a.accordion_tabs.active{ color: #666; }

/*  == tab content  */
.tab_content_wrapper{ position:relative; transition: all .3s ease-in-out .3s; overflow:hidden; }
.tab_content{ transition: all .6s ease-in-out; background:#fff;text-align:justify; color:#666; font-size:16px; line-height:38px; }

.toggle_display{display:block;}
.toggle_position{ position:absolute; }
.toggle_border{ }
.invert_border{}

@media screen and (min-width:1440px){
	.tabs {overflow:hidden; margin-left:37%; }
	.tab_content{ margin-left:10%;}
	}

@media screen and (max-width:1440px){
	.tabs {overflow:hidden; margin-left:34%; }
	.tab_content p{ width:95%;}
	.about_pic_01{width:98%; height:408px; background:url(../images/about_pic_01.png) left center no-repeat; background-size:99%;  float:left; }
	.about_con_02{ width:750px; height:480px;margin:50px auto; line-height:30px; padding-left:450px; background:url(../images/about_con_02.jpg) left 		center no-repeat;}
	.about_con_02 p { width:90%; float:left;} 
	.licheng_date{float:left; width:15%;}
	.licheng_txt p{ float:left; width:72%;}
	#tab25 img{ width:98%;}
	#tab27 img{ width:90%;}
	}
@media screen and (max-width:1280px){
	#container{ width:1200px; padding:0px 50px; margin:0 auto;}
	.tabs {overflow:hidden; margin-left:34%;}}


/* Media Queries
***********************/
@media screen and (max-width: 600px) {
  #container{ width:90%; padding:40px 20px; }
  .accordion_tabs{ display:block; }
  .tab_content_wrapper{ height:auto !important;}
  .tab_content{ transition:none; padding:10px;}
  .toggle_display{display:none;}
  .toggle_position{ position:relative; }
  .toggle_border{ border-width: 1px; }
}