/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/

/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./Mobile.css) screen and (max-width: 760px);

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
.gs_section.touzhizhe .gs_ma1{
	display: flex;	
}
 .gs_section.touzhizhe .gs-ss {
    background: #F3F3F3;
    position: relative;
    width: 100%;
}
 .gs_section.touzhizhe .gs_main11{
	position: relative;
	top: 0;
}
 .gs_section.touzhizhe .gs_main12 {
    position: relative;
    display: flex;
	text-align: center;
    padding: 37px 0px;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/*
* PadMode
*/
@media only screen and (max-width: 1302px) {
.gs_main11 img {
    margin-bottom: 30px;
    max-width: 74%;
    height: auto;
}
/* .gs_main11 {
    text-align: center;
    padding: 50px 2.5% 45px;
   
    position: absolute;
    left: -64px;
    top: -24px;
    width: 46%;
  
}
.gs_main12 {
    width: 63%;
    position: absolute;
    right: -106px;
    top: 12px;
    
    text-align: center;
    font-size: 26px;
    color: #000;
} */
.gs-ss {
    background: #F3F3F3;
    position: absolute;
    width: 66%;
    margin-top: 2%;
}
.gs_main12 ul li {
    margin: 0px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EAE5E5;
    line-height: 332%;
    font-size: 20px;
}
}
@media only screen and (max-width: 1137px) {
.gs_main11 img {
    margin-bottom: 30px;
    max-width: 74%;
    height: auto;
}
.gs_main11 {
    text-align: center;
    padding: 50px 2.5% 45px;
    /* background: rgba(14,97,166,0.8); */
    position: absolute;
    left: -64px;
    top: -24px;
    width: 46%;
    /* z-index: 10; */
}
.gs_main12 {
    width: 63%;
    position: absolute;
    right: -106px;
    top: 12px;
    /* display: flex; */
    text-align: center;
    font-size: 26px;
    color: #000;
}
.gs-ss {
    background: #F3F3F3;
    position: absolute;
    width: 66%;
    margin-top: 2%;
}
.gs_main12 ul li {
    margin: 0px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EAE5E5;
    line-height: 332%;
    font-size: 20px;
}

}
@media only screen and (max-width: 1024px) {

   body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  html,body,.wrap { min-width:0;}
  html { overflow-x:hidden;}
  body,input,textarea,button,select { font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;width: auto;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}
  .bg_banner .inver small{
  	display: none;
  }
  .incerRight{
  	display: none;
  }
  .n_banner .bg_banner .inver {
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    left: 0;
    top: 30%;
    z-index: 2;
    text-align: center;
}
  .bg_banner .inver h3{
  	line-height: normal;
  	color: #ffffff;
  	font-size: 28px;
  	margin-bottom: 31px;
  }
  .bg_banner .inver h3:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    line-height: 2px;
    background-color: #cd2d20;
    margin: 0px auto;
}
.gs_main11 img {
    margin-bottom: 30px;
    max-width: 79%;
    height: auto;
}
.ewd {
    width:778px;
    margin-right: auto;
    margin-left: auto;
}
.gs_ma1 {
    padding: 20px 0px;
    background: #fff;
    margin: 0 auto;
    height: 234px;
    margin: 0 30px;
    display: flex;
}
.gs_main1 {
    margin-bottom: 71px;
    position: relative;
    width: 100%;
    height: 274px;
    background: #fff;
    padding: 0 30px;
}
.gs_main12 {
    width: 75%;
    position: absolute;
    right: -190px;
    top: 12px;
    /* display: flex; */
    text-align: center;
    font-size: 20px;
    color: #000;
}

.gs_main12 ul li a{
	color: #000;
	margin-left: 1%;
}


.gs_main11 {
    text-align: center;
    padding: 50px 2.5% 45px;
    /* background: rgba(14,97,166,0.8); */
    position: absolute;
    left: -64px;
    top: -24px;
    width: 46%;
    /* z-index: 10; */
}
.gs_main1 {
    margin-bottom: 71px;
    position: relative;
    width: 100%;
    height: 274px;
    background: #fff;
    padding: 0 0px;
}
.gs_ma1 {
    padding: 0px 0px;
    background: #fff;
    margin: 0 auto;
    height: 234px;
    margin: 0 0px;
    display: flex;
}
.gs_main12 ul li {
    margin: 0px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EAE5E5;
    line-height: 211%;
    font-size: 20px;
}
.ewd{
	width: 94%;
}
}

/*
* MobileMode
*/
@media only screen and (max-width:963px ) {
 .gs_main12 {
    width: 100%;
    position: absolute;
    right: 0px;
    top: 52%;
    
}
.gs_main12 ul li a{
	color: #000;
	margin-left: 1%;
}
.gs-ss {
    background: #F3F3F3;
    position: absolute;
    width: 100%;
    margin-top: 2%;
}
.gs_main1 {
    margin-bottom: 71px;
    position: relative;
    width: 100%;
    height: 624px;
    background: #fff;
    padding: 0 0px;
}
.gs_main11 {
    text-align: center;
    padding: 50px 2.5% 45px;
    /* background: rgba(14,97,166,0.8); */
    position: absolute;
    left: -64px;
    top: -24px;
    width: 110%;
    /* z-index: 10; */
}

}
@media only screen and (max-width: 768px) {
.gs_main11 {
    text-align: center;
    padding: 50px 2.5% 45px;
    position: absolute;
    left: -26px;
    top: -8px;
    width: 106%;
}
.gs_main12 {
    width: 84%;
    position: absolute;
    right: 92px;
    top: 46%;
    /* display: flex; */
    text-align: center;
    font-size: 26px;
    color: #000;
}
.gs-ss {
    background: #F3F3F3;
    position: absolute;
    width: 112%;
    margin-top: 2%;
}
}

@media only screen and (max-width: 760px) {

  body:after {
    content: 'Mobile';
  }
  body,input,t    extarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .n_banner .bg_banner, .n_banner .box_wrap .detail, .n_banner .box_wrap .bread .posi {
    display: block;
}

.gs_main1 {
    margin-bottom: 71px;
    position: relative;
    width: 100%;
    height: 657px;
    background: #fff;
    padding: 0 30px;
}
.gs_ma1{
	height: 657px;
	background: #fff;
}

.gs_main11 img {
    margin-bottom: 30px;
    max-width: 100%;
    height: auto;
}

   

.gs_main12 ul li a{
	color: #000;
	margin-left: 1%;
}
.ewd{
	width: 100%;
	margin: 0 0 !important;
	padding-left: 0%;
}
.gs_main11 {
    text-align: center;
    padding: 50px 2.5% 45px;
    position: absolute;
    left: -26px;
    top: -8px;
    width: 106%;
}
.gs_main12 {
    width: 84%;
    position: absolute;
    right: 92px;
    top: 54%;
    /* display: flex; */
    text-align: center;
    font-size: 26px;
    color: #000;
}
.gs-ss {
    background: #F3F3F3;
    position: absolute;
    width: 112%;
    margin-top: 2%;
}

}
@media only screen and (max-width: 450px) {
.gs_main12 {
    width: 93%;
    position: absolute;
    right: 58px;
    top: 51%;
    /* display: flex; */
    text-align: center;
    font-size: 26px;
    color: #000;
}
 .gs_section.touzhizhe .gs_main12 {
    width: 105%;
    position: relative;
    right: 31px;
    top: 140px;
    /* display: flex; */
    text-align: center;
    font-size: 26px;
    color: #000;
}
.gs_main12 ul li a{
	color: #000;
	margin-left: 1%;
}
 }