@charset "utf-8";
/* CSS Document */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend{margin:0; padding:0;}
body, button, input, select, textarea{font-family:"microsoft yahei"; }
h1, h2, h3, h4, h5, h6, small, font{font-weight:normal;}
ul, ol, li{list-style:none;}
a{text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
em, i, small, caption, th{font-size:100%; font-style:normal; font-weight:normal;}
ul{display:inline-block;}
img{border:none; vertical-align:top;}
input,textarea{ outline:none; }
.showInfo{font-size:16px;}
input {-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"],input {
-webkit-appearance: none;
}

p { text-align: justify; }

/*返回按钮*/
	
.banner_height{ position:relative;}

span.return{  display:inline-block; position:absolute;  left:0.5rem; font-size:18px; color:#666666; }
@media screen and (min-width:320px){
	span.return{ bottom:20px;}
	
	}
	@media screen and (min-width:375px){
		span.return{ bottom:28px;}
	
		}
b.returnIcon{ font-weight:normal; /*font-size:24px;*/}


body{ max-width:640px; overflow-x:hidden;}

html,body{ height:100%;}
.clearfix{ display:block;}
.fl{ float:left;}
.fr{ float:right;}
.container{ width:100%; min-height:100%; position:relative; -webkit-transition: margin-left 400ms;}
.container::after{content: ''; width:100%; height:100%; position: absolute; top:0; left: 0; z-index: 999998; background: #000; opacity: 0.5; display: none;}
.hideInfo{ font-size:22px;}
.showInfo{ text-indent: 2em; font-size:14px; font-weight:normal;}
dd.detailTxtInfo{text-align:justify;}

/*头部*/
.head{ width:100%; height:70px; position:relative; border-bottom: 1px solid #e60000;}
.head .logo{width:55%;margin-top:17px;float:left;margin-left:15px;}

.head .logo img{max-width:100%;}
.head .menu{width:70px; height:70px;position:absolute; right:0px; top:4px; background-size:cover;transition: all 400ms;z-index: 999999;}
/*.on .head .menu{transform:rotate(180deg);-webkit-transform:rotate(180deg);transition: all 400ms;}*/
.menu span {position:absolute; left:23px; width:24px; height:2px; background-color:#c9a05b; -webkit-transition:-webkit-transform 300ms, top 300ms}
.menu .top {top:24px;}
.menu .mid {top:32px;}
.menu .bot {top:40px;}
    /* 菜单按钮控制 */
.menu .top {top:32px; -webkit-animation:menuBtn-off-top-anim 400ms forwards;}
.menu .mid {-webkit-opacity:0; -webkit-animation:menuBtn-off-mid-anim 400ms forwards;}
.menu .bot {top:32px; -webkit-animation:menuBtn-off-bot-anim 400ms forwards;}
    /* 菜单按钮动画 */
@-webkit-keyframes menuBtn-on-top-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(45deg); top:32px;}
}
@-webkit-keyframes menuBtn-on-mid-anim {
    100% {-webkit-opacity:0;}
}
@-webkit-keyframes menuBtn-on-bot-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-45deg); top:32px;}
}
@-webkit-keyframes menuBtn-off-top-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {top:24px;-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes menuBtn-off-mid-anim {
    100% {-webkit-opacity:1;}
}
@-webkit-keyframes menuBtn-off-bot-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {top:40px;-webkit-transform:rotate(0deg);}
}
.on .head .menu span{background-color:#fff;}
.on .head .menu .top {-webkit-animation:menuBtn-on-top-anim 400ms forwards;}
.on .head .menu .mid {-webkit-animation:menuBtn-on-mid-anim 400ms forwards;}
.on .head .menu .bot {-webkit-animation:menuBtn-on-bot-anim 400ms forwards;}

/*banner*/
.banner{margin: 10px;}
.banner img{ width:100%; height:auto;}
.banner_bottomInfo{width:100%;  height:75px; background-color:#392363;}
@media screen and (min-width:320px){
.banner_bottomInfo{width:100%;  height:65px; background-color:#392363;}	
}
.banner_bottomInfo .txtInfo{ width:100%; padding-top:10px; text-align:center; color:#fff; font-size:24px;  }
.arrow-down {  width:0;  height:0; border-left:8px solid transparent; border-right:8px solid transparent;border-top:8px solid #fff; position:absolute; left:170px; margin-top:8px;display:inline-block;}

@media screen and (min-width:320px){
.arrow-down {  width:0;  height:0; border-left:8px solid transparent; border-right:8px solid transparent;border-top:8px solid #fff;position:absolute; left:153px;   display:inline-block;}	
	
}
@media screen and (min-width:360px){
.arrow-down {  width:0;  height:0; border-left:8px solid transparent; border-right:8px solid transparent;border-top:8px solid #fff;position:absolute; left:172px;   display:inline-block;}	
	
}

@media screen and (min-width:375px){
.arrow-down {  width:0;  height:0; border-left:8px solid transparent; border-right:8px solid transparent;border-top:8px solid #fff;position:absolute; left:182px; margin-top:8px;  display:inline-block;}	
	
}
@media screen and (min-width:414px){
.arrow-down {  width:0;  height:0; border-left:8px solid transparent; border-right:8px solid transparent;border-top:8px solid #fff;position:absolute; left:198px; margin-top:8px;  display:inline-block;}	
	
}
@media screen and (min-width:640px){
	.arrow-down {  width:0;  height:0; border-left:8px solid transparent; border-right:8px solid transparent;border-top:8px solid #fff;position:absolute; left:310px; margin-top:8px;  display:inline-block;}
}
/*middle*/
.midddle{ padding:5% 4% 4% 4%; }
.midddle .detailInfo{width:100%;}
.midddle .detailInfo dl dt img{width:100%; }
.midddle .detailInfo dl dt.bgImg1{width:100%;/* margin-top:-13px; */background:url(../images/picGroup1.jpg)center no-repeat; background-size:100%; height:158px; text-align:center; }
.midddle .detailInfo dl dt.bgImg2{width:100%; margin-top:-35px;  background:url(../images/picGroup2.jpg)center no-repeat; background-size:100%; height:158px; text-align:center; }
.midddle .detailInfo dl dt span.titleGroup{ color:#666666; font-size:18px; font-weight:bold; position:relative; top:25%;  }
.midddle .detailInfo dl dt span.dateGroup{ color:#cb2e29; position:relative; top:25%;  font-size:20px;}
.marginTopInfo{ margin-top:-35px !important;}
.midddle .detailInfo dl dd.title{ color:#cb2e29; font-size:24px; font-weight:bold; margin-top:10px;}
.midddle .detailInfo dl dd.detailTxtInfo{ color:#666666; margin-top:10px; line-height:22px; font-size:14px; width:100%;}
.midddle .detailInfo dl dd.detailTxtInfo p{ text-indent: 2em;}

/*@media screen and (min-width:320px){
	.midddle .detailInfo dl dt.bgImg1{  }
	.midddle .detailInfo dl dt span.titleGroup{ top:30%; left:14%; font-size:20px;}
	.midddle .detailInfo dl dt span.dateGroup{ top:27%;}
	.midddle .detailInfo dl dd.detailTxtInfo{  top:-37px;}
    .midddle .detailInfo dl dt.bgImg2{ }
	.marginTopInfo{}

	}*/

/*more*/
.showMore{display:none;}
.more{ width:92%; background-color:#cb2e29; height:55px; margin:0 4%; position:relative;}
.more .btnMore{ width:100%; color:#fff; text-align:center; display:inline-block;  font-weight:500; font-size:20px;}
.more .btnMore img{ position:relative; top:0px; width:40px; }
.more .btnMore span{ display:inline-block; margin-top:10px;}
.more .btnMore span strong{ font-size:20px; top:3px !important; font-weight:normal;}

/*联系方式*/
.midddleContact{ width:100%}
.midddleContact img{width:100%;}


/*底部*/
.bottom{ margin-top:15px;  width:100%; }
.bottom p.bottomCopyRight{ background:#e60000; min-height:70px; color:#fff; font-size: 14px; line-height: 60px; text-align: center;}
.bottom p span.copyRight{ display:block; padding:3% 4%; font-size:14px; white-space:nowrap;font-family:"microsoft yahei"; }

/*侧边导航栏*/
.nav{ position:fixed; top:0px; right:-65%; background-color:#cb2e29; width:65%; height:100%; overflow:hidden;-webkit-transition:right 0.4s;display:table; }
.LeftOn{right:0;}

.container.on{margin-left:-65%;}
.container.on:after{display:block;}
.navList{ width:100%; }
.navList {display:table-cell;vertical-align:middle;}
.navList li{text-align:center;}
@media screen and (min-width:320px){

.navList li{height:45px; line-height:45px; background-color:#cb2e29;  font-weight:bold; overflow:hidden;}
}
@media screen and (min-height:568px){
	
.navList li{height:55px;; line-height:55px; background-color:#cb2e29;  margin-top:1%; font-weight:bold; overflow:hidden;}
}

.navList li{ margin:0;}
.navList li a{ color:#fff;  font-size:18px; font-weight:normal;}
.navList li.on{ background-color:#fff; }
.navList li.on a{ color:#000;}
.navList li.frist{ background-color:#fff;display:none;}
@media screen and (min-width:320px){
	.navList li.frist{  margin:0px;  border-top:none; height:47px;background:url(../images/navReturn.jpg) center no-repeat; background-size:cover; display:none; width:100%;}

	}
@media screen and (min-width:375px){	
	
.navList li.frist{  margin:0px;  border-top:none; height:76px; background:url(../images/navReturn.jpg) center no-repeat; background-size:cover; display:none; width:100%;}
}

/*.navList li.frist img{ width:100%; height:100%;}*/
.detailTxtInfo p{ text-indent: 2em;}
/*投资者关系*/
.detailInfo .infoInvestor{ font-size: 12px;}  
.touzizheInfo{ padding:2% 1%;}
/*企业宗旨*/
.marginImg img{ border-radius: 0 !important;}


/*侧边导航栏修改*/
.pr{position: relative;}
.nav .sideMenu{padding:30px;overflow-y:auto;height:100%;}
.nav .sideMenu hr{height: 0px;color:#fff;width: 100%;border:0; border-top: 1px dashed #fd9592;}
.nav .sideMenu .nav_h3{font-size:18px;color:#fff;}
.nav .sideMenu h3 i{width:22px;height: 22px;float: right;display: block;background-size: 80%;transition: all 400ms;}
.nav .sideMenu h3.on i{/*background:  url(../images/a_ion.png) no-repeat center;*/transform: rotate(225deg);-webkit-transform: rotate(225deg);transition: all 400ms;}
.nav .sideMenu ul{padding:10px 0 10px 20px;}
.nav .sideMenu li{padding:5px 0;}
.nav .sideMenu li a{font-size:14px;color:#fff;font-weight: 500;opacity: 0.8;filter: alpha(opacity=80);}

.bottomCopyRight .hrefPC{width:25%;display:block;margin:0 auto;float:left;margin-left:4%;margin-bottom:5px;}
.bottomCopyRight .hrefPC img{width:100%;height:auto;}