@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:"方正黑体简体"; }
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;}
.hideInfo{ font-size:22px;}
.showInfo{ text-indent: 2em; font-size:14px; font-weight:normal;}
dd.detailTxtInfo{text-align:justify;}

/*头部*/
.head{ width:100%; height:79px; position:relative;}
.head .logo{width:50%;float:left;margin-left:15px;margin-top:10px;}

.head .logo img{max-width:100%;}
.head .menu{ background:url(../images/top_button.png) no-repeat; width:79px; height:80px;position:absolute; right:0px; top:0px; background-size:cover;transform:rotate(180deg);-webkit-transform:rotate(180deg); transition: all 400ms;}
.on .head .menu{transform:rotate(0deg);-webkit-transform:rotate(0deg);transition: all 400ms;}

/*banner*/
.banner{ width:100%; }
.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*/

.manage_nav{overflow: hidden;background-color: #f7f0d6;margin-bottom: 20px;}
.manage_nav a{float: left;display: block;padding: 0 10px;font-weight: bold;font-size: 14px;border-right: 2px solid #fff;color: #645b58;height:2.5rem;line-height:2.5rem;}
.manage_nav a.on{color: #fff;background-color: #f01000;}

.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%;  background:url(../images/bottom.png)}
.bottom p.bottomCopyTop{ background:url(../images/line-2_15.png) center no-repeat;background-size:100% 4px; min-height:4px; }
.bottom p.bottomCopyRight{ background-size:100% 60px; min-height:60px; }
.bottom p span.copyRight{        display: block;text-align:center;margin-top: 10px;font-size: 14px;white-space: nowrap;font-family: "方正黑体简体"; font:inherit;}
.bottom p span.copyBottom{       display: block;padding: 0%;font-size: 14px;width: 100%;text-align:center;white-space: nowrap;font-family: "方正黑体简体";margin-top:8px; }
/*侧边导航栏*/
.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%;}
.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: 1px;color:#fff;width: 100%;background: #fff;border:0;}
.nav .sideMenu .nav_h3{font-size:18px;color:#fff;font-weight: bold;}
.nav .sideMenu h3 i{width:22px;height: 22px;float: right;display: block;background: url(../images/a_i.png) no-repeat center;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);}